diff --git a/.gitignore b/.gitignore
index a0506fe1d6..580d1d1b50 100644
--- a/.gitignore
+++ b/.gitignore
@@ -55,12 +55,6 @@ screenshotLegacyTests/*.ts
 
 junit.xml
 packages/survey-creator-core/.vscode/launch.json
-packages/survey-creator-core/src/themes/default.ts
-packages/survey-creator-core/src/themes/default-contrast.ts
-packages/survey-creator-core/src/themes/default-dark.ts
-packages/survey-creator-core/src/themes/default-light.ts
-packages/survey-creator-core/src/themes/index.ts
-packages/survey-creator-core/src/themes/sc2020.ts
 
 **/test-results/
 **/playwright-report/
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/by-page.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/by-page.component.ts
index ee823079aa..08fbf9efc7 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/by-page.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/by-page.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 
 @Component({
   selector: "test-by-page",
@@ -14,5 +15,6 @@ export class TestByPageComponent extends TestDefaultComponent {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/default.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/default.component.ts
index bb6e31214a..f8c98d6009 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/default.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/default.component.ts
@@ -3,10 +3,11 @@ import { SurveyCreatorModel } from "survey-creator-core";
 import * as SurveyCreatorCore from "survey-creator-core";
 import * as Survey from "survey-core";
 import SurveyThemes from "survey-core/themes";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 import "survey-core/survey.i18n";
 import "survey-creator-core/survey-creator-core.i18n";
 SurveyCreatorCore.registerSurveyTheme(SurveyThemes);
-
+SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTestTheme);
 @Component({
   selector: "test-default",
   templateUrl: "./test.component.html",
@@ -28,6 +29,7 @@ export class TestDefaultComponent implements OnInit {
         this.creator.showOneCategoryInPropertyGrid = false;
         this.creator.allowZoom = false;
         this.creator.JSON = json;
+        this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
         (<any>window).creator = this.creator;
       });
     };
@@ -43,5 +45,6 @@ export class TestDefaultComponent implements OnInit {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/dropdown-collapse.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/dropdown-collapse.component.ts
index 6da480d525..c5e4e8f9f9 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/dropdown-collapse.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/dropdown-collapse.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 @Component({
   selector: "test-dropdown-collapse",
   templateUrl: "./test.component.html",
@@ -14,5 +15,6 @@ export class TestDropdownCollapseComponent extends TestDefaultComponent {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/localization.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/localization.component.ts
index 81b6f3590a..bd01daefa1 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/localization.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/localization.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel, localization } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 
 @Component({
   selector: "test-by-page",
@@ -17,5 +18,6 @@ export class TestLocalizationComponent extends TestDefaultComponent {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/test-no-license.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/test-no-license.component.ts
index 27eb06883f..31dab5aec0 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/test-no-license.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/test-no-license.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 @Component({
   selector: "test-theme-preview",
   templateUrl: "./test.component.html",
@@ -17,5 +18,6 @@ export class NoLicenseComponent extends TestDefaultComponent {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/test-theme-tab.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/test-theme-tab.component.ts
index 04f6b48655..d4c30b1f38 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/test-theme-tab.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/test-theme-tab.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 @Component({
   selector: "test-theme-preview",
   templateUrl: "./test.component.html",
@@ -16,5 +17,6 @@ export class ThemeTabComponent extends TestDefaultComponent {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-preview.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-preview.component.ts
index d74783ac0c..e055d1527a 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-preview.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-preview.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 @Component({
   selector: "test-theme-preview",
   templateUrl: "./test.component.html",
@@ -17,5 +18,6 @@ export class ThemePreviewComponent extends TestDefaultComponent {
     this.creator["animationEnabled"] = false;
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-switcher.component.ts b/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-switcher.component.ts
index 570372533e..6ea8aabc5f 100644
--- a/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-switcher.component.ts
+++ b/packages/survey-creator-angular/example/angular-ui/src/app/test/theme-switcher.component.ts
@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation } from "@angular/core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import { TestDefaultComponent } from "./default.component";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 
 @Component({
   selector: "test-theme-switcher",
@@ -13,5 +14,6 @@ export class TestThemeSwitcherComponent extends TestDefaultComponent {
     this.creator = new SurveyCreatorModel({});
     this.creator.showOneCategoryInPropertyGrid = false;
     this.creator.allowZoom = false;
+    this.creator.applyCreatorTheme(SurveyCreatorTestTheme);
   }
 }
\ No newline at end of file
diff --git a/packages/survey-creator-core/package.json b/packages/survey-creator-core/package.json
index e433a857a7..58edf2d3b4 100644
--- a/packages/survey-creator-core/package.json
+++ b/packages/survey-creator-core/package.json
@@ -10,7 +10,7 @@
   "scripts": {
     "build": "webpack --env buildType=dev --env emitDeclarations --env emitStyles --env emitNonSourceFiles && webpack --env buildType=prod --env emitStyles && rollup -c",
     "build:i18n": "webpack --config ./webpack.i18n.js --env buildType=dev && webpack --config ./webpack.i18n.js --env buildType=prod && rollup -c rollup.i18n.config.js",
-    "build:themes": "node creator-themes-import.js && webpack --config ./webpack.themes.config.js --env buildType=dev --env emitDeclarations && webpack --config ./webpack.themes.config.js --env buildType=prod && rollup -c rollup.themes.config.js",
+    "build:themes": "webpack --config ./webpack.themes.config.js --env buildType=dev --env emitDeclarations && webpack --config ./webpack.themes.config.js --env buildType=prod && rollup -c rollup.themes.config.js",
     "build:all": "npm run build && npm run build:i18n && npm run build:themes",
     "build:presets": "webpack --config ./webpack.presets.config.js --env buildType=dev --env emitDeclarations && webpack --config ./webpack.presets.config.js --env buildType=prod && rollup -c rollup.presets.config.js --bundleConfigAsCjs",
     "test": "jest",
diff --git a/packages/survey-creator-core/src/components/creator.scss b/packages/survey-creator-core/src/components/creator.scss
index a1be6c797d..a376803ccf 100644
--- a/packages/survey-creator-core/src/components/creator.scss
+++ b/packages/survey-creator-core/src/components/creator.scss
@@ -7,6 +7,8 @@
 @use "../lbr-sizes.scss";
 @use "../ctr-font-sizes.scss";
 @use "../ctr-sizes.scss";
+@use "../ctr-colors.scss";
+@use "../ctr-base-units.scss";
 
 survey-creator,
 .svc-creator {
diff --git a/packages/survey-creator-core/src/components/question.scss b/packages/survey-creator-core/src/components/question.scss
index 9c14e99f0d..b7c8d9a2c8 100644
--- a/packages/survey-creator-core/src/components/question.scss
+++ b/packages/survey-creator-core/src/components/question.scss
@@ -433,7 +433,7 @@ svc-question {
   .svc-list__item {
     &, &:hover {
       & > .svc-list__item-body .sv-svg-icon use {
-        fill: var(--sjs-secondary-background-500, #19b394ff);
+        fill: var(--sjs-secondary-background-500, #FF9814);
       }
     }
   }
diff --git a/packages/survey-creator-core/src/components/tabs/designer-plugin.ts b/packages/survey-creator-core/src/components/tabs/designer-plugin.ts
index 089f1ea7c6..69ea442594 100644
--- a/packages/survey-creator-core/src/components/tabs/designer-plugin.ts
+++ b/packages/survey-creator-core/src/components/tabs/designer-plugin.ts
@@ -124,10 +124,10 @@ export class TabDesignerPlugin implements ICreatorPlugin {
   }
   private updatePredefinedColorChoices() {
     this.themePropertyGrid.survey.getAllQuestions().forEach(question => {
-      if (question.name === "--sjs-special-background") {
+      if (question.name === CreatorThemeModel.varColorUtilitySurface) {
         (question as any).choices = this.themeModel && this.themeModel.isLight ? getPredefinedBackgoundColorsChoices() : [];
       }
-      if (question.name === "--sjs-primary-background-500" || question.name === "--sjs-secondary-background-500") {
+      if (question.name === CreatorThemeModel.varColorProjectBrand || question.name === CreatorThemeModel.varColorProjectAccent) {
         (question as any).choices = getPredefinedColorsItemValues(this.themeModel.isLight === false ? "dark" : "light");
       }
     });
diff --git a/packages/survey-creator-core/src/creator-base.ts b/packages/survey-creator-core/src/creator-base.ts
index a07969ae73..14c004f72a 100644
--- a/packages/survey-creator-core/src/creator-base.ts
+++ b/packages/survey-creator-core/src/creator-base.ts
@@ -86,6 +86,7 @@ import "./creator-theme/creator.scss";
 import { DomDocumentHelper } from "./utils/global_variables_utils";
 import { deprecate } from "util";
 import { TabJsonEditorBasePlugin } from "./components/tabs/json-editor-plugin";
+import Default from "./themes/default-light";
 
 addIconsToThemeSet("v1", iconsV1);
 addIconsToThemeSet("v2", iconsV2);
@@ -1663,6 +1664,7 @@ export class SurveyCreatorModel extends Base
       SurveyHelper.warnText("Creator constructor has one parameter, as creator options, in V2.");
     }
     SvgRegistry.registerIcons(SvgThemeSets["v2"]);
+    this.applyCreatorTheme(Default);
     this.previewDevice = options.previewDevice ?? "desktop";
     this.previewOrientation = options.previewOrientation;
     this.toolbarValue = new ToolbarActionContainer(this);
diff --git a/packages/survey-creator-core/src/creator-theme/creator-theme-model-definition.ts b/packages/survey-creator-core/src/creator-theme/creator-theme-model-definition.ts
index ddd77a9876..52846487cb 100644
--- a/packages/survey-creator-core/src/creator-theme/creator-theme-model-definition.ts
+++ b/packages/survey-creator-core/src/creator-theme/creator-theme-model-definition.ts
@@ -1,12 +1,13 @@
 import { ISurveyPropertiesDefinition, ISurveyPropertyGridDefinition } from "../question-editor/definition";
+import { CreatorThemeModel } from "./creator-theme-model";
 
 const creatorThemeModelProperties: ISurveyPropertiesDefinition = {
   "creatortheme": {
     properties: [
       { name: "themeName", index: 1 },
-      { name: "--sjs-primary-background-500", index: 10, tab: "accentColors" },
-      { name: "--sjs-secondary-background-500", index: 20, tab: "accentColors" },
-      { name: "--sjs-special-background", index: 30, tab: "surfaceBackground" },
+      { name: CreatorThemeModel.varColorProjectBrand, index: 10, tab: "accentColors" },
+      { name: CreatorThemeModel.varColorProjectAccent, index: 20, tab: "accentColors" },
+      { name: CreatorThemeModel.varColorUtilitySurface, index: 30, tab: "surfaceBackground" },
       { name: "fontScale", index: 40, tab: "scaling" },
       { name: "scale", index: 50, tab: "scaling" },
     ],
diff --git a/packages/survey-creator-core/src/creator-theme/creator-theme-model.ts b/packages/survey-creator-core/src/creator-theme/creator-theme-model.ts
index 1c42b9b32e..4d9dfb03a5 100644
--- a/packages/survey-creator-core/src/creator-theme/creator-theme-model.ts
+++ b/packages/survey-creator-core/src/creator-theme/creator-theme-model.ts
@@ -9,16 +9,27 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
   static legacyThemeName = "sc2020";
   static defaultThemeName = "default-light";
 
+  static varBaseUnitFontSize = "--sjs2-base-unit-font-size";
+  static varBaseUnitLineHeight = "--sjs2-base-unit-line-height";
+  static varBaseUnitSize = "--sjs2-base-unit-size";
+  static varBaseUnitSpacing = "--sjs2-base-unit-spacing";
+  static varBaseUnitRadius = "--sjs2-base-unit-radius";
+  static varBaseUnitBorderWidth = "--sjs2-base-unit-border-width";
+
+  static varColorProjectBrand = "--sjs2-color-project-brand-600";
+  static varColorProjectAccent = "--sjs2-color-project-accent-600";
+  static varColorUtilitySurface = "--sjs2-color-utility-surface";
+
   initialCssVariables: { [index: string]: string } = {};
   themeCssVariablesChanges?: { [index: string]: string } = {};
 
   unitDictionary: { [index: string]: number } = {
-    "--ctr-font-unit": 8,
-    "--ctr-line-height-unit": 8,
-    "--ctr-size-unit": 8,
-    "--ctr-spacing-unit": 8,
-    "--ctr-corner-radius-unit": 8,
-    "--ctr-stroke-unit": 1,
+    [CreatorThemeModel.varBaseUnitFontSize]: 8,
+    [CreatorThemeModel.varBaseUnitLineHeight]: 8,
+    [CreatorThemeModel.varBaseUnitSize]: 8,
+    [CreatorThemeModel.varBaseUnitSpacing]: 8,
+    [CreatorThemeModel.varBaseUnitRadius]: 8,
+    [CreatorThemeModel.varBaseUnitBorderWidth]: 1,
   };
 
   @property() themeName: string = CreatorThemeModel.defaultThemeName;
@@ -31,7 +42,7 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
 
   private isSpecialBackgroundFromCurrentTheme() {
     const currentTheme = CreatorThemes[this.themeName];
-    return colorsAreEqual(currentTheme && currentTheme.cssVariables && currentTheme.cssVariables["--sjs-special-background"], this["--sjs-special-background"]);
+    return colorsAreEqual(currentTheme && currentTheme.cssVariables && currentTheme.cssVariables[CreatorThemeModel.varColorUtilitySurface], this[CreatorThemeModel.varColorUtilitySurface]);
   }
   private findAppropriateSpecialBackground(primaryColorValue: string) {
     let primaryColorName: string;
@@ -47,10 +58,10 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
     if (!this.isLight) {
       return;
     }
-    const canCalculateSpecialBackgroundColor = this.isSpecialBackgroundFromCurrentTheme() || colorsAreEqual(this.findAppropriateSpecialBackground(primaryColorOldValue), this["--sjs-special-background"]);
+    const canCalculateSpecialBackgroundColor = this.isSpecialBackgroundFromCurrentTheme() || colorsAreEqual(this.findAppropriateSpecialBackground(primaryColorOldValue), this[CreatorThemeModel.varColorUtilitySurface]);
     if (canCalculateSpecialBackgroundColor) {
       const newSpecialBackgroundColor = this.findAppropriateSpecialBackground(primaryColorNewValue);
-      this["--sjs-special-background"] = newSpecialBackgroundColor || PredefinedBackgroundColors["light"]["gray"];
+      this[CreatorThemeModel.varColorUtilitySurface] = newSpecialBackgroundColor || PredefinedBackgroundColors["light"]["gray"];
     }
   }
 
@@ -95,7 +106,7 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
   }
   private resetColorThemeCssVariablesChanges(): void {
     Object.keys(this.themeCssVariablesChanges).forEach(key => {
-      if (key.indexOf("--sjs-") === 0) {
+      if (key.indexOf("--sjs2-") === 0) {
         delete this.themeCssVariablesChanges[key];
       }
     });
@@ -107,11 +118,11 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
       this.resetColorThemeCssVariablesChanges();
       this.loadTheme({ themeName: newValue });
       this.onThemeSelected.fire(this, { theme: this.toJSON() });
-    } else if (name === "--sjs-primary-background-500") {
+    } else if (name === CreatorThemeModel.varColorProjectBrand) {
       this.setThemeCssVariablesChanges(name, newValue);
       this.setPropertyValue(name, newValue);
       this.updateBackgroundColor(newValue, oldValue);
-    } else if (name === "--sjs-secondary-background-500" || name === "--sjs-special-background") {
+    } else if (name === CreatorThemeModel.varColorProjectAccent || name === CreatorThemeModel.varColorUtilitySurface) {
       this.setThemeCssVariablesChanges(name, newValue);
       this.setPropertyValue(name, newValue);
     } else if (name.indexOf("--") === 0) {
@@ -122,12 +133,12 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
   }
   private scalePropertiesChanged(propertyName: string, newValue: number) {
     if (propertyName == "fontScale") {
-      this.scalingProperties("--ctr-font-unit", newValue);
-      this.scalingProperties("--ctr-line-height-unit", newValue);
+      this.scalingProperties(CreatorThemeModel.varBaseUnitFontSize, newValue);
+      this.scalingProperties(CreatorThemeModel.varBaseUnitLineHeight, newValue);
     } else if (propertyName == "scale") {
-      this.scalingProperties("--ctr-size-unit", newValue);
-      this.scalingProperties("--ctr-spacing-unit", newValue);
-      this.scalingProperties("--ctr-corner-radius-unit", newValue);
+      this.scalingProperties(CreatorThemeModel.varBaseUnitSize, newValue);
+      this.scalingProperties(CreatorThemeModel.varBaseUnitSpacing, newValue);
+      this.scalingProperties(CreatorThemeModel.varBaseUnitRadius, newValue);
     }
   }
   private scalingProperties(cssName: string, newValue: number) {
@@ -140,13 +151,13 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
   }
   private scaleCssVariables() {
     if (this.fontScale !== undefined) {
-      this.scaleValue("--ctr-font-unit", this.fontScale);
-      this.scaleValue("--ctr-line-height-unit", this.fontScale);
+      this.scaleValue(CreatorThemeModel.varBaseUnitFontSize, this.fontScale);
+      this.scaleValue(CreatorThemeModel.varBaseUnitLineHeight, this.fontScale);
     }
     if (this.scale !== undefined) {
-      this.scaleValue("--ctr-size-unit", this.scale);
-      this.scaleValue("--ctr-spacing-unit", this.scale);
-      this.scaleValue("--ctr-corner-radius-unit", this.scale);
+      this.scaleValue(CreatorThemeModel.varBaseUnitSize, this.scale);
+      this.scaleValue(CreatorThemeModel.varBaseUnitSpacing, this.scale);
+      this.scaleValue(CreatorThemeModel.varBaseUnitRadius, this.scale);
     }
   }
   private getScaleFactor(cssName: string): number {
@@ -155,8 +166,8 @@ export class CreatorThemeModel extends Base implements ICreatorTheme {
   private updateScaleProperties() {
     this.blockThemeChangedNotifications += 1;
     try {
-      this.fontScale = this.getScaleFactor("--ctr-font-unit");
-      this.scale = this.getScaleFactor("--ctr-size-unit");
+      this.fontScale = this.getScaleFactor(CreatorThemeModel.varBaseUnitFontSize);
+      this.scale = this.getScaleFactor(CreatorThemeModel.varBaseUnitSize);
     } finally {
       this.blockThemeChangedNotifications -= 1;
     }
@@ -259,7 +270,7 @@ Serializer.addClass(
 Serializer.addProperties("creatortheme", [
   {
     type: "color",
-    name: "--sjs-special-background",
+    name: CreatorThemeModel.varColorUtilitySurface,
     default: "#EDF9F7",
     enableIf: (obj: CreatorThemeModel): boolean => {
       return !obj || obj.themeName !== CreatorThemeModel.legacyThemeName;
@@ -272,7 +283,7 @@ Serializer.addProperties("creatortheme", [
     }
   }, {
     type: "color",
-    name: "--sjs-primary-background-500",
+    name: CreatorThemeModel.varColorProjectBrand,
     default: "#19B394",
     onPropertyEditorUpdate: function (obj: any, editor: any) {
       if (!!editor) {
@@ -282,7 +293,7 @@ Serializer.addProperties("creatortheme", [
     },
   }, {
     type: "color",
-    name: "--sjs-secondary-background-500",
+    name: CreatorThemeModel.varColorProjectAccent,
     default: "#19B394",
     displayName: "",
     onPropertyEditorUpdate: function (obj: any, editor: any) {
@@ -292,11 +303,11 @@ Serializer.addProperties("creatortheme", [
       }
     },
   }, {
-    name: "--ctr-font-unit",
+    name: CreatorThemeModel.varBaseUnitFontSize,
     default: "8px",
     visible: false,
   }, {
-    name: "--ctr-line-height-unit",
+    name: CreatorThemeModel.varBaseUnitLineHeight,
     default: "8px",
     visible: false,
   }, {
@@ -320,15 +331,15 @@ Serializer.addProperties("creatortheme", [
       }
     }
   }, {
-    name: "--ctr-spacing-unit",
+    name: CreatorThemeModel.varBaseUnitSpacing,
     default: "8px",
     visible: false,
   }, {
-    name: "--ctr-size-unit",
+    name: CreatorThemeModel.varBaseUnitSize,
     default: "8px",
     visible: false,
   }, {
-    name: "--ctr-corner-radius-unit",
+    name: CreatorThemeModel.varBaseUnitRadius,
     default: "8px",
     visible: false,
   }, {
diff --git a/packages/survey-creator-core/src/creator-theme/creator-themes.ts b/packages/survey-creator-core/src/creator-theme/creator-themes.ts
index 5646d36d22..bd204d54ba 100644
--- a/packages/survey-creator-core/src/creator-theme/creator-themes.ts
+++ b/packages/survey-creator-core/src/creator-theme/creator-themes.ts
@@ -1,5 +1,5 @@
 import { CreatorStylesManager } from "./styles-manager";
-import { DefaultLightColorCssVariables } from "../themes/default-light-color-css-variables";
+import { Default } from "../themes/default-light";
 import { registerTheme, ThemesHash, sortDefaultThemes } from "../utils/themes";
 
 export interface ICreatorTheme {
@@ -21,26 +21,26 @@ export function registerCreatorTheme(...themes: Array<ThemesHash<ICreatorTheme>
   sortDefaultThemes(defaultCreatorThemesOrder, importedThemeNames, PredefinedCreatorThemes);
 }
 
-const defaultVariables = {
-  "--sjs-special-background": "#EDF9F7",
-  "--sjs-primary-background-500": "#19B394",
-  "--sjs-secondary-background-500": "#19B394",
-};
+// const defaultVariables = {
+//   "--sjs2-color-utility-surface": "#EDF9F7",
+//   "--sjs2-color-project-brand-600": "#19B394",
+//   "--sjs2-color-project-accent-600": "#19B394",
+// };
 
-export const CreatorThemes: { [index: string]: ICreatorTheme } = {
-  "default-light": {
-    themeName: "default-light",
-    cssVariables: defaultVariables,
-    iconSet: "v2"
-  }
-};
-
-let stylesStr = "";
-if (Object.keys(DefaultLightColorCssVariables).length) {
-  Object.keys(DefaultLightColorCssVariables).forEach((varName) => {
-    try {
-      stylesStr += `${varName}: ${DefaultLightColorCssVariables[varName]};`;
-    } catch(e) { }
-  });
-}
-CreatorStylesManager.insertStylesRulesIntoDocument([{ selector: "survey-creator,.svc-creator", styles: stylesStr }]);
\ No newline at end of file
+// export const CreatorThemes: { [index: string]: ICreatorTheme } = {
+//   "default-light": {
+//     themeName: "default-light",
+//     cssVariables: defaultVariables,
+//     iconSet: "v2"
+//   }
+// };
+export const CreatorThemes: { [index: string]: ICreatorTheme } = { "default-light": Default };
+// let stylesStr = "";
+// if (Object.keys(Default.cssVariables).length) {
+//   Object.keys(Default.cssVariables).forEach((varName) => {
+//     try {
+//       stylesStr += `${varName}: ${Default.cssVariables[varName]};`;
+//     } catch(e) { }
+//   });
+// }
+// CreatorStylesManager.insertStylesRulesIntoDocument([{ selector: "survey-creator,.svc-creator", styles: stylesStr }]);
\ No newline at end of file
diff --git a/packages/survey-creator-core/src/ctr-base-units.scss b/packages/survey-creator-core/src/ctr-base-units.scss
new file mode 100644
index 0000000000..492e08d1ad
--- /dev/null
+++ b/packages/survey-creator-core/src/ctr-base-units.scss
@@ -0,0 +1,11 @@
+@use "./ctr-variables.scss" as *;
+
+.svc-creator-popup,
+.svc-creator {
+  --ctr-font-unit: var(--sjs2-base-unit-font-size, 8px);
+  --ctr-line-height-unit: var(--sjs2-base-unit-line-height, 8px);
+  --ctr-size-unit: var(--sjs2-base-unit-size, 8px);
+  --ctr-spacing-unit: var(--sjs2-base-unit-spacing, 8px);
+  --ctr-corner-radius-unit: var(--sjs2-base-unit-radius, 8px);
+  --ctr-stroke-unit: var(--sjs2-base-unit-border-width, 1px);
+}
diff --git a/packages/survey-creator-core/src/ctr-colors.scss b/packages/survey-creator-core/src/ctr-colors.scss
new file mode 100644
index 0000000000..5e1c777fbd
--- /dev/null
+++ b/packages/survey-creator-core/src/ctr-colors.scss
@@ -0,0 +1,59 @@
+@use "./ctr-variables.scss" as *;
+
+.svc-creator-popup,
+.svc-creator {
+  --sjs-layer-1-background-500: var(--sjs2-color-bg-basic-primary);
+  --sjs-layer-1-background-400: var(--sjs2-color-bg-basic-primary-dim);
+  --sjs-layer-1-foreground-100: var(--sjs2-color-fg-basic-primary);
+  --sjs-layer-1-foreground-50: var(--sjs2-color-fg-basic-secondary);
+  --sjs-layer-3-background-500: var(--sjs2-color-bg-basic-secondary);
+  --sjs-layer-3-background-400: var(--sjs2-color-bg-basic-secondary-dim);
+  --sjs-layer-3-foreground-100: var(--sjs2-color-fg-basic-primary);
+  --sjs-layer-3-foreground-50: var(--sjs2-color-fg-basic-secondary);
+  --sjs-layer-2-background-500: var(--sjs2-color-control-formbox-design-bg);
+  --sjs-layer-2-background-400: #eeeeeeff; //never shown on design surface
+  --sjs-special-haze: var(--sjs2-color-utility-overlay-screen);
+  --sjs-border-25: var(--sjs2-color-border-basic-secondary-for-tests-only, var(--sjs2-color-border-basic-secondary));
+  --sjs-border-10: var(--sjs2-color-border-basic-secondary);
+  --sjs-primary-background-500: var(--sjs2-color-bg-brand-primary);
+  --sjs-primary-background-10: var(--sjs2-color-bg-brand-secondary);
+  --sjs-primary-background-400: var(--sjs2-color-bg-brand-primary-dim);
+  --sjs-primary-foreground-100: var(--sjs2-color-fg-static-main-primary);
+  --sjs-primary-foreground-25: var(--sjs2-color-fg-static-main-primary);
+  --sjs-secondary-background-500: var(--sjs2-color-bg-accent-primary);
+  --sjs-secondary-background-25: var(--sjs2-color-bg-accent-secondary-dim);
+  --sjs-secondary-background-10: var(--sjs2-color-bg-accent-secondary);
+  --sjs-secondary-foreground-100: #ffffffff; //used in license banner
+  --sjs-secondary-forecolor-25: #ffffff40; //never used
+  --sjs-semantic-red-background-500: var(--sjs2-color-bg-alert-primary);
+  --sjs-semantic-red-background-10: var(--sjs2-color-bg-alert-secondary);
+  --sjs-semantic-red-foreground-100: var(--sjs2-color-fg-static-main-primary);
+  --sjs-semantic-green-background-500: #19b394ff;
+  --sjs-semantic-green-background-10: #19b3941a;
+  --sjs-semantic-green-foreground-100: #ffffffff;
+  --sjs-semantic-blue-background-500: var(--sjs2-color-bg-note-primary);
+  --sjs-semantic-blue-background-10: var(--sjs2-color-bg-note-secondary);
+  --sjs-semantic-blue-foreground-100: var(--sjs2-color-fg-static-main-primary);
+  --sjs-semantic-yellow-background-500: var(--sjs2-color-bg-warning-primary);
+  --sjs-semantic-yellow-background-10: var(--sjs2-color-bg-warning-secondary);
+  --sjs-semantic-yellow-foreground-100: var(--sjs2-color-fg-static-main-primary);
+  --sjs-semantic-white-background-500: #ffffffff;
+  --sjs-code-gray-700: #b6b6b6ff;
+  --sjs-code-blue-500: #326fcaff;
+  --sjs-code-gray-300: #505050ff;
+  --sjs-code-green-500: #08997cff;
+  --sjs-code-red-500: #f41b50ff;
+  --sjs-code-purple-500: #c22fa2ff;
+  --sjs-code-yellow-500: #f58d06ff;
+  --sjs-code-gray-500: #8a8a8aff;
+  --sjs-special-background: var(--sjs2-color-utility-surface); //!
+  --sjs-layer-1-foreground-75: var(--sjs2-color-fg-basic-primary-muted);
+  --sjs-special-glow: var(--sjs2-color-utility-shadow-medium); //!
+  --sjs-special-shadow: var(--sjs2-color-utility-shadow-surface-default);
+  --sjs-layer-3-foreground-75: var(--sjs2-color-fg-basic-primary-muted);
+  --sjs-layer-2-foreground-100: var(--sjs2-color-fg-basic-primary);
+  --sjs-layer-2-foreground-75: var(--sjs2-color-fg-basic-primary-muted);
+  --sjs-layer-2-foreground-50: var(--sjs2-color-fg-basic-secondary);
+  --sjs-border-25-overlay: var(--sjs2-color-utility-scrollbar);
+  --sjs-secondary-background-400: var(--sjs2-color-bg-brand-primary);
+}
diff --git a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-buttongroup.scss b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-buttongroup.scss
index ec52196943..bed3d1c529 100644
--- a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-buttongroup.scss
+++ b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-buttongroup.scss
@@ -47,9 +47,8 @@
   flex-grow: 1;
 
   border-radius: var(--ctr-button-group-item-corner-radius, var(--sjs-corner-radius-x075));
-  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 0px)
-    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));
-  background-color: var(--ctr-button-group-item-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));
+  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 0px) var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));
+  background-color: var(--ctr-button-group-item-background-color, transparent);
 
   transition:
     background $creator-transition-duration,
diff --git a/packages/survey-creator-core/src/themes/default-contrast.ts b/packages/survey-creator-core/src/themes/default-contrast.ts
new file mode 100644
index 0000000000..fc57eafee7
--- /dev/null
+++ b/packages/survey-creator-core/src/themes/default-contrast.ts
@@ -0,0 +1,731 @@
+// Auto-generated theme: default-contrast
+export const contrastTheme = {
+  "themeName": "default-contrast",
+  "iconSet": "v2",
+  "isLight": true,
+  "cssVariables": {
+    "--sjs2-base-unit-size": "8px",
+    "--sjs2-base-unit-spacing": "8px",
+    "--sjs2-base-unit-radius": "8px",
+    "--sjs2-base-unit-border-width": "1px",
+    "--sjs2-base-unit-font-size": "8px",
+    "--sjs2-base-unit-line-height": "8px",
+    "--sjs2-base-unit-opacity": "1%",
+    "--sjs2-base-unit-scale": "1%",
+    "--sjs2-scale-x000": "calc(var(--sjs2-base-unit-scale) * 0)",
+    "--sjs2-scale-x025": "calc(var(--sjs2-base-unit-scale) * 25)",
+    "--sjs2-scale-x050": "calc(var(--sjs2-base-unit-scale) * 50)",
+    "--sjs2-scale-x075": "calc(var(--sjs2-base-unit-scale) * 75)",
+    "--sjs2-scale-x095": "calc(var(--sjs2-base-unit-scale) * 95)",
+    "--sjs2-scale-x100": "calc(var(--sjs2-base-unit-scale) * 100)",
+    "--sjs2-scale-x200": "calc(var(--sjs2-base-unit-scale) * 200)",
+    "--sjs2-size-x000": "calc(var(--sjs2-base-unit-size) * 0)",
+    "--sjs2-size-x025": "calc(var(--sjs2-base-unit-size) * 0.25)",
+    "--sjs2-size-x050": "calc(var(--sjs2-base-unit-size) * 0.50)",
+    "--sjs2-size-x075": "calc(var(--sjs2-base-unit-size) * 0.75)",
+    "--sjs2-size-x100": "calc(var(--sjs2-base-unit-size) * 1)",
+    "--sjs2-size-x150": "calc(var(--sjs2-base-unit-size) * 1.50)",
+    "--sjs2-size-x200": "calc(var(--sjs2-base-unit-size) * 2)",
+    "--sjs2-size-x250": "calc(var(--sjs2-base-unit-size) * 2.50)",
+    "--sjs2-size-x300": "calc(var(--sjs2-base-unit-size) * 3)",
+    "--sjs2-size-x350": "calc(var(--sjs2-base-unit-size) * 3.50)",
+    "--sjs2-size-x400": "calc(var(--sjs2-base-unit-size) * 4)",
+    "--sjs2-size-x500": "calc(var(--sjs2-base-unit-size) * 5)",
+    "--sjs2-size-x600": "calc(var(--sjs2-base-unit-size) * 6)",
+    "--sjs2-size-x700": "calc(var(--sjs2-base-unit-size) * 7)",
+    "--sjs2-size-x800": "calc(var(--sjs2-base-unit-size) * 8)",
+    "--sjs2-size-x900": "calc(var(--sjs2-base-unit-size) * 9)",
+    "--sjs2-size-x1000": "calc(var(--sjs2-base-unit-size) * 10)",
+    "--sjs2-size-x1100": "calc(var(--sjs2-base-unit-size) * 11)",
+    "--sjs2-size-x1200": "calc(var(--sjs2-base-unit-size) * 12)",
+    "--sjs2-size-x1300": "calc(var(--sjs2-base-unit-size) * 13)",
+    "--sjs2-size-x1400": "calc(var(--sjs2-base-unit-size) * 14)",
+    "--sjs2-size-x1500": "calc(var(--sjs2-base-unit-size) * 15)",
+    "--sjs2-radius-x000": "calc(var(--sjs2-base-unit-radius) * 0)",
+    "--sjs2-radius-x025": "calc(var(--sjs2-base-unit-radius) * 0.25)",
+    "--sjs2-radius-x050": "calc(var(--sjs2-base-unit-radius) * 0.50)",
+    "--sjs2-radius-x075": "calc(var(--sjs2-base-unit-radius) * 0.75)",
+    "--sjs2-radius-x100": "calc(var(--sjs2-base-unit-radius) * 1)",
+    "--sjs2-radius-x150": "calc(var(--sjs2-base-unit-radius) * 1.50)",
+    "--sjs2-radius-x200": "calc(var(--sjs2-base-unit-radius) * 2)",
+    "--sjs2-radius-x250": "calc(var(--sjs2-base-unit-radius) * 2.50)",
+    "--sjs2-radius-x300": "calc(var(--sjs2-base-unit-radius) * 3)",
+    "--sjs2-radius-x400": "calc(var(--sjs2-base-unit-radius) * 4)",
+    "--sjs2-radius-x500": "calc(var(--sjs2-base-unit-radius) * 5)",
+    "--sjs2-radius-x600": "calc(var(--sjs2-base-unit-radius) * 6)",
+    "--sjs2-radius-x700": "calc(var(--sjs2-base-unit-radius) * 7)",
+    "--sjs2-radius-x800": "calc(var(--sjs2-base-unit-radius) * 8)",
+    "--sjs2-radius-round": "9999px",
+    "--sjs2-spacing-x000": "calc(var(--sjs2-base-unit-spacing) * 0)",
+    "--sjs2-spacing-x025": "calc(var(--sjs2-base-unit-spacing) * 0.25)",
+    "--sjs2-spacing-x050": "calc(var(--sjs2-base-unit-spacing) * 0.50)",
+    "--sjs2-spacing-x075": "calc(var(--sjs2-base-unit-spacing) * 0.75)",
+    "--sjs2-spacing-x100": "calc(var(--sjs2-base-unit-spacing) * 1)",
+    "--sjs2-spacing-x150": "calc(var(--sjs2-base-unit-spacing) * 1.5)",
+    "--sjs2-spacing-x200": "calc(var(--sjs2-base-unit-spacing) * 2)",
+    "--sjs2-spacing-x250": "calc(var(--sjs2-base-unit-spacing) * 2.50)",
+    "--sjs2-spacing-x300": "calc(var(--sjs2-base-unit-spacing) * 3)",
+    "--sjs2-spacing-x400": "calc(var(--sjs2-base-unit-spacing) * 4)",
+    "--sjs2-spacing-x500": "calc(var(--sjs2-base-unit-spacing) * 5)",
+    "--sjs2-spacing-x600": "calc(var(--sjs2-base-unit-spacing) * 6)",
+    "--sjs2-spacing-x700": "calc(var(--sjs2-base-unit-spacing) * 7)",
+    "--sjs2-spacing-x800": "calc(var(--sjs2-base-unit-spacing) * 8)",
+    "--sjs2-spacing-negative-x025": "calc(var(--sjs2-base-unit-spacing) * -0.25)",
+    "--sjs2-spacing-negative-x050": "calc(var(--sjs2-base-unit-spacing) * -0.50)",
+    "--sjs2-spacing-negative-x075": "calc(var(--sjs2-base-unit-spacing) * -0.75)",
+    "--sjs2-spacing-negative-x100": "calc(var(--sjs2-base-unit-spacing) * -1)",
+    "--sjs2-spacing-negative-x150": "calc(var(--sjs2-base-unit-spacing) * -1.5)",
+    "--sjs2-spacing-negative-x200": "calc(var(--sjs2-base-unit-spacing) * -2)",
+    "--sjs2-spacing-negative-x250": "calc(var(--sjs2-base-unit-spacing) * -2.50)",
+    "--sjs2-spacing-negative-x300": "calc(var(--sjs2-base-unit-spacing) * -3)",
+    "--sjs2-spacing-negative-x400": "calc(var(--sjs2-base-unit-spacing) * -4)",
+    "--sjs2-spacing-negative-x500": "calc(var(--sjs2-base-unit-spacing) * -5)",
+    "--sjs2-spacing-negative-x600": "calc(var(--sjs2-base-unit-spacing) * -6)",
+    "--sjs2-spacing-negative-x700": "calc(var(--sjs2-base-unit-spacing) * -7)",
+    "--sjs2-spacing-negative-x800": "calc(var(--sjs2-base-unit-spacing) * -8)",
+    "--sjs2-opacity-x000": "calc(var(--sjs2-base-unit-opacity) * 0)",
+    "--sjs2-opacity-x005": "calc(var(--sjs2-base-unit-opacity) * 5)",
+    "--sjs2-opacity-x010": "calc(var(--sjs2-base-unit-opacity) * 10)",
+    "--sjs2-opacity-x015": "calc(var(--sjs2-base-unit-opacity) * 15)",
+    "--sjs2-opacity-x020": "calc(var(--sjs2-base-unit-opacity) * 20)",
+    "--sjs2-opacity-x025": "calc(var(--sjs2-base-unit-opacity) * 25)",
+    "--sjs2-opacity-x030": "calc(var(--sjs2-base-unit-opacity) * 30)",
+    "--sjs2-opacity-x035": "calc(var(--sjs2-base-unit-opacity) * 35)",
+    "--sjs2-opacity-x040": "calc(var(--sjs2-base-unit-opacity) * 40)",
+    "--sjs2-opacity-x045": "calc(var(--sjs2-base-unit-opacity) * 45)",
+    "--sjs2-opacity-x050": "calc(var(--sjs2-base-unit-opacity) * 50)",
+    "--sjs2-opacity-x055": "calc(var(--sjs2-base-unit-opacity) * 55)",
+    "--sjs2-opacity-x060": "calc(var(--sjs2-base-unit-opacity) * 60)",
+    "--sjs2-opacity-x065": "calc(var(--sjs2-base-unit-opacity) * 65)",
+    "--sjs2-opacity-x070": "calc(var(--sjs2-base-unit-opacity) * 70)",
+    "--sjs2-opacity-x075": "calc(var(--sjs2-base-unit-opacity) * 75)",
+    "--sjs2-opacity-x080": "calc(var(--sjs2-base-unit-opacity) * 80)",
+    "--sjs2-opacity-x085": "calc(var(--sjs2-base-unit-opacity) * 85)",
+    "--sjs2-opacity-x090": "calc(var(--sjs2-base-unit-opacity) * 90)",
+    "--sjs2-opacity-x095": "calc(var(--sjs2-base-unit-opacity) * 95)",
+    "--sjs2-opacity-x100": "calc(var(--sjs2-base-unit-opacity) * 100)",
+    "--sjs2-border-width-x000": "calc(var(--sjs2-base-unit-border-width) * 0)",
+    "--sjs2-border-width-x100": "calc(var(--sjs2-base-unit-border-width) * 1)",
+    "--sjs2-border-width-x200": "calc(var(--sjs2-base-unit-border-width) * 2)",
+    "--sjs2-border-width-x400": "calc(var(--sjs2-base-unit-border-width) * 4)",
+    "--sjs2-font-weight-regular": "Regular",
+    "--sjs2-font-weight-medium": "Medium",
+    "--sjs2-font-weight-semibold": "SemiBold",
+    "--sjs2-font-weight-bold": "Bold",
+    "--sjs2-font-size-x000": "calc(var(--sjs2-base-unit-font-size) * 0)",
+    "--sjs2-font-size-x100": "calc(var(--sjs2-base-unit-font-size) * 1)",
+    "--sjs2-font-size-x150": "calc(var(--sjs2-base-unit-font-size) * 1.5)",
+    "--sjs2-font-size-x200": "calc(var(--sjs2-base-unit-font-size) * 2)",
+    "--sjs2-font-size-x250": "calc(var(--sjs2-base-unit-font-size) * 2.5)",
+    "--sjs2-font-size-x300": "calc(var(--sjs2-base-unit-font-size) * 3)",
+    "--sjs2-font-size-x350": "calc(var(--sjs2-base-unit-font-size) * 3.5)",
+    "--sjs2-font-size-x400": "calc(var(--sjs2-base-unit-font-size) * 4)",
+    "--sjs2-font-size-x500": "calc(var(--sjs2-base-unit-font-size) * 5)",
+    "--sjs2-font-size-x600": "calc(var(--sjs2-base-unit-font-size) * 6)",
+    "--sjs2-line-height-x000": "calc(var(--sjs2-base-unit-line-height) * 0)",
+    "--sjs2-line-height-x100": "calc(var(--sjs2-base-unit-line-height) * 1)",
+    "--sjs2-line-height-x200": "calc(var(--sjs2-base-unit-line-height) * 2)",
+    "--sjs2-line-height-x300": "calc(var(--sjs2-base-unit-line-height) * 3)",
+    "--sjs2-line-height-x400": "calc(var(--sjs2-base-unit-line-height) * 4)",
+    "--sjs2-line-height-x500": "calc(var(--sjs2-base-unit-line-height) * 5)",
+    "--sjs2-line-height-x600": "calc(var(--sjs2-base-unit-line-height) * 6)",
+    "--sjs2-text-case-default": "none",
+    "--sjs2-text-case-uppercase": "uppercase",
+    "--sjs2-palette-gray-100": "#F5F5F5",
+    "--sjs2-palette-gray-150": "#EDEDED",
+    "--sjs2-palette-gray-200": "#E5E5E5",
+    "--sjs2-palette-gray-250": "#D4D4D4",
+    "--sjs2-palette-gray-300": "#CDCDCD",
+    "--sjs2-palette-gray-400": "#B3B2B2",
+    "--sjs2-palette-gray-500": "#8E8E8E",
+    "--sjs2-palette-gray-600": "#5F5E61",
+    "--sjs2-palette-gray-700": "#424146",
+    "--sjs2-palette-gray-750": "#36353C",
+    "--sjs2-palette-gray-800": "#2D2C33",
+    "--sjs2-palette-gray-900": "#1C1B20",
+    "--sjs2-palette-gray-950": "#161519",
+    "--sjs2-palette-gray-999": "#111014",
+    "--sjs2-palette-gray-000": "#fff",
+    "--sjs2-palette-red-400": "#ff6e84",
+    "--sjs2-palette-red-600": "#E50A3E",
+    "--sjs2-palette-red-700": "#C30935",
+    "--sjs2-palette-green-400": "#15CDAB",
+    "--sjs2-palette-green-600": "#19B394",
+    "--sjs2-palette-green-700": "#15947A",
+    "--sjs2-palette-blue-400": "#66B4FC",
+    "--sjs2-palette-blue-600": "#437FD9",
+    "--sjs2-palette-blue-700": "#2A6CD0",
+    "--sjs2-palette-yellow-400": "#FEC64A",
+    "--sjs2-palette-yellow-600": "#FF9814",
+    "--sjs2-palette-yellow-700": "#F08700",
+    "--sjs2-palette-violet-400": "#C36FF4",
+    "--sjs2-palette-violet-600": "#A62CEC",
+    "--sjs2-palette-violet-700": "#9614E1",
+    "--sjs2-palette-olive-400": "#6FC648",
+    "--sjs2-palette-olive-600": "#4FAF24",
+    "--sjs2-palette-olive-700": "#41901E",
+    "--sjs2-palette-purple-400": "#A190FA",
+    "--sjs2-palette-purple-600": "#6E5BD1",
+    "--sjs2-palette-purple-700": "#5640C9",
+    "--sjs2-palette-indianred-400": "#F9786A",
+    "--sjs2-palette-indianred-600": "#AF496B",
+    "--sjs2-palette-indianred-700": "#973F5C",
+    "--sjs2-radius-semantic-form": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-semantic-form-item": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-control-action": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-action-icon": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-button": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-menu-item": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-drop-item": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-control-checkbox": "var(--sjs2-radius-semantic-form-item)",
+    "--sjs2-radius-control-rating": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-ranking": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-container-panel": "var(--sjs2-radius-x150)",
+    "--sjs2-radius-container-panel-nested": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-container-menu": "var(--sjs2-radius-x250)",
+    "--sjs2-radius-container-drop": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-modal": "var(--sjs2-radius-x300)",
+    "--sjs2-radius-container-notifier": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-tooltip": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-container-drag": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-layout-control-formbox-small-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-message-small-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-small-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-medium-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-content-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-content-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-swatch-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-left": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-limit-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-swatch-left": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-icon-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-label-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-medium-limit-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-xx-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-label-horizontal": "var(--sjs2-spacing-x075)",
+    "--sjs2-layout-control-action-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-box-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-medium-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-box-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-large-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-box-vertical": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-horizontal": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-small-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-caption-medium-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-medium-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-size-semantic-xx-small": "var(--sjs2-size-x300)",
+    "--sjs2-size-semantic-x-small": "var(--sjs2-size-x400)",
+    "--sjs2-size-semantic-small": "var(--sjs2-size-x500)",
+    "--sjs2-size-semantic-medium": "var(--sjs2-size-x600)",
+    "--sjs2-size-semantic-large": "var(--sjs2-size-x700)",
+    "--sjs2-size-icon-small": "var(--sjs2-size-x200)",
+    "--sjs2-size-icon-medium": "var(--sjs2-size-x300)",
+    "--sjs2-size-icon-large": "var(--sjs2-size-x400)",
+    "--sjs2-is-panelless": "false",
+    "--sjs2-typography-font-family-default": "Open Sans",
+    "--sjs2-typography-font-family-code": "DM Mono",
+    "--sjs2-typography-font-size-small": "var(--sjs2-font-size-x150)",
+    "--sjs2-typography-font-size-default": "var(--sjs2-font-size-x200)",
+    "--sjs2-typography-font-size-medium": "var(--sjs2-font-size-x300)",
+    "--sjs2-typography-font-size-large": "var(--sjs2-font-size-x400)",
+    "--sjs2-typography-line-height-small": "var(--sjs2-line-height-x200)",
+    "--sjs2-typography-line-height-default": "var(--sjs2-line-height-x300)",
+    "--sjs2-typography-line-height-medium": "var(--sjs2-line-height-x400)",
+    "--sjs2-typography-line-height-large": "var(--sjs2-line-height-x500)",
+    "--sjs2-typography-font-weight-default": "var(--sjs2-font-weight-regular)",
+    "--sjs2-typography-font-weight-strong": "var(--sjs2-font-weight-semibold)",
+    "--sjs2-color-project-brand-400": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-brand-600": "#3A179E",
+    "--sjs2-color-project-brand-700": "lch(from var(--sjs2-color-project-brand-600) calc(l * 0.85) c h)",
+    "--sjs2-color-project-accent-400": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-accent-600": "#3A179E",
+    "--sjs2-color-project-accent-700": "lch(from var(--sjs2-color-project-accent-600) calc(l * 0.85) c h)",
+    "--sjs2-color-utility-body": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-utility-surface": "#F4F2FB",
+    "--sjs2-color-utility-surface-muted": "#1c1b200d",
+    "--sjs2-color-utility-sheet": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-utility-scrollbar": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-a11y": "rgba(from var(--sjs2-palette-blue-400) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-utility-overlay-screen": "rgba(from var(--sjs2-palette-gray-700) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-utility-overlay-border": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-shadow-surface-default": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-hovered": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-shadow-surface-pressed": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-utility-shadow-surface-focused": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-utility-shadow-surface-disabled": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-dragging": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-elevated-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-floating-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x020))",
+    "--sjs2-color-bg-basic-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-basic-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-primary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-basic-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-bg-brand-secondary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-brand-tertiary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-brand-primary-dim": "var(--sjs2-color-project-brand-700)",
+    "--sjs2-color-bg-brand-secondary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-tertiary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-bg-accent-secondary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-tertiary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-accent-primary-dim": "var(--sjs2-color-project-accent-700)",
+    "--sjs2-color-bg-accent-secondary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-accent-tertiary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-bg-note-secondary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-tertiary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-note-primary-dim": "var(--sjs2-palette-blue-700)",
+    "--sjs2-color-bg-note-secondary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-note-tertiary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-neutral-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-neutral-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-neutral-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-bg-positive-secondary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-positive-tertiary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-positive-primary-dim": "var(--sjs2-palette-green-700)",
+    "--sjs2-color-bg-positive-secondary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-positive-tertiary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-bg-warning-secondary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-tertiary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-warning-primary-dim": "var(--sjs2-palette-yellow-700)",
+    "--sjs2-color-bg-warning-secondary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-warning-tertiary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-bg-alert-secondary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-tertiary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-alert-primary-dim": "var(--sjs2-palette-red-700)",
+    "--sjs2-color-bg-alert-secondary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-alert-tertiary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-static-main-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-static-main-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-static-sub-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-static-sub-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-sub-primary-dim": "hsl(from var(--sjs2-palette-gray-100) h s calc(l * 1.1))",
+    "--sjs2-color-bg-static-sub-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-state-common-disabled": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-fg-basic-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-basic-primary-muted": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-fg-basic-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-fg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-fg-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-fg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-fg-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-fg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-fg-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-fg-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-fg-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-state-common-disabled": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-border-basic-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-border-basic-secondary": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-border-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-border-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-border-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-border-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-border-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-border-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-border-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-control-formbox-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-formbox-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-formbox-disabled-border": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-formbox-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-formbox-readonly-border": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-formbox-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-formbox-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-formbox-invalid-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-formbox-invalid-border": "var(--sjs2-color-border-alert-primary)",
+    "--sjs2-color-control-formbox-highlighted-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-formbox-highlighted-border": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-color-control-formbox-design-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-formbox-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-hovered-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-line": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-default-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-input-disabled-line": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-placeholder": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-label": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-limit": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-icon": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-line": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-readonly-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-check-false-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-check-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-false-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-check-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-check-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-design-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-check-false-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-check-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-default-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-check-true-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-disabled-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-readonly-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-focused-icon": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-check-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-border": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-segmented-false-default-bg": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-false-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-false-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-segmented-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-false-readonly-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-readonly-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-false-focused-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-segmented-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-false-hovered-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-default-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-segmented-true-disabled-bg": "var(--sjs2-color-bg-basic-primary-dim)",
+    "--sjs2-color-control-segmented-true-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-true-disabled-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-true-focused-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-false-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-default-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-readonly-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-false-focused-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-toggle-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-toggle-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-focused-thumb": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-toggle-true-hovered-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-message-error-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-message-error-icon": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-message-error-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-message-info-bg": "var(--sjs2-color-bg-note-secondary)",
+    "--sjs2-color-control-message-info-icon": "var(--sjs2-color-fg-note-primary)",
+    "--sjs2-color-control-message-info-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-track-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-default-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-default-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-disabled-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-disabled-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-disabled-dot": "var(--sjs2-color-fg-state-common-disabled)",
+    "--sjs2-color-control-track-disabled-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-readonly-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-readonly-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-focused-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-focused-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-invalid-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-track-invalid-fg": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-invalid-dot": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-design-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-design-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-design-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-data-chart-bg-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-bg-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-bg-color-3": "#FF6771",
+    "--sjs2-color-data-chart-bg-color-4": "#1DB496",
+    "--sjs2-color-data-chart-bg-color-5": "#FFC152",
+    "--sjs2-color-data-chart-bg-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-bg-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-bg-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-bg-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-bg-color-10": "#4E6198",
+    "--sjs2-color-data-chart-bg-color-1-tinted": "rgba(from #84CAD4 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-2-tinted": "rgba(from #3A99FB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-3-tinted": "rgba(from #FF6771 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-4-tinted": "rgba(from #1DB496 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-5-tinted": "rgba(from #FFC152 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-6-tinted": "rgba(from #ABA1FF r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-7-tinted": "rgba(from #7D8CA5 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-8-tinted": "rgba(from #4FC46C r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-9-tinted": "rgba(from #E87BCB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-10-tinted": "rgba(from #4E6198 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-fg-on-color-1": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-2": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-3": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-4": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-5": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-6": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-7": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-8": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-9": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-10": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-border-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-border-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-border-color-3": "#FF6771",
+    "--sjs2-color-data-chart-border-color-4": "#1DB496",
+    "--sjs2-color-data-chart-border-color-5": "#FFC152",
+    "--sjs2-color-data-chart-border-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-border-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-border-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-border-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-border-color-10": "#4E6198",
+    "--sjs2-color-data-grid-fg-label": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-data-grid-border-line": "#DCDCDC",
+    "--sjs2-color-data-grid-border-axis": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-opacity-visible": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-hovered": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-pressed": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-disabled": "var(--sjs2-opacity-x025)",
+    "--sjs2-opacity-hidden": "var(--sjs2-opacity-x000)",
+    "--sjs2-border-width-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-width-a11y": "var(--sjs2-border-width-x400)",
+    "--sjs2-border-spread-form-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-highlighted": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-invalid": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-readonly": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-trigger-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-dragging": "4",
+    "--sjs2-border-spread-elevated-default": "2",
+    "--sjs2-border-spread-floating-default": "4",
+    "--sjs2-border-blur-form-default": "0",
+    "--sjs2-border-blur-form-hovered": "0",
+    "--sjs2-border-blur-form-pressed": "0",
+    "--sjs2-border-blur-form-focused": "0",
+    "--sjs2-border-blur-form-highlighted": "0",
+    "--sjs2-border-blur-form-disabled": "0",
+    "--sjs2-border-blur-form-invalid": "0",
+    "--sjs2-border-blur-form-readonly": "0",
+    "--sjs2-border-blur-form-preview": "0",
+    "--sjs2-border-blur-trigger-default": "0",
+    "--sjs2-border-blur-trigger-hovered": "0",
+    "--sjs2-border-blur-trigger-pressed": "0",
+    "--sjs2-border-blur-trigger-focused": "0",
+    "--sjs2-border-blur-trigger-disabled": "0",
+    "--sjs2-border-blur-trigger-preview": "0",
+    "--sjs2-border-blur-surface-default": "4",
+    "--sjs2-border-blur-surface-hovered": "4",
+    "--sjs2-border-blur-surface-pressed": "4",
+    "--sjs2-border-blur-surface-focused": "0",
+    "--sjs2-border-blur-surface-disabled": "0",
+    "--sjs2-border-blur-surface-dragging": "12",
+    "--sjs2-border-blur-elevated-default": "8",
+    "--sjs2-border-blur-floating-default": "12",
+    "--sjs2-border-offset-x-form-default": "0",
+    "--sjs2-border-offset-x-form-hovered": "0",
+    "--sjs2-border-offset-x-form-pressed": "0",
+    "--sjs2-border-offset-x-form-focused": "0",
+    "--sjs2-border-offset-x-form-highlighted": "0",
+    "--sjs2-border-offset-x-form-disabled": "0",
+    "--sjs2-border-offset-x-form-invalid": "0",
+    "--sjs2-border-offset-x-form-readonly": "0",
+    "--sjs2-border-offset-x-form-preview": "0",
+    "--sjs2-border-offset-x-trigger-default": "0",
+    "--sjs2-border-offset-x-trigger-hovered": "0",
+    "--sjs2-border-offset-x-trigger-pressed": "0",
+    "--sjs2-border-offset-x-trigger-focused": "0",
+    "--sjs2-border-offset-x-trigger-disabled": "0",
+    "--sjs2-border-offset-x-trigger-preview": "0",
+    "--sjs2-border-offset-x-surface-default": "0",
+    "--sjs2-border-offset-x-surface-hovered": "0",
+    "--sjs2-border-offset-x-surface-pressed": "0",
+    "--sjs2-border-offset-x-surface-focused": "0",
+    "--sjs2-border-offset-x-surface-disabled": "0",
+    "--sjs2-border-offset-x-surface-dragging": "0",
+    "--sjs2-border-offset-x-elevated-default": "0",
+    "--sjs2-border-offset-x-floating-default": "0",
+    "--sjs2-border-offset-y-form-default": "0",
+    "--sjs2-border-offset-y-form-hovered": "0",
+    "--sjs2-border-offset-y-form-pressed": "0",
+    "--sjs2-border-offset-y-form-focused": "0",
+    "--sjs2-border-offset-y-form-highlighted": "0",
+    "--sjs2-border-offset-y-form-disabled": "0",
+    "--sjs2-border-offset-y-form-invalid": "0",
+    "--sjs2-border-offset-y-form-readonly": "0",
+    "--sjs2-border-offset-y-form-preview": "0",
+    "--sjs2-border-offset-y-trigger-default": "0",
+    "--sjs2-border-offset-y-trigger-hovered": "0",
+    "--sjs2-border-offset-y-trigger-pressed": "0",
+    "--sjs2-border-offset-y-trigger-focused": "0",
+    "--sjs2-border-offset-y-trigger-disabled": "0",
+    "--sjs2-border-offset-y-trigger-preview": "0",
+    "--sjs2-border-offset-y-surface-default": "2",
+    "--sjs2-border-offset-y-surface-hovered": "2",
+    "--sjs2-border-offset-y-surface-pressed": "2",
+    "--sjs2-border-offset-y-surface-focused": "0",
+    "--sjs2-border-offset-y-surface-disabled": "0",
+    "--sjs2-border-offset-y-surface-dragging": "6",
+    "--sjs2-border-offset-y-elevated-default": "4",
+    "--sjs2-border-offset-y-floating-default": "6"
+  }
+} as const;
+
+export default contrastTheme;
diff --git a/packages/survey-creator-core/src/themes/default-dark.ts b/packages/survey-creator-core/src/themes/default-dark.ts
new file mode 100644
index 0000000000..8e4d0545fd
--- /dev/null
+++ b/packages/survey-creator-core/src/themes/default-dark.ts
@@ -0,0 +1,731 @@
+// Auto-generated theme: default-dark
+export const DefaultDark = {
+  "themeName": "default-dark",
+  "iconSet": "v2",
+  "isLight": false,
+  "cssVariables": {
+    "--sjs2-base-unit-size": "8px",
+    "--sjs2-base-unit-spacing": "8px",
+    "--sjs2-base-unit-radius": "8px",
+    "--sjs2-base-unit-border-width": "1px",
+    "--sjs2-base-unit-font-size": "8px",
+    "--sjs2-base-unit-line-height": "8px",
+    "--sjs2-base-unit-opacity": "1%",
+    "--sjs2-base-unit-scale": "1%",
+    "--sjs2-scale-x000": "calc(var(--sjs2-base-unit-scale) * 0)",
+    "--sjs2-scale-x025": "calc(var(--sjs2-base-unit-scale) * 25)",
+    "--sjs2-scale-x050": "calc(var(--sjs2-base-unit-scale) * 50)",
+    "--sjs2-scale-x075": "calc(var(--sjs2-base-unit-scale) * 75)",
+    "--sjs2-scale-x095": "calc(var(--sjs2-base-unit-scale) * 95)",
+    "--sjs2-scale-x100": "calc(var(--sjs2-base-unit-scale) * 100)",
+    "--sjs2-scale-x200": "calc(var(--sjs2-base-unit-scale) * 200)",
+    "--sjs2-size-x000": "calc(var(--sjs2-base-unit-size) * 0)",
+    "--sjs2-size-x025": "calc(var(--sjs2-base-unit-size) * 0.25)",
+    "--sjs2-size-x050": "calc(var(--sjs2-base-unit-size) * 0.50)",
+    "--sjs2-size-x075": "calc(var(--sjs2-base-unit-size) * 0.75)",
+    "--sjs2-size-x100": "calc(var(--sjs2-base-unit-size) * 1)",
+    "--sjs2-size-x150": "calc(var(--sjs2-base-unit-size) * 1.50)",
+    "--sjs2-size-x200": "calc(var(--sjs2-base-unit-size) * 2)",
+    "--sjs2-size-x250": "calc(var(--sjs2-base-unit-size) * 2.50)",
+    "--sjs2-size-x300": "calc(var(--sjs2-base-unit-size) * 3)",
+    "--sjs2-size-x350": "calc(var(--sjs2-base-unit-size) * 3.50)",
+    "--sjs2-size-x400": "calc(var(--sjs2-base-unit-size) * 4)",
+    "--sjs2-size-x500": "calc(var(--sjs2-base-unit-size) * 5)",
+    "--sjs2-size-x600": "calc(var(--sjs2-base-unit-size) * 6)",
+    "--sjs2-size-x700": "calc(var(--sjs2-base-unit-size) * 7)",
+    "--sjs2-size-x800": "calc(var(--sjs2-base-unit-size) * 8)",
+    "--sjs2-size-x900": "calc(var(--sjs2-base-unit-size) * 9)",
+    "--sjs2-size-x1000": "calc(var(--sjs2-base-unit-size) * 10)",
+    "--sjs2-size-x1100": "calc(var(--sjs2-base-unit-size) * 11)",
+    "--sjs2-size-x1200": "calc(var(--sjs2-base-unit-size) * 12)",
+    "--sjs2-size-x1300": "calc(var(--sjs2-base-unit-size) * 13)",
+    "--sjs2-size-x1400": "calc(var(--sjs2-base-unit-size) * 14)",
+    "--sjs2-size-x1500": "calc(var(--sjs2-base-unit-size) * 15)",
+    "--sjs2-radius-x000": "calc(var(--sjs2-base-unit-radius) * 0)",
+    "--sjs2-radius-x025": "calc(var(--sjs2-base-unit-radius) * 0.25)",
+    "--sjs2-radius-x050": "calc(var(--sjs2-base-unit-radius) * 0.50)",
+    "--sjs2-radius-x075": "calc(var(--sjs2-base-unit-radius) * 0.75)",
+    "--sjs2-radius-x100": "calc(var(--sjs2-base-unit-radius) * 1)",
+    "--sjs2-radius-x150": "calc(var(--sjs2-base-unit-radius) * 1.50)",
+    "--sjs2-radius-x200": "calc(var(--sjs2-base-unit-radius) * 2)",
+    "--sjs2-radius-x250": "calc(var(--sjs2-base-unit-radius) * 2.50)",
+    "--sjs2-radius-x300": "calc(var(--sjs2-base-unit-radius) * 3)",
+    "--sjs2-radius-x400": "calc(var(--sjs2-base-unit-radius) * 4)",
+    "--sjs2-radius-x500": "calc(var(--sjs2-base-unit-radius) * 5)",
+    "--sjs2-radius-x600": "calc(var(--sjs2-base-unit-radius) * 6)",
+    "--sjs2-radius-x700": "calc(var(--sjs2-base-unit-radius) * 7)",
+    "--sjs2-radius-x800": "calc(var(--sjs2-base-unit-radius) * 8)",
+    "--sjs2-radius-round": "9999px",
+    "--sjs2-spacing-x000": "calc(var(--sjs2-base-unit-spacing) * 0)",
+    "--sjs2-spacing-x025": "calc(var(--sjs2-base-unit-spacing) * 0.25)",
+    "--sjs2-spacing-x050": "calc(var(--sjs2-base-unit-spacing) * 0.50)",
+    "--sjs2-spacing-x075": "calc(var(--sjs2-base-unit-spacing) * 0.75)",
+    "--sjs2-spacing-x100": "calc(var(--sjs2-base-unit-spacing) * 1)",
+    "--sjs2-spacing-x150": "calc(var(--sjs2-base-unit-spacing) * 1.5)",
+    "--sjs2-spacing-x200": "calc(var(--sjs2-base-unit-spacing) * 2)",
+    "--sjs2-spacing-x250": "calc(var(--sjs2-base-unit-spacing) * 2.50)",
+    "--sjs2-spacing-x300": "calc(var(--sjs2-base-unit-spacing) * 3)",
+    "--sjs2-spacing-x400": "calc(var(--sjs2-base-unit-spacing) * 4)",
+    "--sjs2-spacing-x500": "calc(var(--sjs2-base-unit-spacing) * 5)",
+    "--sjs2-spacing-x600": "calc(var(--sjs2-base-unit-spacing) * 6)",
+    "--sjs2-spacing-x700": "calc(var(--sjs2-base-unit-spacing) * 7)",
+    "--sjs2-spacing-x800": "calc(var(--sjs2-base-unit-spacing) * 8)",
+    "--sjs2-spacing-negative-x025": "calc(var(--sjs2-base-unit-spacing) * -0.25)",
+    "--sjs2-spacing-negative-x050": "calc(var(--sjs2-base-unit-spacing) * -0.50)",
+    "--sjs2-spacing-negative-x075": "calc(var(--sjs2-base-unit-spacing) * -0.75)",
+    "--sjs2-spacing-negative-x100": "calc(var(--sjs2-base-unit-spacing) * -1)",
+    "--sjs2-spacing-negative-x150": "calc(var(--sjs2-base-unit-spacing) * -1.5)",
+    "--sjs2-spacing-negative-x200": "calc(var(--sjs2-base-unit-spacing) * -2)",
+    "--sjs2-spacing-negative-x250": "calc(var(--sjs2-base-unit-spacing) * -2.50)",
+    "--sjs2-spacing-negative-x300": "calc(var(--sjs2-base-unit-spacing) * -3)",
+    "--sjs2-spacing-negative-x400": "calc(var(--sjs2-base-unit-spacing) * -4)",
+    "--sjs2-spacing-negative-x500": "calc(var(--sjs2-base-unit-spacing) * -5)",
+    "--sjs2-spacing-negative-x600": "calc(var(--sjs2-base-unit-spacing) * -6)",
+    "--sjs2-spacing-negative-x700": "calc(var(--sjs2-base-unit-spacing) * -7)",
+    "--sjs2-spacing-negative-x800": "calc(var(--sjs2-base-unit-spacing) * -8)",
+    "--sjs2-opacity-x000": "calc(var(--sjs2-base-unit-opacity) * 0)",
+    "--sjs2-opacity-x005": "calc(var(--sjs2-base-unit-opacity) * 5)",
+    "--sjs2-opacity-x010": "calc(var(--sjs2-base-unit-opacity) * 10)",
+    "--sjs2-opacity-x015": "calc(var(--sjs2-base-unit-opacity) * 15)",
+    "--sjs2-opacity-x020": "calc(var(--sjs2-base-unit-opacity) * 20)",
+    "--sjs2-opacity-x025": "calc(var(--sjs2-base-unit-opacity) * 25)",
+    "--sjs2-opacity-x030": "calc(var(--sjs2-base-unit-opacity) * 30)",
+    "--sjs2-opacity-x035": "calc(var(--sjs2-base-unit-opacity) * 35)",
+    "--sjs2-opacity-x040": "calc(var(--sjs2-base-unit-opacity) * 40)",
+    "--sjs2-opacity-x045": "calc(var(--sjs2-base-unit-opacity) * 45)",
+    "--sjs2-opacity-x050": "calc(var(--sjs2-base-unit-opacity) * 50)",
+    "--sjs2-opacity-x055": "calc(var(--sjs2-base-unit-opacity) * 55)",
+    "--sjs2-opacity-x060": "calc(var(--sjs2-base-unit-opacity) * 60)",
+    "--sjs2-opacity-x065": "calc(var(--sjs2-base-unit-opacity) * 65)",
+    "--sjs2-opacity-x070": "calc(var(--sjs2-base-unit-opacity) * 70)",
+    "--sjs2-opacity-x075": "calc(var(--sjs2-base-unit-opacity) * 75)",
+    "--sjs2-opacity-x080": "calc(var(--sjs2-base-unit-opacity) * 80)",
+    "--sjs2-opacity-x085": "calc(var(--sjs2-base-unit-opacity) * 85)",
+    "--sjs2-opacity-x090": "calc(var(--sjs2-base-unit-opacity) * 90)",
+    "--sjs2-opacity-x095": "calc(var(--sjs2-base-unit-opacity) * 95)",
+    "--sjs2-opacity-x100": "calc(var(--sjs2-base-unit-opacity) * 100)",
+    "--sjs2-border-width-x000": "calc(var(--sjs2-base-unit-border-width) * 0)",
+    "--sjs2-border-width-x100": "calc(var(--sjs2-base-unit-border-width) * 1)",
+    "--sjs2-border-width-x200": "calc(var(--sjs2-base-unit-border-width) * 2)",
+    "--sjs2-border-width-x400": "calc(var(--sjs2-base-unit-border-width) * 4)",
+    "--sjs2-font-weight-regular": "Regular",
+    "--sjs2-font-weight-medium": "Medium",
+    "--sjs2-font-weight-semibold": "SemiBold",
+    "--sjs2-font-weight-bold": "Bold",
+    "--sjs2-font-size-x000": "calc(var(--sjs2-base-unit-font-size) * 0)",
+    "--sjs2-font-size-x100": "calc(var(--sjs2-base-unit-font-size) * 1)",
+    "--sjs2-font-size-x150": "calc(var(--sjs2-base-unit-font-size) * 1.5)",
+    "--sjs2-font-size-x200": "calc(var(--sjs2-base-unit-font-size) * 2)",
+    "--sjs2-font-size-x250": "calc(var(--sjs2-base-unit-font-size) * 2.5)",
+    "--sjs2-font-size-x300": "calc(var(--sjs2-base-unit-font-size) * 3)",
+    "--sjs2-font-size-x350": "calc(var(--sjs2-base-unit-font-size) * 3.5)",
+    "--sjs2-font-size-x400": "calc(var(--sjs2-base-unit-font-size) * 4)",
+    "--sjs2-font-size-x500": "calc(var(--sjs2-base-unit-font-size) * 5)",
+    "--sjs2-font-size-x600": "calc(var(--sjs2-base-unit-font-size) * 6)",
+    "--sjs2-line-height-x000": "calc(var(--sjs2-base-unit-line-height) * 0)",
+    "--sjs2-line-height-x100": "calc(var(--sjs2-base-unit-line-height) * 1)",
+    "--sjs2-line-height-x200": "calc(var(--sjs2-base-unit-line-height) * 2)",
+    "--sjs2-line-height-x300": "calc(var(--sjs2-base-unit-line-height) * 3)",
+    "--sjs2-line-height-x400": "calc(var(--sjs2-base-unit-line-height) * 4)",
+    "--sjs2-line-height-x500": "calc(var(--sjs2-base-unit-line-height) * 5)",
+    "--sjs2-line-height-x600": "calc(var(--sjs2-base-unit-line-height) * 6)",
+    "--sjs2-text-case-default": "none",
+    "--sjs2-text-case-uppercase": "uppercase",
+    "--sjs2-palette-gray-100": "#F5F5F5",
+    "--sjs2-palette-gray-150": "#EDEDED",
+    "--sjs2-palette-gray-200": "#E5E5E5",
+    "--sjs2-palette-gray-250": "#D4D4D4",
+    "--sjs2-palette-gray-300": "#CDCDCD",
+    "--sjs2-palette-gray-400": "#B3B2B2",
+    "--sjs2-palette-gray-500": "#8E8E8E",
+    "--sjs2-palette-gray-600": "#5F5E61",
+    "--sjs2-palette-gray-700": "#424146",
+    "--sjs2-palette-gray-750": "#36353C",
+    "--sjs2-palette-gray-800": "#2D2C33",
+    "--sjs2-palette-gray-900": "#1C1B20",
+    "--sjs2-palette-gray-950": "#161519",
+    "--sjs2-palette-gray-999": "#111014",
+    "--sjs2-palette-gray-000": "#fff",
+    "--sjs2-palette-red-400": "#ff6e84",
+    "--sjs2-palette-red-600": "#E50A3E",
+    "--sjs2-palette-red-700": "#C30935",
+    "--sjs2-palette-green-400": "#15CDAB",
+    "--sjs2-palette-green-600": "#19B394",
+    "--sjs2-palette-green-700": "#15947A",
+    "--sjs2-palette-blue-400": "#66B4FC",
+    "--sjs2-palette-blue-600": "#437FD9",
+    "--sjs2-palette-blue-700": "#2A6CD0",
+    "--sjs2-palette-yellow-400": "#FEC64A",
+    "--sjs2-palette-yellow-600": "#FF9814",
+    "--sjs2-palette-yellow-700": "#F08700",
+    "--sjs2-palette-violet-400": "#C36FF4",
+    "--sjs2-palette-violet-600": "#A62CEC",
+    "--sjs2-palette-violet-700": "#9614E1",
+    "--sjs2-palette-olive-400": "#6FC648",
+    "--sjs2-palette-olive-600": "#4FAF24",
+    "--sjs2-palette-olive-700": "#41901E",
+    "--sjs2-palette-purple-400": "#A190FA",
+    "--sjs2-palette-purple-600": "#6E5BD1",
+    "--sjs2-palette-purple-700": "#5640C9",
+    "--sjs2-palette-indianred-400": "#F9786A",
+    "--sjs2-palette-indianred-600": "#AF496B",
+    "--sjs2-palette-indianred-700": "#973F5C",
+    "--sjs2-radius-semantic-form": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-semantic-form-item": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-control-action": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-action-icon": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-button": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-menu-item": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-drop-item": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-control-checkbox": "var(--sjs2-radius-semantic-form-item)",
+    "--sjs2-radius-control-rating": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-ranking": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-container-panel": "var(--sjs2-radius-x150)",
+    "--sjs2-radius-container-panel-nested": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-container-menu": "var(--sjs2-radius-x250)",
+    "--sjs2-radius-container-drop": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-modal": "var(--sjs2-radius-x300)",
+    "--sjs2-radius-container-notifier": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-tooltip": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-container-drag": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-layout-control-formbox-small-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-message-small-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-small-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-medium-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-content-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-content-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-swatch-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-left": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-limit-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-swatch-left": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-icon-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-label-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-medium-limit-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-xx-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-label-horizontal": "var(--sjs2-spacing-x075)",
+    "--sjs2-layout-control-action-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-box-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-medium-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-box-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-large-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-box-vertical": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-horizontal": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-small-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-caption-medium-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-medium-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-size-semantic-xx-small": "var(--sjs2-size-x300)",
+    "--sjs2-size-semantic-x-small": "var(--sjs2-size-x400)",
+    "--sjs2-size-semantic-small": "var(--sjs2-size-x500)",
+    "--sjs2-size-semantic-medium": "var(--sjs2-size-x600)",
+    "--sjs2-size-semantic-large": "var(--sjs2-size-x700)",
+    "--sjs2-size-icon-small": "var(--sjs2-size-x200)",
+    "--sjs2-size-icon-medium": "var(--sjs2-size-x300)",
+    "--sjs2-size-icon-large": "var(--sjs2-size-x400)",
+    "--sjs2-is-panelless": "false",
+    "--sjs2-typography-font-family-default": "Open Sans",
+    "--sjs2-typography-font-family-code": "DM Mono",
+    "--sjs2-typography-font-size-small": "var(--sjs2-font-size-x150)",
+    "--sjs2-typography-font-size-default": "var(--sjs2-font-size-x200)",
+    "--sjs2-typography-font-size-medium": "var(--sjs2-font-size-x300)",
+    "--sjs2-typography-font-size-large": "var(--sjs2-font-size-x400)",
+    "--sjs2-typography-line-height-small": "var(--sjs2-line-height-x200)",
+    "--sjs2-typography-line-height-default": "var(--sjs2-line-height-x300)",
+    "--sjs2-typography-line-height-medium": "var(--sjs2-line-height-x400)",
+    "--sjs2-typography-line-height-large": "var(--sjs2-line-height-x500)",
+    "--sjs2-typography-font-weight-default": "var(--sjs2-font-weight-regular)",
+    "--sjs2-typography-font-weight-strong": "var(--sjs2-font-weight-semibold)",
+    "--sjs2-color-project-brand-400": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-brand-600": "#19B394",
+    "--sjs2-color-project-brand-700": "lch(from var(--sjs2-color-project-brand-600) calc(l * 0.85) c h)",
+    "--sjs2-color-project-accent-400": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-accent-600": "#19B394",
+    "--sjs2-color-project-accent-700": "lch(from var(--sjs2-color-project-accent-600) calc(l * 0.85) c h)",
+    "--sjs2-color-utility-body": "var(--sjs2-palette-gray-999)",
+    "--sjs2-color-utility-surface": "#161519",
+    "--sjs2-color-utility-surface-muted": "#161519",
+    "--sjs2-color-utility-sheet": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-utility-scrollbar": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-a11y": "rgba(from var(--sjs2-palette-blue-400) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-overlay-screen": "rgba(from var(--sjs2-palette-gray-700) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-utility-overlay-border": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x020))",
+    "--sjs2-color-utility-shadow-surface-default": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-hovered": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-pressed": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-focused": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-disabled": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-dragging": "rgba(from #004C44 r g b / var(--sjs2-opacity-x025))",
+    "--sjs2-color-utility-shadow-elevated-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-floating-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x020))",
+    "--sjs2-color-bg-basic-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-basic-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-primary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-basic-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-tertiary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-bg-brand-secondary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-brand-tertiary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-brand-primary-dim": "var(--sjs2-color-project-brand-700)",
+    "--sjs2-color-bg-brand-secondary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-tertiary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-bg-accent-secondary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-tertiary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-accent-primary-dim": "var(--sjs2-color-project-accent-700)",
+    "--sjs2-color-bg-accent-secondary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-accent-tertiary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-bg-note-secondary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-tertiary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-note-primary-dim": "var(--sjs2-palette-blue-700)",
+    "--sjs2-color-bg-note-secondary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-note-tertiary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-neutral-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-neutral-tertiary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-neutral-primary-dim": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-bg-neutral-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x020))",
+    "--sjs2-color-bg-neutral-tertiary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-bg-positive-secondary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-positive-tertiary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-positive-primary-dim": "var(--sjs2-palette-green-700)",
+    "--sjs2-color-bg-positive-secondary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-positive-tertiary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-bg-warning-secondary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-tertiary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-warning-primary-dim": "var(--sjs2-palette-yellow-700)",
+    "--sjs2-color-bg-warning-secondary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-warning-tertiary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-bg-alert-secondary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-tertiary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-alert-primary-dim": "var(--sjs2-palette-red-700)",
+    "--sjs2-color-bg-alert-secondary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-alert-tertiary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-static-main-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-static-main-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-static-sub-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-static-sub-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-sub-primary-dim": "hsl(from var(--sjs2-palette-gray-100) h s calc(l * 1.1))",
+    "--sjs2-color-bg-static-sub-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-state-common-disabled": "var(--sjs2-palette-gray-750)",
+    "--sjs2-color-fg-basic-primary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x085))",
+    "--sjs2-color-fg-basic-primary-muted": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x085))",
+    "--sjs2-color-fg-basic-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-fg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-fg-neutral-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-brand-primary": "var(--sjs2-color-project-brand-400)",
+    "--sjs2-color-fg-accent-primary": "var(--sjs2-color-project-accent-400)",
+    "--sjs2-color-fg-note-primary": "var(--sjs2-palette-blue-400)",
+    "--sjs2-color-fg-positive-primary": "var(--sjs2-palette-green-400)",
+    "--sjs2-color-fg-warning-primary": "var(--sjs2-palette-yellow-400)",
+    "--sjs2-color-fg-alert-primary": "var(--sjs2-palette-red-400)",
+    "--sjs2-color-fg-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-state-common-disabled": "var(--sjs2-palette-gray-300)",
+    "--sjs2-color-border-basic-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-basic-secondary": "var(--sjs2-palette-gray-750)",
+    "--sjs2-color-border-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-border-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-border-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-border-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-border-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-border-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-border-neutral-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-border-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-control-formbox-default-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-formbox-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-formbox-disabled-border": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-formbox-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-formbox-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-focused-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-formbox-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-formbox-invalid-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-formbox-invalid-border": "var(--sjs2-color-border-alert-primary)",
+    "--sjs2-color-control-formbox-highlighted-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-formbox-highlighted-border": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-color-control-formbox-design-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-formbox-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-hovered-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-line": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-default-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-input-disabled-line": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-input-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-placeholder": "var(--sjs2-palette-gray-600)",
+    "--sjs2-color-control-input-disabled-label": "var(--sjs2-palette-gray-600)",
+    "--sjs2-color-control-input-disabled-limit": "var(--sjs2-palette-gray-600)",
+    "--sjs2-color-control-input-disabled-icon": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-line": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-readonly-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-check-false-default-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-check-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-false-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-focused-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-check-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-check-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-design-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-check-false-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-check-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-default-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-check-true-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-disabled-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-readonly-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-focused-icon": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-check-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-border": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-segmented-false-default-bg": "rgba(from var(--sjs2-color-bg-basic-primary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-value": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-disabled-bg": "rgba(from var(--sjs2-color-bg-basic-primary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-segmented-false-readonly-bg": "rgba(from var(--sjs2-color-bg-basic-primary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-readonly-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-readonly-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-false-focused-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-segmented-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-false-hovered-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-default-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-segmented-true-disabled-bg": "var(--sjs2-color-bg-basic-primary-dim)",
+    "--sjs2-color-control-segmented-true-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-true-disabled-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-true-focused-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-false-default-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-toggle-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-default-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-toggle-false-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-readonly-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-toggle-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-readonly-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-focused-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-toggle-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-false-focused-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-bg": "var(--sjs2-palette-gray-800)",
+    "--sjs2-color-control-toggle-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-toggle-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-focused-thumb": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-toggle-true-hovered-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-message-error-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-message-error-icon": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-message-error-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-message-info-bg": "var(--sjs2-color-bg-note-secondary)",
+    "--sjs2-color-control-message-info-icon": "var(--sjs2-color-fg-note-primary)",
+    "--sjs2-color-control-message-info-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-track-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-default-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-default-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-disabled-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-disabled-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-disabled-dot": "var(--sjs2-color-fg-state-common-disabled)",
+    "--sjs2-color-control-track-disabled-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-readonly-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-readonly-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-focused-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-focused-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-invalid-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-track-invalid-fg": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-invalid-dot": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-design-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-design-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-design-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-data-chart-bg-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-bg-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-bg-color-3": "#FF6771",
+    "--sjs2-color-data-chart-bg-color-4": "#1DB496",
+    "--sjs2-color-data-chart-bg-color-5": "#FFC152",
+    "--sjs2-color-data-chart-bg-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-bg-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-bg-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-bg-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-bg-color-10": "#4E6198",
+    "--sjs2-color-data-chart-bg-color-1-tinted": "rgba(from #84CAD4 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-2-tinted": "rgba(from #3A99FB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-3-tinted": "rgba(from #FF6771 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-4-tinted": "rgba(from #1DB496 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-5-tinted": "rgba(from #FFC152 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-6-tinted": "rgba(from #ABA1FF r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-7-tinted": "rgba(from #7D8CA5 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-8-tinted": "rgba(from #4FC46C r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-9-tinted": "rgba(from #E87BCB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-10-tinted": "rgba(from #4E6198 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-fg-on-color-1": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-2": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-3": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-4": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-5": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-6": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-7": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-8": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-9": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-10": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-border-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-border-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-border-color-3": "#FF6771",
+    "--sjs2-color-data-chart-border-color-4": "#1DB496",
+    "--sjs2-color-data-chart-border-color-5": "#FFC152",
+    "--sjs2-color-data-chart-border-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-border-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-border-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-border-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-border-color-10": "#4E6198",
+    "--sjs2-color-data-grid-fg-label": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-data-grid-border-line": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-data-grid-border-axis": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-opacity-visible": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-hovered": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-pressed": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-disabled": "var(--sjs2-opacity-x025)",
+    "--sjs2-opacity-hidden": "var(--sjs2-opacity-x000)",
+    "--sjs2-border-width-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-width-a11y": "var(--sjs2-border-width-x400)",
+    "--sjs2-border-spread-form-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-highlighted": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-invalid": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-readonly": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-trigger-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-dragging": "4",
+    "--sjs2-border-spread-elevated-default": "2",
+    "--sjs2-border-spread-floating-default": "4",
+    "--sjs2-border-blur-form-default": "0",
+    "--sjs2-border-blur-form-hovered": "0",
+    "--sjs2-border-blur-form-pressed": "0",
+    "--sjs2-border-blur-form-focused": "0",
+    "--sjs2-border-blur-form-highlighted": "0",
+    "--sjs2-border-blur-form-disabled": "0",
+    "--sjs2-border-blur-form-invalid": "0",
+    "--sjs2-border-blur-form-readonly": "0",
+    "--sjs2-border-blur-form-preview": "0",
+    "--sjs2-border-blur-trigger-default": "0",
+    "--sjs2-border-blur-trigger-hovered": "0",
+    "--sjs2-border-blur-trigger-pressed": "0",
+    "--sjs2-border-blur-trigger-focused": "0",
+    "--sjs2-border-blur-trigger-disabled": "0",
+    "--sjs2-border-blur-trigger-preview": "0",
+    "--sjs2-border-blur-surface-default": "4",
+    "--sjs2-border-blur-surface-hovered": "4",
+    "--sjs2-border-blur-surface-pressed": "4",
+    "--sjs2-border-blur-surface-focused": "0",
+    "--sjs2-border-blur-surface-disabled": "0",
+    "--sjs2-border-blur-surface-dragging": "12",
+    "--sjs2-border-blur-elevated-default": "8",
+    "--sjs2-border-blur-floating-default": "12",
+    "--sjs2-border-offset-x-form-default": "0",
+    "--sjs2-border-offset-x-form-hovered": "0",
+    "--sjs2-border-offset-x-form-pressed": "0",
+    "--sjs2-border-offset-x-form-focused": "0",
+    "--sjs2-border-offset-x-form-highlighted": "0",
+    "--sjs2-border-offset-x-form-disabled": "0",
+    "--sjs2-border-offset-x-form-invalid": "0",
+    "--sjs2-border-offset-x-form-readonly": "0",
+    "--sjs2-border-offset-x-form-preview": "0",
+    "--sjs2-border-offset-x-trigger-default": "0",
+    "--sjs2-border-offset-x-trigger-hovered": "0",
+    "--sjs2-border-offset-x-trigger-pressed": "0",
+    "--sjs2-border-offset-x-trigger-focused": "0",
+    "--sjs2-border-offset-x-trigger-disabled": "0",
+    "--sjs2-border-offset-x-trigger-preview": "0",
+    "--sjs2-border-offset-x-surface-default": "0",
+    "--sjs2-border-offset-x-surface-hovered": "0",
+    "--sjs2-border-offset-x-surface-pressed": "0",
+    "--sjs2-border-offset-x-surface-focused": "0",
+    "--sjs2-border-offset-x-surface-disabled": "0",
+    "--sjs2-border-offset-x-surface-dragging": "0",
+    "--sjs2-border-offset-x-elevated-default": "0",
+    "--sjs2-border-offset-x-floating-default": "0",
+    "--sjs2-border-offset-y-form-default": "0",
+    "--sjs2-border-offset-y-form-hovered": "0",
+    "--sjs2-border-offset-y-form-pressed": "0",
+    "--sjs2-border-offset-y-form-focused": "0",
+    "--sjs2-border-offset-y-form-highlighted": "0",
+    "--sjs2-border-offset-y-form-disabled": "0",
+    "--sjs2-border-offset-y-form-invalid": "0",
+    "--sjs2-border-offset-y-form-readonly": "0",
+    "--sjs2-border-offset-y-form-preview": "0",
+    "--sjs2-border-offset-y-trigger-default": "0",
+    "--sjs2-border-offset-y-trigger-hovered": "0",
+    "--sjs2-border-offset-y-trigger-pressed": "0",
+    "--sjs2-border-offset-y-trigger-focused": "0",
+    "--sjs2-border-offset-y-trigger-disabled": "0",
+    "--sjs2-border-offset-y-trigger-preview": "0",
+    "--sjs2-border-offset-y-surface-default": "2",
+    "--sjs2-border-offset-y-surface-hovered": "2",
+    "--sjs2-border-offset-y-surface-pressed": "2",
+    "--sjs2-border-offset-y-surface-focused": "0",
+    "--sjs2-border-offset-y-surface-disabled": "0",
+    "--sjs2-border-offset-y-surface-dragging": "6",
+    "--sjs2-border-offset-y-elevated-default": "4",
+    "--sjs2-border-offset-y-floating-default": "6"
+  }
+} as const;
+
+export default DefaultDark;
diff --git a/packages/survey-creator-core/src/themes/default-light-color-css-variables.ts b/packages/survey-creator-core/src/themes/default-light-color-css-variables.ts
deleted file mode 100644
index cb52844b1d..0000000000
--- a/packages/survey-creator-core/src/themes/default-light-color-css-variables.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export const DefaultLightColorCssVariables = {
-  "--sjs-primary-background-400-deltaAlpha": 0,
-  "--sjs-primary-background-400-deltaH": -1.66,
-  "--sjs-primary-background-400-deltaS": -2.77,
-  "--sjs-primary-background-400-deltaL": 3.92,
-  "--sjs-primary-background-400": "hsl(from var(--sjs-primary-background-500) calc(h - var(--sjs-primary-background-400-deltaH)) calc(s - var(--sjs-primary-background-400-deltaS)) calc(l - var(--sjs-primary-background-400-deltaL)) / calc(1 - var(--sjs-primary-background-400-deltaAlpha)))",
-  "--sjs-primary-background-10-deltaAlpha": 0.9,
-  "--sjs-primary-background-10-deltaH": 0,
-  "--sjs-primary-background-10-deltaS": 0,
-  "--sjs-primary-background-10-deltaL": 0,
-  "--sjs-primary-background-10": "hsl(from var(--sjs-primary-background-500) calc(h - var(--sjs-primary-background-10-deltaH)) calc(s - var(--sjs-primary-background-10-deltaS)) calc(l - var(--sjs-primary-background-10-deltaL)) / calc(1 - var(--sjs-primary-background-10-deltaAlpha)))",
-  "--sjs-secondary-background-400-deltaAlpha": 0,
-  "--sjs-secondary-background-400-deltaH": -1.66,
-  "--sjs-secondary-background-400-deltaS": -2.77,
-  "--sjs-secondary-background-400-deltaL": 3.92,
-  "--sjs-secondary-background-400": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-400-deltaH)) calc(s - var(--sjs-secondary-background-400-deltaS)) calc(l - var(--sjs-secondary-background-400-deltaL)) / calc(1 - var(--sjs-secondary-background-400-deltaAlpha)))",
-  "--sjs-secondary-background-25-deltaAlpha": 0.75,
-  "--sjs-secondary-background-25-deltaH": 0,
-  "--sjs-secondary-background-25-deltaS": 0,
-  "--sjs-secondary-background-25-deltaL": 0,
-  "--sjs-secondary-background-25": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-25-deltaH)) calc(s - var(--sjs-secondary-background-25-deltaS)) calc(l - var(--sjs-secondary-background-25-deltaL)) / calc(1 - var(--sjs-secondary-background-25-deltaAlpha)))",
-  "--sjs-secondary-background-10-deltaAlpha": 0.9,
-  "--sjs-secondary-background-10-deltaH": 0,
-  "--sjs-secondary-background-10-deltaS": 0,
-  "--sjs-secondary-background-10-deltaL": 0,
-  "--sjs-secondary-background-10": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-10-deltaH)) calc(s - var(--sjs-secondary-background-10-deltaS)) calc(l - var(--sjs-secondary-background-10-deltaL)) / calc(1 - var(--sjs-secondary-background-10-deltaAlpha)))",
-  "--sjs-special-haze-deltaAlpha": 0.65,
-  "--sjs-special-haze-deltaH": -10,
-  "--sjs-special-haze-deltaS": 0,
-  "--sjs-special-haze-deltaL": 8.62,
-  "--sjs-special-haze": "hsl(from var(--sjs-special-background) calc(h - var(--sjs-special-haze-deltaH)) calc(s - var(--sjs-special-haze-deltaS)) calc(l - var(--sjs-special-haze-deltaL)) / calc(1 - var(--sjs-special-haze-deltaAlpha)))",
-  "--sjs-special-glow-deltaAlpha": 0.9,
-  "--sjs-special-glow-deltaH": -3.68,
-  "--sjs-special-glow-deltaS": -50,
-  "--sjs-special-glow-deltaL": 80.39,
-  "--sjs-special-glow": "hsl(from var(--sjs-special-background) calc(h - var(--sjs-special-glow-deltaH)) calc(s - var(--sjs-special-glow-deltaS)) calc(l - var(--sjs-special-glow-deltaL)) / calc(1 - var(--sjs-special-glow-deltaAlpha)))"
-};
\ No newline at end of file
diff --git a/packages/survey-creator-core/src/themes/default-light.ts b/packages/survey-creator-core/src/themes/default-light.ts
new file mode 100644
index 0000000000..a4d7559a87
--- /dev/null
+++ b/packages/survey-creator-core/src/themes/default-light.ts
@@ -0,0 +1,731 @@
+// Auto-generated theme: default-light
+export const Default = {
+  "themeName": "default-light",
+  "iconSet": "v2",
+  "isLight": true,
+  "cssVariables": {
+    "--sjs2-base-unit-size": "8px",
+    "--sjs2-base-unit-spacing": "8px",
+    "--sjs2-base-unit-radius": "8px",
+    "--sjs2-base-unit-border-width": "1px",
+    "--sjs2-base-unit-font-size": "8px",
+    "--sjs2-base-unit-line-height": "8px",
+    "--sjs2-base-unit-opacity": "1%",
+    "--sjs2-base-unit-scale": "1%",
+    "--sjs2-scale-x000": "calc(var(--sjs2-base-unit-scale) * 0)",
+    "--sjs2-scale-x025": "calc(var(--sjs2-base-unit-scale) * 25)",
+    "--sjs2-scale-x050": "calc(var(--sjs2-base-unit-scale) * 50)",
+    "--sjs2-scale-x075": "calc(var(--sjs2-base-unit-scale) * 75)",
+    "--sjs2-scale-x095": "calc(var(--sjs2-base-unit-scale) * 95)",
+    "--sjs2-scale-x100": "calc(var(--sjs2-base-unit-scale) * 100)",
+    "--sjs2-scale-x200": "calc(var(--sjs2-base-unit-scale) * 200)",
+    "--sjs2-size-x000": "calc(var(--sjs2-base-unit-size) * 0)",
+    "--sjs2-size-x025": "calc(var(--sjs2-base-unit-size) * 0.25)",
+    "--sjs2-size-x050": "calc(var(--sjs2-base-unit-size) * 0.50)",
+    "--sjs2-size-x075": "calc(var(--sjs2-base-unit-size) * 0.75)",
+    "--sjs2-size-x100": "calc(var(--sjs2-base-unit-size) * 1)",
+    "--sjs2-size-x150": "calc(var(--sjs2-base-unit-size) * 1.50)",
+    "--sjs2-size-x200": "calc(var(--sjs2-base-unit-size) * 2)",
+    "--sjs2-size-x250": "calc(var(--sjs2-base-unit-size) * 2.50)",
+    "--sjs2-size-x300": "calc(var(--sjs2-base-unit-size) * 3)",
+    "--sjs2-size-x350": "calc(var(--sjs2-base-unit-size) * 3.50)",
+    "--sjs2-size-x400": "calc(var(--sjs2-base-unit-size) * 4)",
+    "--sjs2-size-x500": "calc(var(--sjs2-base-unit-size) * 5)",
+    "--sjs2-size-x600": "calc(var(--sjs2-base-unit-size) * 6)",
+    "--sjs2-size-x700": "calc(var(--sjs2-base-unit-size) * 7)",
+    "--sjs2-size-x800": "calc(var(--sjs2-base-unit-size) * 8)",
+    "--sjs2-size-x900": "calc(var(--sjs2-base-unit-size) * 9)",
+    "--sjs2-size-x1000": "calc(var(--sjs2-base-unit-size) * 10)",
+    "--sjs2-size-x1100": "calc(var(--sjs2-base-unit-size) * 11)",
+    "--sjs2-size-x1200": "calc(var(--sjs2-base-unit-size) * 12)",
+    "--sjs2-size-x1300": "calc(var(--sjs2-base-unit-size) * 13)",
+    "--sjs2-size-x1400": "calc(var(--sjs2-base-unit-size) * 14)",
+    "--sjs2-size-x1500": "calc(var(--sjs2-base-unit-size) * 15)",
+    "--sjs2-radius-x000": "calc(var(--sjs2-base-unit-radius) * 0)",
+    "--sjs2-radius-x025": "calc(var(--sjs2-base-unit-radius) * 0.25)",
+    "--sjs2-radius-x050": "calc(var(--sjs2-base-unit-radius) * 0.50)",
+    "--sjs2-radius-x075": "calc(var(--sjs2-base-unit-radius) * 0.75)",
+    "--sjs2-radius-x100": "calc(var(--sjs2-base-unit-radius) * 1)",
+    "--sjs2-radius-x150": "calc(var(--sjs2-base-unit-radius) * 1.50)",
+    "--sjs2-radius-x200": "calc(var(--sjs2-base-unit-radius) * 2)",
+    "--sjs2-radius-x250": "calc(var(--sjs2-base-unit-radius) * 2.50)",
+    "--sjs2-radius-x300": "calc(var(--sjs2-base-unit-radius) * 3)",
+    "--sjs2-radius-x400": "calc(var(--sjs2-base-unit-radius) * 4)",
+    "--sjs2-radius-x500": "calc(var(--sjs2-base-unit-radius) * 5)",
+    "--sjs2-radius-x600": "calc(var(--sjs2-base-unit-radius) * 6)",
+    "--sjs2-radius-x700": "calc(var(--sjs2-base-unit-radius) * 7)",
+    "--sjs2-radius-x800": "calc(var(--sjs2-base-unit-radius) * 8)",
+    "--sjs2-radius-round": "9999px",
+    "--sjs2-spacing-x000": "calc(var(--sjs2-base-unit-spacing) * 0)",
+    "--sjs2-spacing-x025": "calc(var(--sjs2-base-unit-spacing) * 0.25)",
+    "--sjs2-spacing-x050": "calc(var(--sjs2-base-unit-spacing) * 0.50)",
+    "--sjs2-spacing-x075": "calc(var(--sjs2-base-unit-spacing) * 0.75)",
+    "--sjs2-spacing-x100": "calc(var(--sjs2-base-unit-spacing) * 1)",
+    "--sjs2-spacing-x150": "calc(var(--sjs2-base-unit-spacing) * 1.5)",
+    "--sjs2-spacing-x200": "calc(var(--sjs2-base-unit-spacing) * 2)",
+    "--sjs2-spacing-x250": "calc(var(--sjs2-base-unit-spacing) * 2.50)",
+    "--sjs2-spacing-x300": "calc(var(--sjs2-base-unit-spacing) * 3)",
+    "--sjs2-spacing-x400": "calc(var(--sjs2-base-unit-spacing) * 4)",
+    "--sjs2-spacing-x500": "calc(var(--sjs2-base-unit-spacing) * 5)",
+    "--sjs2-spacing-x600": "calc(var(--sjs2-base-unit-spacing) * 6)",
+    "--sjs2-spacing-x700": "calc(var(--sjs2-base-unit-spacing) * 7)",
+    "--sjs2-spacing-x800": "calc(var(--sjs2-base-unit-spacing) * 8)",
+    "--sjs2-spacing-negative-x025": "calc(var(--sjs2-base-unit-spacing) * -0.25)",
+    "--sjs2-spacing-negative-x050": "calc(var(--sjs2-base-unit-spacing) * -0.50)",
+    "--sjs2-spacing-negative-x075": "calc(var(--sjs2-base-unit-spacing) * -0.75)",
+    "--sjs2-spacing-negative-x100": "calc(var(--sjs2-base-unit-spacing) * -1)",
+    "--sjs2-spacing-negative-x150": "calc(var(--sjs2-base-unit-spacing) * -1.5)",
+    "--sjs2-spacing-negative-x200": "calc(var(--sjs2-base-unit-spacing) * -2)",
+    "--sjs2-spacing-negative-x250": "calc(var(--sjs2-base-unit-spacing) * -2.50)",
+    "--sjs2-spacing-negative-x300": "calc(var(--sjs2-base-unit-spacing) * -3)",
+    "--sjs2-spacing-negative-x400": "calc(var(--sjs2-base-unit-spacing) * -4)",
+    "--sjs2-spacing-negative-x500": "calc(var(--sjs2-base-unit-spacing) * -5)",
+    "--sjs2-spacing-negative-x600": "calc(var(--sjs2-base-unit-spacing) * -6)",
+    "--sjs2-spacing-negative-x700": "calc(var(--sjs2-base-unit-spacing) * -7)",
+    "--sjs2-spacing-negative-x800": "calc(var(--sjs2-base-unit-spacing) * -8)",
+    "--sjs2-opacity-x000": "calc(var(--sjs2-base-unit-opacity) * 0)",
+    "--sjs2-opacity-x005": "calc(var(--sjs2-base-unit-opacity) * 5)",
+    "--sjs2-opacity-x010": "calc(var(--sjs2-base-unit-opacity) * 10)",
+    "--sjs2-opacity-x015": "calc(var(--sjs2-base-unit-opacity) * 15)",
+    "--sjs2-opacity-x020": "calc(var(--sjs2-base-unit-opacity) * 20)",
+    "--sjs2-opacity-x025": "calc(var(--sjs2-base-unit-opacity) * 25)",
+    "--sjs2-opacity-x030": "calc(var(--sjs2-base-unit-opacity) * 30)",
+    "--sjs2-opacity-x035": "calc(var(--sjs2-base-unit-opacity) * 35)",
+    "--sjs2-opacity-x040": "calc(var(--sjs2-base-unit-opacity) * 40)",
+    "--sjs2-opacity-x045": "calc(var(--sjs2-base-unit-opacity) * 45)",
+    "--sjs2-opacity-x050": "calc(var(--sjs2-base-unit-opacity) * 50)",
+    "--sjs2-opacity-x055": "calc(var(--sjs2-base-unit-opacity) * 55)",
+    "--sjs2-opacity-x060": "calc(var(--sjs2-base-unit-opacity) * 60)",
+    "--sjs2-opacity-x065": "calc(var(--sjs2-base-unit-opacity) * 65)",
+    "--sjs2-opacity-x070": "calc(var(--sjs2-base-unit-opacity) * 70)",
+    "--sjs2-opacity-x075": "calc(var(--sjs2-base-unit-opacity) * 75)",
+    "--sjs2-opacity-x080": "calc(var(--sjs2-base-unit-opacity) * 80)",
+    "--sjs2-opacity-x085": "calc(var(--sjs2-base-unit-opacity) * 85)",
+    "--sjs2-opacity-x090": "calc(var(--sjs2-base-unit-opacity) * 90)",
+    "--sjs2-opacity-x095": "calc(var(--sjs2-base-unit-opacity) * 95)",
+    "--sjs2-opacity-x100": "calc(var(--sjs2-base-unit-opacity) * 100)",
+    "--sjs2-border-width-x000": "calc(var(--sjs2-base-unit-border-width) * 0)",
+    "--sjs2-border-width-x100": "calc(var(--sjs2-base-unit-border-width) * 1)",
+    "--sjs2-border-width-x200": "calc(var(--sjs2-base-unit-border-width) * 2)",
+    "--sjs2-border-width-x400": "calc(var(--sjs2-base-unit-border-width) * 4)",
+    "--sjs2-font-weight-regular": "Regular",
+    "--sjs2-font-weight-medium": "Medium",
+    "--sjs2-font-weight-semibold": "SemiBold",
+    "--sjs2-font-weight-bold": "Bold",
+    "--sjs2-font-size-x000": "calc(var(--sjs2-base-unit-font-size) * 0)",
+    "--sjs2-font-size-x100": "calc(var(--sjs2-base-unit-font-size) * 1)",
+    "--sjs2-font-size-x150": "calc(var(--sjs2-base-unit-font-size) * 1.5)",
+    "--sjs2-font-size-x200": "calc(var(--sjs2-base-unit-font-size) * 2)",
+    "--sjs2-font-size-x250": "calc(var(--sjs2-base-unit-font-size) * 2.5)",
+    "--sjs2-font-size-x300": "calc(var(--sjs2-base-unit-font-size) * 3)",
+    "--sjs2-font-size-x350": "calc(var(--sjs2-base-unit-font-size) * 3.5)",
+    "--sjs2-font-size-x400": "calc(var(--sjs2-base-unit-font-size) * 4)",
+    "--sjs2-font-size-x500": "calc(var(--sjs2-base-unit-font-size) * 5)",
+    "--sjs2-font-size-x600": "calc(var(--sjs2-base-unit-font-size) * 6)",
+    "--sjs2-line-height-x000": "calc(var(--sjs2-base-unit-line-height) * 0)",
+    "--sjs2-line-height-x100": "calc(var(--sjs2-base-unit-line-height) * 1)",
+    "--sjs2-line-height-x200": "calc(var(--sjs2-base-unit-line-height) * 2)",
+    "--sjs2-line-height-x300": "calc(var(--sjs2-base-unit-line-height) * 3)",
+    "--sjs2-line-height-x400": "calc(var(--sjs2-base-unit-line-height) * 4)",
+    "--sjs2-line-height-x500": "calc(var(--sjs2-base-unit-line-height) * 5)",
+    "--sjs2-line-height-x600": "calc(var(--sjs2-base-unit-line-height) * 6)",
+    "--sjs2-text-case-default": "none",
+    "--sjs2-text-case-uppercase": "uppercase",
+    "--sjs2-palette-gray-100": "#F5F5F5",
+    "--sjs2-palette-gray-150": "#EDEDED",
+    "--sjs2-palette-gray-200": "#E5E5E5",
+    "--sjs2-palette-gray-250": "#D4D4D4",
+    "--sjs2-palette-gray-300": "#CDCDCD",
+    "--sjs2-palette-gray-400": "#B3B2B2",
+    "--sjs2-palette-gray-500": "#8E8E8E",
+    "--sjs2-palette-gray-600": "#5F5E61",
+    "--sjs2-palette-gray-700": "#424146",
+    "--sjs2-palette-gray-750": "#36353C",
+    "--sjs2-palette-gray-800": "#2D2C33",
+    "--sjs2-palette-gray-900": "#1C1B20",
+    "--sjs2-palette-gray-950": "#161519",
+    "--sjs2-palette-gray-999": "#111014",
+    "--sjs2-palette-gray-000": "#fff",
+    "--sjs2-palette-red-400": "#ff6e84",
+    "--sjs2-palette-red-600": "#E50A3E",
+    "--sjs2-palette-red-700": "#C30935",
+    "--sjs2-palette-green-400": "#15CDAB",
+    "--sjs2-palette-green-600": "#19B394",
+    "--sjs2-palette-green-700": "#15947A",
+    "--sjs2-palette-blue-400": "#66B4FC",
+    "--sjs2-palette-blue-600": "#437FD9",
+    "--sjs2-palette-blue-700": "#2A6CD0",
+    "--sjs2-palette-yellow-400": "#FEC64A",
+    "--sjs2-palette-yellow-600": "#FF9814",
+    "--sjs2-palette-yellow-700": "#F08700",
+    "--sjs2-palette-violet-400": "#C36FF4",
+    "--sjs2-palette-violet-600": "#A62CEC",
+    "--sjs2-palette-violet-700": "#9614E1",
+    "--sjs2-palette-olive-400": "#6FC648",
+    "--sjs2-palette-olive-600": "#4FAF24",
+    "--sjs2-palette-olive-700": "#41901E",
+    "--sjs2-palette-purple-400": "#A190FA",
+    "--sjs2-palette-purple-600": "#6E5BD1",
+    "--sjs2-palette-purple-700": "#5640C9",
+    "--sjs2-palette-indianred-400": "#F9786A",
+    "--sjs2-palette-indianred-600": "#AF496B",
+    "--sjs2-palette-indianred-700": "#973F5C",
+    "--sjs2-radius-semantic-form": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-semantic-form-item": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-control-action": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-action-icon": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-button": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-menu-item": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-drop-item": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-control-checkbox": "var(--sjs2-radius-semantic-form-item)",
+    "--sjs2-radius-control-rating": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-ranking": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-container-panel": "var(--sjs2-radius-x150)",
+    "--sjs2-radius-container-panel-nested": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-container-menu": "var(--sjs2-radius-x250)",
+    "--sjs2-radius-container-drop": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-modal": "var(--sjs2-radius-x300)",
+    "--sjs2-radius-container-notifier": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-tooltip": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-container-drag": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-layout-control-formbox-small-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-message-small-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-small-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-medium-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-content-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-content-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-swatch-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-left": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-limit-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-swatch-left": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-icon-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-label-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-medium-limit-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-xx-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-label-horizontal": "var(--sjs2-spacing-x075)",
+    "--sjs2-layout-control-action-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-box-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-medium-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-box-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-large-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-box-vertical": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-horizontal": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-small-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-caption-medium-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-medium-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-size-semantic-xx-small": "var(--sjs2-size-x300)",
+    "--sjs2-size-semantic-x-small": "var(--sjs2-size-x400)",
+    "--sjs2-size-semantic-small": "var(--sjs2-size-x500)",
+    "--sjs2-size-semantic-medium": "var(--sjs2-size-x600)",
+    "--sjs2-size-semantic-large": "var(--sjs2-size-x700)",
+    "--sjs2-size-icon-small": "var(--sjs2-size-x200)",
+    "--sjs2-size-icon-medium": "var(--sjs2-size-x300)",
+    "--sjs2-size-icon-large": "var(--sjs2-size-x400)",
+    "--sjs2-is-panelless": "false",
+    "--sjs2-typography-font-family-default": "Open Sans",
+    "--sjs2-typography-font-family-code": "DM Mono",
+    "--sjs2-typography-font-size-small": "var(--sjs2-font-size-x150)",
+    "--sjs2-typography-font-size-default": "var(--sjs2-font-size-x200)",
+    "--sjs2-typography-font-size-medium": "var(--sjs2-font-size-x300)",
+    "--sjs2-typography-font-size-large": "var(--sjs2-font-size-x400)",
+    "--sjs2-typography-line-height-small": "var(--sjs2-line-height-x200)",
+    "--sjs2-typography-line-height-default": "var(--sjs2-line-height-x300)",
+    "--sjs2-typography-line-height-medium": "var(--sjs2-line-height-x400)",
+    "--sjs2-typography-line-height-large": "var(--sjs2-line-height-x500)",
+    "--sjs2-typography-font-weight-default": "var(--sjs2-font-weight-regular)",
+    "--sjs2-typography-font-weight-strong": "var(--sjs2-font-weight-semibold)",
+    "--sjs2-color-project-brand-400": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-brand-600": "#19B394",
+    "--sjs2-color-project-brand-700": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 0.85))",
+    "--sjs2-color-project-accent-400": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-accent-600": "#19B394",
+    "--sjs2-color-project-accent-700": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 0.85))",
+    "--sjs2-color-utility-body": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-utility-surface": "#EDF9F7",
+    "--sjs2-color-utility-surface-muted": "#1c1b200d",
+    "--sjs2-color-utility-sheet": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-utility-scrollbar": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-a11y": "rgba(from var(--sjs2-palette-blue-400) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-utility-overlay-screen": "rgba(from var(--sjs2-palette-gray-700) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-utility-overlay-border": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-shadow-surface-default": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-hovered": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-shadow-surface-pressed": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-utility-shadow-surface-focused": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-utility-shadow-surface-disabled": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-dragging": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-elevated-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-floating-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x020))",
+    "--sjs2-color-bg-basic-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-basic-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-primary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-basic-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-bg-brand-secondary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-brand-tertiary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-brand-primary-dim": "var(--sjs2-color-project-brand-700)",
+    "--sjs2-color-bg-brand-secondary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-tertiary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-bg-accent-secondary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-tertiary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-accent-primary-dim": "var(--sjs2-color-project-accent-700)",
+    "--sjs2-color-bg-accent-secondary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-accent-tertiary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-bg-note-secondary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-tertiary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-note-primary-dim": "var(--sjs2-palette-blue-700)",
+    "--sjs2-color-bg-note-secondary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-note-tertiary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-neutral-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-neutral-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-neutral-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-bg-positive-secondary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-positive-tertiary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-positive-primary-dim": "var(--sjs2-palette-green-700)",
+    "--sjs2-color-bg-positive-secondary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-positive-tertiary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-bg-warning-secondary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-tertiary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-warning-primary-dim": "var(--sjs2-palette-yellow-700)",
+    "--sjs2-color-bg-warning-secondary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-warning-tertiary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-bg-alert-secondary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-tertiary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-alert-primary-dim": "var(--sjs2-palette-red-700)",
+    "--sjs2-color-bg-alert-secondary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-alert-tertiary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-static-main-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-static-main-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-static-sub-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-static-sub-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-sub-primary-dim": "hsl(from var(--sjs2-palette-gray-100) h s calc(l * 1.1))",
+    "--sjs2-color-bg-static-sub-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-state-common-disabled": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-fg-basic-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-basic-primary-muted": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-fg-basic-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-fg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-fg-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-brand-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-fg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-fg-note-primary": "var(--sjs2-palette-blue-700)",
+    "--sjs2-color-fg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-fg-warning-primary": "var(--sjs2-palette-yellow-700)",
+    "--sjs2-color-fg-alert-primary": "var(--sjs2-palette-red-700)",
+    "--sjs2-color-fg-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-state-common-disabled": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-border-basic-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-border-basic-secondary": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-border-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-border-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-border-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-border-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-border-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-border-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-border-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-control-formbox-default-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-disabled-bg": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-control-formbox-disabled-border": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-formbox-readonly-border": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-formbox-focused-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-formbox-invalid-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-invalid-border": "var(--sjs2-color-border-alert-primary)",
+    "--sjs2-color-control-formbox-highlighted-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-highlighted-border": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-color-control-formbox-design-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-hovered-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-line": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-default-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-input-disabled-line": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-placeholder": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-label": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-limit": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-icon": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-line": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-readonly-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-check-false-default-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-disabled-bg": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-control-check-false-disabled-border": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-focused-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-check-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-design-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-check-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-default-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-check-true-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-disabled-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-readonly-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-focused-icon": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-check-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-border": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-segmented-false-default-bg": "rgba(from var(--sjs2-color-bg-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-value": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-false-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-segmented-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-false-readonly-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-readonly-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-false-focused-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-segmented-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-false-hovered-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-default-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-segmented-true-disabled-bg": "var(--sjs2-color-bg-basic-primary-dim)",
+    "--sjs2-color-control-segmented-true-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-true-disabled-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-true-focused-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-false-default-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-default-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-readonly-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-readonly-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-focused-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-false-focused-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-toggle-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-toggle-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-focused-thumb": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-toggle-true-hovered-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-message-error-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-message-error-icon": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-message-error-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-message-info-bg": "var(--sjs2-color-bg-note-secondary)",
+    "--sjs2-color-control-message-info-icon": "var(--sjs2-color-fg-note-primary)",
+    "--sjs2-color-control-message-info-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-track-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-default-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-default-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-disabled-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-disabled-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-disabled-dot": "var(--sjs2-color-fg-state-common-disabled)",
+    "--sjs2-color-control-track-disabled-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-readonly-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-readonly-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-focused-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-focused-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-invalid-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-track-invalid-fg": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-invalid-dot": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-design-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-design-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-design-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-data-chart-bg-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-bg-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-bg-color-3": "#FF6771",
+    "--sjs2-color-data-chart-bg-color-4": "#1DB496",
+    "--sjs2-color-data-chart-bg-color-5": "#FFC152",
+    "--sjs2-color-data-chart-bg-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-bg-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-bg-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-bg-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-bg-color-10": "#4E6198",
+    "--sjs2-color-data-chart-bg-color-1-tinted": "rgba(from #84CAD4 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-2-tinted": "rgba(from #3A99FB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-3-tinted": "rgba(from #FF6771 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-4-tinted": "rgba(from #1DB496 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-5-tinted": "rgba(from #FFC152 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-6-tinted": "rgba(from #ABA1FF r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-7-tinted": "rgba(from #7D8CA5 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-8-tinted": "rgba(from #4FC46C r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-9-tinted": "rgba(from #E87BCB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-10-tinted": "rgba(from #4E6198 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-fg-on-color-1": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-2": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-3": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-4": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-5": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-6": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-7": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-8": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-9": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-10": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-border-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-border-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-border-color-3": "#FF6771",
+    "--sjs2-color-data-chart-border-color-4": "#1DB496",
+    "--sjs2-color-data-chart-border-color-5": "#FFC152",
+    "--sjs2-color-data-chart-border-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-border-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-border-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-border-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-border-color-10": "#4E6198",
+    "--sjs2-color-data-grid-fg-label": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-data-grid-border-line": "#DCDCDC",
+    "--sjs2-color-data-grid-border-axis": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-opacity-visible": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-hovered": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-pressed": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-disabled": "var(--sjs2-opacity-x025)",
+    "--sjs2-opacity-hidden": "var(--sjs2-opacity-x000)",
+    "--sjs2-border-width-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-width-a11y": "var(--sjs2-border-width-x400)",
+    "--sjs2-border-spread-form-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-highlighted": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-invalid": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-readonly": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-trigger-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-hovered": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-pressed": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-dragging": "4",
+    "--sjs2-border-spread-elevated-default": "2",
+    "--sjs2-border-spread-floating-default": "4",
+    "--sjs2-border-blur-form-default": "0",
+    "--sjs2-border-blur-form-hovered": "0",
+    "--sjs2-border-blur-form-pressed": "0",
+    "--sjs2-border-blur-form-focused": "0",
+    "--sjs2-border-blur-form-highlighted": "0",
+    "--sjs2-border-blur-form-disabled": "0",
+    "--sjs2-border-blur-form-invalid": "0",
+    "--sjs2-border-blur-form-readonly": "0",
+    "--sjs2-border-blur-form-preview": "0",
+    "--sjs2-border-blur-trigger-default": "0",
+    "--sjs2-border-blur-trigger-hovered": "0",
+    "--sjs2-border-blur-trigger-pressed": "0",
+    "--sjs2-border-blur-trigger-focused": "0",
+    "--sjs2-border-blur-trigger-disabled": "0",
+    "--sjs2-border-blur-trigger-preview": "0",
+    "--sjs2-border-blur-surface-default": "4",
+    "--sjs2-border-blur-surface-hovered": "0",
+    "--sjs2-border-blur-surface-pressed": "0",
+    "--sjs2-border-blur-surface-focused": "0",
+    "--sjs2-border-blur-surface-disabled": "0",
+    "--sjs2-border-blur-surface-dragging": "12",
+    "--sjs2-border-blur-elevated-default": "8",
+    "--sjs2-border-blur-floating-default": "12",
+    "--sjs2-border-offset-x-form-default": "0",
+    "--sjs2-border-offset-x-form-hovered": "0",
+    "--sjs2-border-offset-x-form-pressed": "0",
+    "--sjs2-border-offset-x-form-focused": "0",
+    "--sjs2-border-offset-x-form-highlighted": "0",
+    "--sjs2-border-offset-x-form-disabled": "0",
+    "--sjs2-border-offset-x-form-invalid": "0",
+    "--sjs2-border-offset-x-form-readonly": "0",
+    "--sjs2-border-offset-x-form-preview": "0",
+    "--sjs2-border-offset-x-trigger-default": "0",
+    "--sjs2-border-offset-x-trigger-hovered": "0",
+    "--sjs2-border-offset-x-trigger-pressed": "0",
+    "--sjs2-border-offset-x-trigger-focused": "0",
+    "--sjs2-border-offset-x-trigger-disabled": "0",
+    "--sjs2-border-offset-x-trigger-preview": "0",
+    "--sjs2-border-offset-x-surface-default": "0",
+    "--sjs2-border-offset-x-surface-hovered": "0",
+    "--sjs2-border-offset-x-surface-pressed": "0",
+    "--sjs2-border-offset-x-surface-focused": "0",
+    "--sjs2-border-offset-x-surface-disabled": "0",
+    "--sjs2-border-offset-x-surface-dragging": "0",
+    "--sjs2-border-offset-x-elevated-default": "0",
+    "--sjs2-border-offset-x-floating-default": "0",
+    "--sjs2-border-offset-y-form-default": "0",
+    "--sjs2-border-offset-y-form-hovered": "0",
+    "--sjs2-border-offset-y-form-pressed": "0",
+    "--sjs2-border-offset-y-form-focused": "0",
+    "--sjs2-border-offset-y-form-highlighted": "0",
+    "--sjs2-border-offset-y-form-disabled": "0",
+    "--sjs2-border-offset-y-form-invalid": "0",
+    "--sjs2-border-offset-y-form-readonly": "0",
+    "--sjs2-border-offset-y-form-preview": "0",
+    "--sjs2-border-offset-y-trigger-default": "0",
+    "--sjs2-border-offset-y-trigger-hovered": "0",
+    "--sjs2-border-offset-y-trigger-pressed": "0",
+    "--sjs2-border-offset-y-trigger-focused": "0",
+    "--sjs2-border-offset-y-trigger-disabled": "0",
+    "--sjs2-border-offset-y-trigger-preview": "0",
+    "--sjs2-border-offset-y-surface-default": "2",
+    "--sjs2-border-offset-y-surface-hovered": "0",
+    "--sjs2-border-offset-y-surface-pressed": "0",
+    "--sjs2-border-offset-y-surface-focused": "0",
+    "--sjs2-border-offset-y-surface-disabled": "0",
+    "--sjs2-border-offset-y-surface-dragging": "6",
+    "--sjs2-border-offset-y-elevated-default": "4",
+    "--sjs2-border-offset-y-floating-default": "6"
+  }
+} as const;
+
+export default Default;
diff --git a/packages/survey-creator-core/src/themes/index.ts b/packages/survey-creator-core/src/themes/index.ts
new file mode 100644
index 0000000000..5415e9969f
--- /dev/null
+++ b/packages/survey-creator-core/src/themes/index.ts
@@ -0,0 +1,6 @@
+import SC2020 from "./sc2020";
+import DefaultDark from "./default-dark";
+import DefaultContrast from "./default-contrast";
+const __surveyjs_internal_themes_hash = true;
+export { SC2020, DefaultDark, DefaultContrast, __surveyjs_internal_themes_hash };
+export default { SC2020, DefaultDark, DefaultContrast, __surveyjs_internal_themes_hash };
\ No newline at end of file
diff --git a/packages/survey-creator-core/src/themes/predefined-themes/default/contrast.css b/packages/survey-creator-core/src/themes/predefined-themes/default/contrast.css
deleted file mode 100644
index 6fe603c875..0000000000
--- a/packages/survey-creator-core/src/themes/predefined-themes/default/contrast.css
+++ /dev/null
@@ -1,58 +0,0 @@
- /* Variables  */
- :root {
-  --sjs-layer-1-background-500: #FFFFFFFF;
-  --sjs-layer-1-background-400: #EBEBEBFF;
-  --sjs-layer-1-foreground-100: #000000FF;
-  --sjs-layer-1-foreground-50: #00000099;
-  --sjs-layer-3-background-500: #EBEBEBFF;
-  --sjs-layer-3-foreground-100: #000000FF;
-  --sjs-layer-3-foreground-50: #00000099;
-  --sjs-layer-2-background-500: #F0F0F0FF;
-  --sjs-layer-2-background-400: #DCDCDCFF;
-  --sjs-special-haze: #D5C7FB59;
-  --sjs-border-25: #C8C8C8FF;
-  --sjs-border-10: #C8C8C8FF;
-  --sjs-primary-background-500: #3A179EFF;
-  --sjs-primary-background-10: #3A179E1A;
-  --sjs-primary-background-400: #240973FF;
-  --sjs-primary-foreground-100: #FFFFFFFF;
-  --sjs-primary-foreground-25: #FFFFFF40;
-  --sjs-secondary-background-500: #3A179EFF;
-  --sjs-secondary-background-25: #3A179E40;
-  --sjs-secondary-background-10: #3A179E1A;
-  --sjs-secondary-foreground-100: #FFFFFFFF;
-  --sjs-secondary-forecolor-25: #FFFFFF40;
-  --sjs-semantic-red-background-500: #E50A66FF;
-  --sjs-semantic-red-background-10: #E50A661A;
-  --sjs-semantic-red-foreground-100: #FFFFFFFF;
-  --sjs-semantic-green-background-500: #19AAB3FF;
-  --sjs-semantic-green-background-10: #19AAB31A;
-  --sjs-semantic-green-foreground-100: #FFFFFFFF;
-  --sjs-semantic-blue-background-500: #4F43D9FF;
-  --sjs-semantic-blue-background-10: #4F43D91A;
-  --sjs-semantic-blue-foreground-100: #FFFFFFFF;
-  --sjs-semantic-yellow-background-500: #FF710BFF;
-  --sjs-semantic-yellow-background-10: #FF710B1A;
-  --sjs-semantic-yellow-foreground-100: #FFFFFFFF;
-  --sjs-semantic-white-background-500: #FFFFFFFF;
-  --sjs-code-gray-700: #A4A4A4FF;
-  --sjs-code-blue-500: #1E5AB3FF;
-  --sjs-code-gray-300: #1C1C1CFF;
-  --sjs-code-green-500: #127D60FF;
-  --sjs-code-red-500: #D30739FF;
-  --sjs-code-purple-500: #AB228DFF;
-  --sjs-code-yellow-500: #CC6001FF;
-  --sjs-code-gray-500: #686868FF;
-  --sjs-special-background: #F4F2FBFF;
-  --sjs-layer-1-foreground-75: #000000FF;
-  --sjs-layer-3-background-400: #D7D7D7FF;
-  --sjs-special-glow: #240A6D1A;
-  --sjs-special-shadow: #0000004D;
-  --sjs-layer-3-foreground-75: #000000FF;
-  --sjs-layer-2-foreground-100: #000000FF;
-  --sjs-layer-2-foreground-75: #000000FF;
-  --sjs-layer-2-foreground-50: #00000099;
-  --sjs-border-25-overlay: #00000040;
-  --sjs-secondary-background-400: #240973FF;
-}
-
diff --git a/packages/survey-creator-core/src/themes/predefined-themes/default/dark.css b/packages/survey-creator-core/src/themes/predefined-themes/default/dark.css
deleted file mode 100644
index 9628b73f5a..0000000000
--- a/packages/survey-creator-core/src/themes/predefined-themes/default/dark.css
+++ /dev/null
@@ -1,58 +0,0 @@
- /* Variables  */
- :root {
-  --sjs-layer-1-background-500: #181818FF;
-  --sjs-layer-1-background-400: #282828FF;
-  --sjs-layer-1-foreground-100: #FFFFFFCC;
-  --sjs-layer-1-foreground-50: #FFFFFF66;
-  --sjs-layer-3-background-500: #202020FF;
-  --sjs-layer-3-foreground-100: #FFFFFFCC;
-  --sjs-layer-3-foreground-50: #FFFFFF66;
-  --sjs-layer-2-background-500: #101010FF;
-  --sjs-layer-2-background-400: #202020FF;
-  --sjs-special-haze: #000000BF;
-  --sjs-border-25: #303030FF;
-  --sjs-border-10: #303030FF;
-  --sjs-primary-background-500: #19B394FF;
-  --sjs-primary-background-10: #19B3941A;
-  --sjs-primary-background-400: #14A48BFF;
-  --sjs-primary-foreground-100: #0C0C0CFF;
-  --sjs-primary-foreground-25: #0C0C0C40;
-  --sjs-secondary-background-500: #19B394FF;
-  --sjs-secondary-background-25: #19B39440;
-  --sjs-secondary-background-10: #19B3941A;
-  --sjs-secondary-foreground-100: #0C0C0CFF;
-  --sjs-secondary-forecolor-25: #0C0C0C40;
-  --sjs-semantic-red-background-500: #FF6D9AFF;
-  --sjs-semantic-red-background-10: #FF6D9A1A;
-  --sjs-semantic-red-foreground-100: #0C0C0CFF;
-  --sjs-semantic-green-background-500: #15CDABFF;
-  --sjs-semantic-green-background-10: #15CDAB1A;
-  --sjs-semantic-green-foreground-100: #0C0C0CFF;
-  --sjs-semantic-blue-background-500: #66B4FCFF;
-  --sjs-semantic-blue-background-10: #66B4FC1A;
-  --sjs-semantic-blue-foreground-100: #0C0C0CFF;
-  --sjs-semantic-yellow-background-500: #EDA925FF;
-  --sjs-semantic-yellow-background-10: #EDA9251A;
-  --sjs-semantic-yellow-foreground-100: #0C0C0CFF;
-  --sjs-semantic-white-background-500: #FFFFFFFF;
-  --sjs-code-gray-700: #5E5E5EFF;
-  --sjs-code-blue-500: #53B3F0FF;
-  --sjs-code-gray-300: #D1D1D1FF;
-  --sjs-code-green-500: #37C7AAFF;
-  --sjs-code-red-500: #FD6E89FF;
-  --sjs-code-purple-500: #F888DFFF;
-  --sjs-code-yellow-500: #FCC669FF;
-  --sjs-code-gray-500: #909090FF;
-  --sjs-special-background: #121212FF;
-  --sjs-layer-1-foreground-75: #FFFFFFB3;
-  --sjs-layer-3-background-400: #303030FF;
-  --sjs-special-glow: #00000040;
-  --sjs-special-shadow: #FFFFFF40;
-  --sjs-layer-3-foreground-75: #FFFFFFB3;
-  --sjs-layer-2-foreground-100: #FFFFFFCC;
-  --sjs-layer-2-foreground-75: #FFFFFFB3;
-  --sjs-layer-2-foreground-50: #FFFFFF66;
-  --sjs-border-25-overlay: #FFFFFF26;
-  --sjs-secondary-background-400: #14A48BFF;
-}
-
diff --git a/packages/survey-creator-core/src/themes/predefined-themes/default/light.css b/packages/survey-creator-core/src/themes/predefined-themes/default/light.css
deleted file mode 100644
index a5d5be6bb2..0000000000
--- a/packages/survey-creator-core/src/themes/predefined-themes/default/light.css
+++ /dev/null
@@ -1,58 +0,0 @@
- /* Variables  */
- :root {
-  --sjs-layer-1-background-500: #FFFFFFFF;
-  --sjs-layer-1-background-400: #F5F5F5FF;
-  --sjs-layer-1-foreground-100: #000000E6;
-  --sjs-layer-1-foreground-50: #00000080;
-  --sjs-layer-3-background-500: #F4F4F4FF;
-  --sjs-layer-3-foreground-100: #000000E6;
-  --sjs-layer-3-foreground-50: #00000080;
-  --sjs-layer-2-background-500: #F8F8F8FF;
-  --sjs-layer-2-background-400: #EEEEEEFF;
-  --sjs-special-haze: #CCEEEE59;
-  --sjs-border-25: #D4D4D4FF;
-  --sjs-border-10: #DCDCDCFF;
-  --sjs-primary-background-500: #19B394FF;
-  --sjs-primary-background-10: #19B3941A;
-  --sjs-primary-background-400: #14A48BFF;
-  --sjs-primary-foreground-100: #FFFFFFFF;
-  --sjs-primary-foreground-25: #FFFFFF40;
-  --sjs-secondary-background-500: #19B394FF;
-  --sjs-secondary-background-25: #19B39440;
-  --sjs-secondary-background-10: #19B3941A;
-  --sjs-secondary-foreground-100: #FFFFFFFF;
-  --sjs-secondary-forecolor-25: #FFFFFF40;
-  --sjs-semantic-red-background-500: #E50A3EFF;
-  --sjs-semantic-red-background-10: #E50A3E1A;
-  --sjs-semantic-red-foreground-100: #FFFFFFFF;
-  --sjs-semantic-green-background-500: #19B394FF;
-  --sjs-semantic-green-background-10: #19B3941A;
-  --sjs-semantic-green-foreground-100: #FFFFFFFF;
-  --sjs-semantic-blue-background-500: #437FD9FF;
-  --sjs-semantic-blue-background-10: #437FD91A;
-  --sjs-semantic-blue-foreground-100: #FFFFFFFF;
-  --sjs-semantic-yellow-background-500: #FF9814FF;
-  --sjs-semantic-yellow-background-10: #FF98141A;
-  --sjs-semantic-yellow-foreground-100: #FFFFFFFF;
-  --sjs-semantic-white-background-500: #FFFFFFFF;
-  --sjs-code-gray-700: #B6B6B6FF;
-  --sjs-code-blue-500: #326FCAFF;
-  --sjs-code-gray-300: #505050FF;
-  --sjs-code-green-500: #08997CFF;
-  --sjs-code-red-500: #F41B50FF;
-  --sjs-code-purple-500: #C22FA2FF;
-  --sjs-code-yellow-500: #F58D06FF;
-  --sjs-code-gray-500: #8A8A8AFF;
-  --sjs-special-background: #EDF9F7FF;
-  --sjs-layer-1-foreground-75: #000000BF;
-  --sjs-layer-3-background-400: #EAEAEAFF;
-  --sjs-special-glow: #004C441A;
-  --sjs-special-shadow: #00000040;
-  --sjs-layer-3-foreground-75: #000000BF;
-  --sjs-layer-2-foreground-100: #000000E6;
-  --sjs-layer-2-foreground-75: #000000BF;
-  --sjs-layer-2-foreground-50: #00000080;
-  --sjs-border-25-overlay: #00000026;
-  --sjs-secondary-background-400: #14A48BFF;
-}
-
diff --git a/packages/survey-creator-core/src/themes/predefined-themes/sc2020/v2.css b/packages/survey-creator-core/src/themes/predefined-themes/sc2020/v2.css
deleted file mode 100644
index 69ecfbe4e5..0000000000
--- a/packages/survey-creator-core/src/themes/predefined-themes/sc2020/v2.css
+++ /dev/null
@@ -1,57 +0,0 @@
- /* Variables  */
- :root {
-  --sjs-layer-1-background-500: #FFFFFFFF;
-  --sjs-layer-1-background-400: #F8F8F8FF;
-  --sjs-layer-1-foreground-100: #000000E8;
-  --sjs-layer-1-foreground-50: #00000073;
-  --sjs-layer-3-background-500: #F3F3F3FF;
-  --sjs-layer-3-foreground-100: #000000E8;
-  --sjs-layer-3-foreground-50: #00000073;
-  --sjs-layer-2-background-500: #F9F9F9FF;
-  --sjs-layer-2-background-400: #F3F3F3FF;
-  --sjs-special-haze: #90909080;
-  --sjs-border-25: #00000029;
-  --sjs-border-10: #00000017;
-  --sjs-primary-background-500: #19B394FF;
-  --sjs-primary-background-10: #19B3941A;
-  --sjs-primary-background-400: #14A48BFF;
-  --sjs-primary-foreground-100: #FFFFFFFF;
-  --sjs-primary-foreground-25: #FFFFFF40;
-  --sjs-secondary-background-500: #FF9814FF;
-  --sjs-secondary-background-25: #FF981440;
-  --sjs-secondary-background-10: #FF98141A;
-  --sjs-secondary-foreground-100: #FFFFFFFF;
-  --sjs-secondary-forecolor-25: #FFFFFF40;
-  --sjs-semantic-red-background-500: #E50A3EFF;
-  --sjs-semantic-red-background-10: #E50A3E1A;
-  --sjs-semantic-red-foreground-100: #FFFFFFFF;
-  --sjs-semantic-green-background-500: #19B394FF;
-  --sjs-semantic-green-background-10: #19B3941A;
-  --sjs-semantic-green-foreground-100: #FFFFFFFF;
-  --sjs-semantic-blue-background-500: #437FD9FF;
-  --sjs-semantic-blue-background-10: #437FD91A;
-  --sjs-semantic-blue-foreground-100: #FFFFFFFF;
-  --sjs-semantic-yellow-background-500: #FF9814FF;
-  --sjs-semantic-yellow-background-10: #FF98141A;
-  --sjs-semantic-yellow-foreground-100: #FFFFFFFF;
-  --sjs-semantic-white-background-500: #FFFFFFFF;
-  --sjs-code-gray-700: #B6B6B6FF;
-  --sjs-code-blue-500: #326FCAFF;
-  --sjs-code-gray-300: #505050FF;
-  --sjs-code-green-500: #08997CFF;
-  --sjs-code-red-500: #F41B50FF;
-  --sjs-code-purple-500: #C22FA2FF;
-  --sjs-code-yellow-500: #F58D06FF;
-  --sjs-code-gray-500: #8A8A8AFF;
-  --sjs-special-background: #F3F3F3FF;
-  --sjs-layer-1-foreground-75: #000000BF;
-  --sjs-layer-3-background-400: #E8E8E8FF;
-  --sjs-special-glow: #0000001A;
-  --sjs-special-shadow: #00000026;
-  --sjs-layer-3-foreground-75: #000000BF;
-  --sjs-layer-2-foreground-100: #000000E8;
-  --sjs-layer-2-foreground-75: #000000BF;
-  --sjs-layer-2-foreground-50: #00000073;
-  --sjs-border-25-overlay: #00000026;
-}
-
diff --git a/packages/survey-creator-core/src/themes/predefined-themes/v2-20.css b/packages/survey-creator-core/src/themes/predefined-themes/v2-20.css
deleted file mode 100644
index 6a0be14061..0000000000
--- a/packages/survey-creator-core/src/themes/predefined-themes/v2-20.css
+++ /dev/null
@@ -1,3459 +0,0 @@
- /* Variables  */
- :root {
-  --ctr-toolbox-border-width-right: 0px;
-  --ctr-list-item-corner-radius: 0px;
-  --ctr-button-group-item-corner-radius: 0px;
-  --ctr-button-group-gap: -1px;
-  --ctr-editor-corner-radius: 0px;
-  --ctr-editor-button-corner-radius: 0px;
-  --ctr-checkbox-corner-radius: 0px;
-  --ctr-list-padding-left: 0px;
-  --ctr-list-padding-right: 0px;
-  --ctr-popup-menu-padding-left: 0px;
-  --ctr-popup-menu-padding-right: 0px;
-  --ctr-popup-menu-padding-top: 0px;
-  --ctr-popup-menu-padding-bottom: 0px;
-  --ctr-popup-menu-footer-padding-left: 0px;
-  --ctr-button-group-corner-radius: 0px;
-  --ctr-button-group-padding: 0px;
-  --ctr-button-group-border-width: 0px;
-  --ctr-shadow-medium-blur: 6px;
-  --ctr-shadow-medium-offset-y: 2px;
-  --ctr-shadow-large-blur: 16px;
-  --ctr-shadow-large-offset-y: 8px;
-  --ctr-shadow-large-offset-x: 0px;
-  --ctr-shadow-large-spread: 0px;
-  --ctr-shadow-medium-offset-x: 0px;
-  --ctr-shadow-medium-spread: 0px;
-  --ctr-list-search-icon-opacity: 100px;
-  --ctr-label-opacity-disabled: 25px;
-  --ctr-caption-with-actions-text-opacity-disabled: 25px;
-  --ctr-radio-button-text-opacity-disabled: 25px;
-  --ctr-checkbox-text-opacity-disabled: 25px;
-  --ctr-shadow-small-offset-x: 0px;
-  --ctr-shadow-small-offset-y: 1px;
-  --ctr-shadow-small-blur: 2px;
-  --ctr-shadow-small-spread: 0px;
-  --ctr-shadow-x-large-offset-x: 0px;
-  --ctr-shadow-x-large-offset-y: 0px;
-  --ctr-shadow-x-large-blur: 0px;
-  --ctr-shadow-x-large-spread: 0px;
-  --ctr-property-grid-placeholder-text-max-width: 320px;
-  --ctr-property-grid-placeholder-padding-bottom: 0px;
-  --ctr-popup-menu-footer-padding-right: 0px;
-  --ctr-editor-content-text-opacity-disabled: 25px;
-  --ctr-editor-label-opacity-disabled: 25px;
-  --ctr-editor-button-icon-opacity-disabled: 25px;
-  --ctr-editor-button-icon-opacity-pressed: 50px;
-  --ctr-checkbox-description-text-opacity-disabled: 25px;
-  --ctr-actionbar-button-opacity-pressed: 50px;
-  --ctr-actionbar-button-opacity-disabled: 25px;
-  --ctr-actionbar-button-opacity-muted: 50px;
-  --ctr-list-item-opacity-disabled: 25px;
-  --ctr-list-item-contextual-buttons-opacity-pressed: 50px;
-  --ctr-list-item-contextual-buttons-opacity-default: 50px;
-  --ctr-editor-color-swatch-opacity-hovered: 50px;
-  --ctr-editor-color-swatch-opacity-disabled: 25px;
-  --ctr-menu-item-opacity-disabled: 25px;
-  --ctr-menu-toolbar-button-opacity-disabled: 25px;
-  --ctr-menu-toolbar-button-opacity-pressed: 50px;
-  --ctr-toolbox-item-text-opacity-pressed: 50px;
-  --ctr-toolbox-item-icon-opacity-pressed: 35px;
-  --ctr-toolbox-item-opacity-submenu: 85px;
-  --ctr-toolbox-item-text-opacity-disabled: 25px;
-  --ctr-toolbox-button-opacity-pressed: 50px;
-  --ctr-page-navigator-button-opacity-pressed: 50px;
-  --ctr-button-text-opacity-disabled: 25px;
-  --ctr-property-grid-switcher-toggle-button-border-width-checked: 0px;
-  --ctr-property-grid-chapter-caption-text-opacity-disabled: 25px;
-  --ctr-notification-opacity: 75px;
-  --ctr-notification-opacity-error: 100px;
-  --ctr-string-table-row-border-width-top: 0px;
-  --ctr-string-table-row-border-width-left: 0px;
-  --ctr-string-table-row-border-width-right: 0px;
-  --ctr-toolbox-group-header-border-width-top: 0px;
-  --ctr-toolbox-group-header-border-width-left: 0px;
-  --ctr-toolbox-group-header-border-width-right: 0px;
-  --ctr-text-decor-padding-top: 0px;
-  --ctr-text-decor-padding-bottom: 0px;
-  --ctr-caption-with-actions-description-text-opacity-disabled: 25px;
-  --ctr-data-table-cell-gap: 0px;
-  --ctr-data-table-cell-drop-down-arrow-opacity: 50px;
-  --ctr-data-table-cell-padding-top-header: 0px;
-  --ctr-data-table-cell-padding-bottom-header: 0px;
-  --ctr-data-table-cell-opacity-disabled: 25px;
-  --ctr-data-table-row-padding-left: 0px;
-  --ctr-data-table-row-drag-area-icon-opacity: 50px;
-  --ctr-data-table-row-border-width-last-row: 0px;
-  --ctr-toolbox-padding-left: 0px;
-  --ctr-toolbox-padding-right: 0px;
-  --ctr-toolbox-group-padding-top: 0px;
-  --ctr-toolbox-group-padding-bottom: 0px;
-  --ctr-button-contextual-button-opacity-disabled: 25px;
-  --ctr-button-contextual-button-opacity-pressed: 50px;
-  --lbr-contextual-button-icon-opacity-disabled: 25px;
-  --ctr-survey-question-panel-toolbar-item-opacity-pressed: 50px;
-  --ctr-survey-question-panel-toolbar-item-opacity-disabled: 25px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-left-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-right-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-top-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-bottom-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-opacity-muted: 50px;
-  --ctr-survey-question-panel-toolbar-item-padding-left-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-padding-right-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-padding-top-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-padding-bottom-small: 0px;
-  --ctr-survey-question-panel-drag-area-drag-indicator-opacity: 50px;
-  --ctr-survey-question-panel-drag-area-padding-left-mobile: 0px;
-  --ctr-survey-question-panel-drag-area-padding-right-mobile: 0px;
-  --ctr-survey-question-panel-drag-area-padding-top-with-buttons-mobile: 0px;
-  --ctr-survey-question-panel-drag-area-padding-bottom-with-buttons-mobile: 0px;
-  --ctr-preview-pager-padding-right: 0px;
-  --ctr-preview-pager-padding-left: 0px;
-  --ctr-code-viewer-code-error-row-fix-button-padding-top: 0px;
-  --ctr-code-viewer-code-error-row-fix-button-padding-bottom: 0px;
-  --ctr-code-viewer-padding-left-fullscreen: 0px;
-  --ctr-code-viewer-padding-right-fullscreen: 0px;
-  --ctr-code-viewer-padding-top-fullscreen: 0px;
-  --ctr-code-viewer-padding-bottom-fullscreen: 0px;
-  --ctr-code-viewer-corner-radius-fullscreen: 0px;
-  --ctr-label-padding-left: 0px;
-  --ctr-label-padding-right: 0px;
-  --ctr-editor-limit-label-padding-right-with-button: 0px;
-  --ctr-property-grid-search-corner-radius: 0px;
-  --ctr-search-button-opacity-disabled: 25px;
-  --ctr-survey-action-button-opacity-disabled: 25px;
-  --ctr-survey-contextual-button-icon-opacity-disabled: 25px;
-  --lbr-action-button-opacity-disabled: 25px;
-  --lbr-tag-box-item-remove-button-opacity-pressed: 50px;
-  --lbr-popup-menu-search-corner-radius: 0px;
-  --lbr-popup-menu-search-clear-button-opacity-disabled: 25px;
-  --lbr-notification-opacity: 75px;
-  --lbr-notification-opacity-error: 100px;
-  --ctr-survey-placeholder-loading-circle-opacity: 10px;
-  --ctr-survey-image-picker-item-loading-circle-opacity: 10px;
-  --ctr-data-table-row-corner-radius-floating: 0px;
-  --ctr-survey-item-actionbar-drag-indicator-opacity: 50px;
-  --ctr-survey-item-actionbar-drag-indicator-padding-left-mobile: 0px;
-  --ctr-survey-item-actionbar-drag-indicator-padding-right-mobile: 0px;
-  --ctr-page-navigator-item-opacity-step-1: 75px;
-  --ctr-page-navigator-item-opacity-step-2: 50px;
-  --ctr-page-navigator-item-opacity-step-3: 25px;
-  --ctr-toolbox-search-corner-radius: 0px;
-  --ctr-toolbox-group-header-margin-top: 0px;
-  --ctr-toolbox-group-header-margin-bottom: 0px;
-  --lbr-shadow-x-large-offset-x: 0px;
-  --lbr-shadow-x-large-offset-y: 0px;
-  --lbr-shadow-x-large-blur: 0px;
-  --lbr-shadow-x-large-spread: 0px;
-  --lbr-shadow-large-offset-x: 0px;
-  --lbr-shadow-large-offset-y: 8px;
-  --lbr-shadow-large-blur: 16px;
-  --lbr-shadow-large-spread: 0px;
-  --lbr-shadow-medium-offset-x: 0px;
-  --lbr-shadow-medium-offset-y: 2px;
-  --lbr-shadow-medium-blur: 6px;
-  --lbr-shadow-medium-spread: 0px;
-  --lbr-shadow-small-offset-x: 0px;
-  --lbr-shadow-small-offset-y: 1px;
-  --lbr-shadow-small-blur: 2px;
-  --lbr-shadow-small-spread: 0px;
-  --lbr-checkboxes-item-text-opacity-disabled: 25px;
-  --ctr-survey-checkboxes-item-button-opacity-inactive: 35px;
-  --lbr-checkboxes-item-button-check-mark-opacity-disabled: 25px;
-  --ctr-survey-radio-button-group-item-button-opacity-inactive: 35px;
-  --lbr-radio-buttons-item-button-dot-opacity-disabled: 25px;
-  --lbr-radio-buttons-item-text-opacity-disabled: 25px;
-  --lbr-editor-text-opacity-disabled: 25px;
-  --lbr-editor-padding-left-preview: 0px;
-  --lbr-editor-padding-right-preview: 0px;
-  --lbr-editor-corner-radius-preview: 0px;
-  --lbr-labeled-editor-label-opacity-disabled: 25px;
-  --lbr-editor-button-icon-opacity-pressed: 50px;
-  --lbr-editor-button-icon-opacity-disabled: 25px;
-  --lbr-rating-item-text-opacity-disabled: 25px;
-  --lbr-rating-label-opacity-disabled: 25px;
-  --lbr-rating-smiley-opacity-disabled-selected: 15px;
-  --lbr-rating-smiley-red-opacity: 25px;
-  --lbr-rating-smiley-red-opacity-hovered: 50px;
-  --lbr-rating-smiley-yellow-opacity: 25px;
-  --lbr-rating-smiley-yellow-opacity-hovered: 50px;
-  --lbr-rating-smiley-green-opacity: 25px;
-  --lbr-rating-smiley-green-opacity-hovered: 50px;
-  --lbr-ranking-item-number-text-opacity-disabled: 25px;
-  --lbr-ranking-item-number-icon-opacity-disabled: 25px;
-  --lbr-ranking-item-text-opacity-disabled: 25px;
-  --ctr-survey-ranking-item-padding-left-floating-mobile: 0px;
-  --lbr-ranking-indicators-padding-left: 0px;
-  --lbr-ranking-indicators-padding-right: 0px;
-  --lbr-ranking-indicators-drag-indicator-icon-opacity-mobile: 25px;
-  --lbr-ranking-indicators-sort-indicator-padding-left-mobile: 0px;
-  --lbr-ranking-indicators-sort-indicator-padding-right-mobile: 0px;
-  --ctr-survey-item-actionbar-padding-left: 0px;
-  --lbr-boolean-thumb-text-opacity-disabled: 25px;
-  --lbr-image-picker-item-opacity-disabled: 25px;
-  --lbr-image-picker-item-opacity-preview: 25px;
-  --lbr-image-picker-item-opacity-hovered: 50px;
-  --lbr-image-picker-item-opacity-error: 75px;
-  --lbr-file-upload-item-loading-circle-opacity: 10px;
-  --lbr-signature-loading-circle-opacity: 10px;
-  --lbr-placeholder-loading-circle-opacity: 10px;
-  --lbr-file-upload-image-opacity-disabled: 25px;
-  --lbr-list-item-text-opacity-disabled: 25px;
-  --lbr-page-layout-gap-none: 0px;
-  --lbr-button-text-opacity-disabled: 25px;
-  --lbr-window-header-button-opacity-pressed: 50px;
-  --lbr-matrix-title-cell-text-opacity-disabled: 25px;
-  --ctr-survey-header-logo-loading-circle-opacity: 10px;
-  --lbr-cover-padding-bottom-no-background: 0px;
-  --lbr-tag-box-item-opacity-disabled: 25px;
-  --lbr-popup-menu-footer-padding-left: 0px;
-  --lbr-popup-menu-footer-padding-right: 0px;
-  --lbr-matrix-details-padding-right: 0px;
-  --lbr-dynamic-panel-tabs-item-padding-left: 0px;
-  --lbr-dynamic-panel-tabs-item-padding-right: 0px;
-  --lbr-dynamic-panel-tabs-item-opacity-disabled: 25px;
-  --lbr-dynamic-panel-tabs-button-icon-opacity-pressed: 50px;
-  --lbr-step-progress-bar-connector-opacity: 50px;
-  --lbr-step-progress-bar-step-dot-background-opacity: 50px;
-  --lbr-step-progress-bar-step-dot-margin-top: 0px;
-  --lbr-step-progress-bar-step-dot-margin-bottom: 0px;
-  --lbr-step-progress-bar-margin-top-position-bottom: 0px;
-  --lbr-page-padding-left: 0px;
-  --lbr-page-padding-right: 0px;
-  --ctr-survey-question-panel-opacity-hidden: 25px;
-  --lbr-question-panel-corner-radius-nested: 0px;
-  --lbr-progress-bar-section-title-opacity-pressed: 50px;
-  --lbr-dynamic-panel-item-header-title-opacity-disabled: 25px;
-  --lbr-placeholder-text-opacity-disabled: 25px;
-  --lbr-placeholder-padding-bottom-with-button: 0px;
-  --lbr-signature-signature-opacity-disabled: 25px;
-  --ctr-editor-color-swatch-icon-color: #FFFFFFFF;
-  --ctr-editor-color-swatch-icon-color-stroke: #00000040;
-  --lbr-pager-text-opacity-disabled: 25px;
-  --lbr-dynamic-panel-details-area-padding-bottom: 0px;
-  --lbr-question-panel-header-title-opacity-disabled: 25px;
-  --lbr-question-panel-header-description-opacity-disabled: 25px;
-  --lbr-question-panel-header-gap-mobile: 0px;
-  --lbr-panel-header-padding-left-expandable: 0px;
-  --lbr-dynamic-panel-tabs-padding-left-nested: 0px;
-  --lbr-dynamic-panel-tabs-padding-right-nested: 0px;
-  --lbr-page-padding-bottom-no-buttons: 0px;
-  --ctr-survey-page-margin-bottom: 0px;
-  --ctr-survey-page-margin-left-mobile: 0px;
-  --ctr-survey-page-margin-right-mobile: 0px;
-  --ctr-survey-page-margin-top-mobile: 0px;
-  --lbr-dynamic-panel-content-margin-top-placeholder: 0px;
-  --lbr-question-panel-padding-top-error: 0px;
-  --lbr-question-panel-padding-bottom-error: 0px;
-  --ctr-survey-question-panel-padding-top-selected: 0px;
-  --ctr-survey-page-header-padding-new-page: 0px;
-  --lbr-panel-layout-item-min-width: 0px;
-  --ctr-button-group-item-text-opacity-disabled: 25px;
-  --ctr-button-group-item-icon-opacity-disabled: 25px;
-  --lbr-matrix-margin-left-expandable: 0px;
-  --lbr-matrix-margin-left-no-row-title: 0px;
-  --lbr-matrix-gap-single-select: 0px;
-  --lbr-drop-down-buttons-margin: 0px;
-  --lbr-drop-down-padding-left-preview: 0px;
-  --lbr-drop-down-padding-right-preview: 0px;
-  --lbr-tag-box-item-padding-left-preview: 0px;
-  --ctr-survey-header-logo-placeholder-icon-opacity: 50px;
-  --ctr-survey-image-no-image-icon-opacity: 50px;
-  --ctr-list-search-corner-radius: 0px;
-  --ctr-property-grid-search-icon-opacity: 100px;
-  --ctr-toolbox-search-icon-opacity: 100px;
-  --ctr-preview-device-width: 400px;
-  --ctr-toolbox-submenu-group-margin-left: 0px;
-  --lbr-shadow-inner-offset-x: 0px;
-  --lbr-shadow-inner-offset-y: 1px;
-  --lbr-shadow-inner-blur: 2px;
-  --lbr-shadow-inner-spread: 0px;
-  --lbr-progress-bar-pager-label-opacity-floating: 75px;
-  --ctr-survey-question-panel-floating-toolbar-opacity-no-focus: 25px;
-  --lbr-page-loading-background-opacity: 75px;
-  --lbr-page-loading-loading-icon-circle-opacity: 10px;
-  --lbr-ghost-button-opacity: 25px;
-  --ctr-toolbox-item-icon-opacity-disabled: 15px;
-  --ctr-list-item-icon-opacity-label: 50px;
-  --ctr-toolbox-item-margin-horizontal-no-text: 0px;
-  --ctr-toolbox-submenu-group-margin-right: 0px;
-  --ctr-toolbox-submenu-group-margin-top: 0px;
-  --ctr-toolbox-submenu-group-margin-bottom-last: 0px;
-  --ctr-toolbox-submenu-group-border-width-bottom: 0px;
-  --ctr-toolbox-submenu-background-color: #00000000;
-  --ctr-toolbox-submenu-corner-radius: 0px;
-  --ctr-toolbox-submenu-shadow-1-color: #00000000;
-  --ctr-toolbox-submenu-shadow-2-color: #00000000;
-  --ctr-toolbox-submenu-margin-top: 0px;
-  --ctr-data-table-corner-radius: 0px;
-  --ctr-data-table-placeholder-corner-radius: 0px;
-  --ctr-list-item-label-icon-opacity-label: 50px;
-  --ctr-survey-page-drag-indicator-opacity: 50px;
-  --lbr-footer-padding-left-transparent: 0px;
-  --lbr-footer-padding-right-transparent: 0px;
-  --lbr-app-header-menu-item-opacity-disabled: 25px;
-  --ctr-toggle-button-thumb-border-width: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-left-x-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-right-x-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-top-x-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-bottom-x-small: 0px;
-  --lbr-slider-label-opacity-disabled: 25px;
-  --lbr-slider-thumb-dot-opacity-disabled: 100px;
-  --lbr-matching-item-text-opacity-disabled: 25px;
-  --ctr-super-tooltip-padding-left: 0px;
-  --ctr-super-tooltip-padding-right: 0px;
-  --ctr-super-tooltip-padding-top: 0px;
-  --ctr-super-tooltip-padding-bottom: 0px;
-  --lbr-blank-fields-text-item-padding-left: 0px;
-  --lbr-blank-fields-text-item-padding-right: 0px;
-  --ctr-survey-item-actionbar-padding-right-add: 0px;
-  --lbr-blank-fields-field-padding-top: 0px;
-  --lbr-blank-fields-field-padding-bottom: 0px;
-  --lbr-blank-fields-field-padding-left: 0px;
-  --lbr-blank-fields-field-padding-right: 0px;
-  --ctr-line-height-unit: 8px;
-  --ctr-font-unit: 8px;
-  --ctr-spacing-unit: 8px;
-  --ctr-corner-radius-unit: 8px;
-  --ctr-stroke-unit: 1px;
-  --ctr-size-unit: 8px;
-  --ctr-data-table-cell-padding-right-drop-down: 0px;
-  --ctr-image-gallery-item-image-opacity-hovered: 50px;
-  --ctr-image-gallery-item-image-opacity-disabled: 25px;
-  --ctr-image-gallery-item-image-opacity-selected: 50px;
-  --ctr-checkbox-description-text-margin-top: 0px;
-  --lbr-stroke-unit: 1px;
-  --lbr-spacing-unit: 8px;
-  --lbr-font-unit: 8px;
-  --lbr-corner-radius-unit: 8px;
-  --lbr-size-unit: 8px;
-  --lbr-line-height-unit: 8px;
-  --ctr-text-decor-padding-bottom-code: 0px;
-  --ctr-text-decor-padding-top-code: 0px;
-  --ctr-preview-pager-item-icon-padding-left: 0px;
-  --ctr-preview-pager-item-icon-padding-right: 0px;
-  --ctr-preview-pager-item-icon-padding-top: 0px;
-  --ctr-preview-pager-item-icon-padding-bottom: 0px;
-  --ctr-page-navigator-button-icon-opacity-disabled: 25px;
-  --lbr-button-icon-opacity-disabled: 25px;
-  --ctr-list-corner-radius: 0px;
-  --lbr-popup-toolbar-close-button-opacity-pressed: 50px;
-  --ctr-toolbox-group-header-corner-radius: 0px;
-}
-
- /* Aliases  */
- :root {
-  --ctr-toolbox-item-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-icon-color-pressed: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-text-color-pressed: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-background-color: var(--sjs-layer-3-background-500);
-  --ctr-toolbox-border-color: var(--sjs-border-25);
-  --ctr-toolbox-group-header-padding-left: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-padding-right: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-margin-left: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-menu-toolbar-button-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-menu-toolbar-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-menu-toolbar-button-icon-color-selected: var(--sjs-primary-background-500);
-  --ctr-toolbox-item-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-toolbox-item-text-color-hovered: var(--sjs-layer-1-foreground-100);
-  --ctr-property-grid-form-background-color: var(--sjs-layer-3-background-500);
-  --ctr-button-group-item-border-color: var(--sjs-border-25);
-  --ctr-button-group-item-border-width: var(--sjs-stroke-x1);
-  --ctr-button-group-item-background-color: var(--sjs-layer-1-background-500);
-  --ctr-button-group-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-item-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-button-group-item-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-button-group-item-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-button-group-item-text-color-selected: var(--sjs-primary-background-500);
-  --ctr-button-group-item-icon-color-selected: var(--sjs-primary-background-500);
-  --ctr-editor-background-color: var(--sjs-layer-1-background-500);
-  --ctr-editor-border-color: var(--sjs-border-25);
-  --ctr-editor-background-color-disabled: var(--sjs-layer-3-background-500);
-  --ctr-editor-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-button-group-item-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-border-color: var(--sjs-border-25);
-  --ctr-radio-button-border-width: var(--sjs-stroke-x1);
-  --ctr-checkbox-background-color: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-border-color: var(--sjs-border-25);
-  --ctr-checkbox-border-width: var(--sjs-stroke-x1);
-  --ctr-checkbox-button-check-mark-color: var(--sjs-primary-background-500);
-  --ctr-radio-button-button-dot-color-default: var(--sjs-primary-background-500);
-  --ctr-radio-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-radio-button-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-radio-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-radio-button-background-color-disabled: var(--sjs-layer-3-background-500);
-  --ctr-radio-button-button-dot-color-disabled: var(--sjs-border-25);
-  --ctr-checkbox-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-checkbox-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-checkbox-button-check-mark-color-disabled: var(--sjs-border-25);
-  --ctr-checkbox-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-checkbox-background-color-disabled: var(--sjs-layer-3-background-500);
-  --ctr-list-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-list-padding-top: var(--sjs-spacing-x1);
-  --ctr-list-border-color: var(--sjs-border-25);
-  --ctr-actionbar-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-popup-menu-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-button-contextual-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-button-group-item-background-color-disabled: var(--sjs-layer-3-background-500);
-  --ctr-radio-button-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-border-color-selected: var(--sjs-border-25);
-  --ctr-radio-button-background-color-focused: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-background-color-selected-hovered: var(--sjs-layer-3-background-500);
-  --ctr-radio-button-background-color-selected-focused: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-focused: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-selected-hovered: var(--sjs-layer-3-background-500);
-  --ctr-checkbox-background-color-selected-focused: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-border-color-selected: var(--sjs-border-25);
-  --ctr-radio-button-border-color-disabled: var(--sjs-border-25);
-  --ctr-checkbox-border-color-disabled: var(--sjs-border-25);
-  --ctr-button-group-background-color: var(--sjs-layer-1-background-500);
-  --ctr-button-group-border-color: var(--sjs-border-25);
-  --ctr-button-group-item-border-width-selected: var(--sjs-stroke-x1);
-  --ctr-button-group-item-padding-horizontal: var(--sjs-spacing-x2);
-  --ctr-button-group-item-padding-vertical: var(--sjs-spacing-x150);
-  --ctr-button-group-background-color-disabled: var(--sjs-layer-1-background-500);
-  --ctr-button-group-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-button-group-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-button-group-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-page-background-color-selected: var(--sjs-secondary-background-10);
-  --ctr-surface-background-color: var(--sjs-layer-3-background-500);
-  --ctr-survey-question-panel-toolbar-item-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-popup-background-color: var(--sjs-layer-2-background-500);
-  --ctr-popup-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-shadow-large-color: var(--sjs-special-glow);
-  --ctr-shadow-medium-color: var(--sjs-special-glow);
-  --ctr-button-padding-horizontal: var(--sjs-spacing-x6);
-  --ctr-button-padding-vertical: var(--sjs-spacing-x2);
-  --ctr-button-contextual-button-margin-horizontal: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-margin-vertical: var(--sjs-spacing-x1);
-  --ctr-button-padding-horizontal-small: var(--sjs-spacing-x4);
-  --ctr-button-padding-vertical-small: var(--sjs-spacing-x150);
-  --ctr-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-button-corner-radius-small: var(--sjs-corner-radius-x05);
-  --ctr-list-item-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-icon-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-list-item-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-editor-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-survey-page-toolbar-item-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-survey-page-toolbar-item-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-list-search-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-caption-with-actions-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-label-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-label-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-caption-with-actions-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-radio-button-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-checkbox-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-button-group-item-background-color-selected-disabled: var(--sjs-layer-3-background-500);
-  --ctr-button-group-item-border-width-selected-disabled: var(--sjs-stroke-x1);
-  --ctr-popup-haze-background-color: var(--sjs-special-haze);
-  --ctr-shadow-small-color: var(--sjs-special-shadow);
-  --ctr-shadow-x-large-color: var(--sjs-special-glow);
-  --ctr-actionbar-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-actionbar-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-selected: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-with-text: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-with-text-hovered: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-with-text-disabled: var(--sjs-layer-3-foreground-50);
-  --ctr-list-item-submenu-arrow-color: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-submenu-arrow-color-selected-item: var(--sjs-primary-foreground-100);
-  --ctr-page-navigator-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-page-navigator-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-list-border-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-tabs-padding-left: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-background-color: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-tabs-border-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-tabs-border-color: var(--sjs-border-25);
-  --ctr-property-grid-tabs-separator-margin: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-gap: var(--sjs-spacing-x150);
-  --ctr-property-grid-border-color: var(--sjs-border-25);
-  --ctr-property-grid-border-width-left: var(--sjs-stroke-x1);
-  --ctr-property-grid-placeholder-padding-left: var(--sjs-spacing-x6);
-  --ctr-property-grid-placeholder-padding-top: var(--sjs-spacing-x12);
-  --ctr-property-grid-placeholder-image-margin-top: var(--sjs-spacing-x3);
-  --ctr-property-grid-placeholder-text-gap: var(--sjs-spacing-x1);
-  --ctr-property-grid-placeholder-text-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-property-grid-placeholder-text-description-color: var(--sjs-layer-3-foreground-50);
-  --ctr-surface-placeholder-padding-left: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-padding-bottom: var(--sjs-spacing-x16);
-  --ctr-surface-placeholder-text-margin-top: var(--sjs-spacing-x4);
-  --ctr-surface-placeholder-text-margin-bottom: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-text-gap: var(--sjs-spacing-x1);
-  --ctr-surface-placeholder-max-width: var(--sjs-size-x90);
-  --ctr-surface-placeholder-padding-top: var(--sjs-spacing-x4);
-  --ctr-surface-placeholder-padding-right: var(--sjs-spacing-x6);
-  --ctr-toolbox-group-header-margin-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-tabs-padding-right: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-padding-top: var(--sjs-spacing-x150);
-  --ctr-property-grid-placeholder-padding-right: var(--sjs-spacing-x6);
-  --ctr-editor-content-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-label-color: var(--sjs-layer-1-foreground-50);
-  --ctr-editor-content-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-editor-content-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-editor-button-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-label-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-content-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-content-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-button-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-radio-button-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-checkbox-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-checkbox-description-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-checkbox-description-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-actionbar-button-gap: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-left-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-right-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-top-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-bottom-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-text-color: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-actionbar-button-padding-left-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-right-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-top-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-bottom-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-left-medium-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-right-medium-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-top-medium-text: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-bottom-medium-text: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-actionbar-button-border-color-selected: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-border-width-selected: var(--sjs-stroke-x2);
-  --ctr-list-item-gap: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-left-large-icon-text: var(--sjs-spacing-x150);
-  --ctr-actionbar-button-padding-right-large-icon-text: var(--sjs-spacing-x2);
-  --ctr-list-item-padding-left: var(--sjs-spacing-x2);
-  --ctr-list-item-padding-right: var(--sjs-spacing-x8);
-  --ctr-list-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-list-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-list-item-padding-right-submenu: var(--sjs-spacing-x1);
-  --ctr-list-item-padding-left-second-level: var(--sjs-spacing-x4);
-  --ctr-list-item-padding-bottom-with-icon: var(--sjs-spacing-x150);
-  --ctr-list-item-padding-top-with-icon: var(--sjs-spacing-x150);
-  --ctr-list-item-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-list-item-background-color-selected: var(--sjs-primary-background-500);
-  --ctr-list-item-text-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-list-item-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-text-color-hovered: var(--sjs-layer-3-foreground-100);
-  --ctr-list-item-submenu-arrow-color-hovered-item: var(--sjs-layer-3-foreground-50);
-  --ctr-list-item-icon-color-hovered: var(--sjs-layer-3-foreground-50);
-  --ctr-list-item-contextual-buttons-color: var(--sjs-layer-3-foreground-50);
-  --ctr-list-item-contextual-buttons-color-hovered: var(--sjs-primary-background-500);
-  --ctr-list-item-contextual-buttons-color-danger-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-list-item-contextual-buttons-color-selected-item: var(--sjs-primary-foreground-100);
-  --ctr-list-item-contextual-buttons-padding: var(--sjs-spacing-x05);
-  --ctr-list-item-submenu-arrow-padding: var(--sjs-spacing-x05);
-  --ctr-list-item-contextual-buttons-gap: var(--sjs-spacing-x1);
-  --ctr-list-item-color-swatch-color-primary: var(--sjs-primary-background-500);
-  --ctr-list-item-color-swatch-corner-radius: var(--sjs-corner-radius-x0375);
-  --ctr-list-item-color-swatch-width: var(--sjs-font-size-x4);
-  --ctr-list-item-color-swatch-height: var(--sjs-font-size-x3);
-  --ctr-list-item-color-swatch-border-color: var(--sjs-border-25-overlay);
-  --ctr-list-item-color-swatch-border-width: var(--sjs-stroke-x1);
-  --ctr-list-item-color-swatch-border-color-selected-item: var(--sjs-primary-foreground-100);
-  --ctr-list-background-color: var(--sjs-layer-1-background-500);
-  --ctr-editor-color-swatch-background-color-primary: var(--sjs-primary-background-500);
-  --ctr-editor-color-swatch-corner-radius: var(--sjs-corner-radius-x0375);
-  --ctr-editor-color-swatch-border-color: var(--sjs-border-25-overlay);
-  --ctr-editor-color-swatch-border-width: var(--sjs-stroke-x1);
-  --ctr-editor-color-swatch-padding-horizontal: var(--sjs-font-size-x1);
-  --ctr-editor-color-swatch-padding-vertical: var(--sjs-font-size-x05);
-  --ctr-editor-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-editor-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-editor-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-editor-button-gap: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-icon-width-small: var(--sjs-font-size-x2);
-  --ctr-actionbar-button-icon-height-small: var(--sjs-font-size-x2);
-  --ctr-actionbar-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-actionbar-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-actionbar-button-drop-down-arrow-width: var(--sjs-font-size-x2);
-  --ctr-actionbar-button-drop-down-arrow-height: var(--sjs-font-size-x2);
-  --ctr-list-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-list-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-list-item-submenu-arrow-width: var(--sjs-font-size-x2);
-  --ctr-list-item-submenu-arrow-height: var(--sjs-font-size-x2);
-  --ctr-editor-color-swatch-icon-width: var(--sjs-font-size-x2);
-  --ctr-editor-color-swatch-icon-height: var(--sjs-font-size-x2);
-  --ctr-editor-content-icon-width: var(--sjs-font-size-x3);
-  --ctr-editor-content-icon-height: var(--sjs-font-size-x3);
-  --ctr-editor-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-editor-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-radio-button-button-width: var(--sjs-font-size-x3);
-  --ctr-radio-button-button-height: var(--sjs-font-size-x3);
-  --ctr-radio-button-button-dot-width: var(--sjs-size-x1);
-  --ctr-radio-button-button-dot-height: var(--sjs-size-x1);
-  --ctr-checkbox-button-width: var(--sjs-font-size-x3);
-  --ctr-checkbox-button-height: var(--sjs-font-size-x3);
-  --ctr-checkbox-link-color: var(--sjs-primary-background-500);
-  --ctr-button-group-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-button-group-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-menu-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-menu-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-menu-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-item-padding-left: var(--sjs-spacing-x3);
-  --ctr-menu-item-gap: var(--sjs-spacing-x1);
-  --ctr-menu-item-background-color: var(--sjs-layer-1-background-500);
-  --ctr-menu-item-border-color-selected: var(--sjs-primary-background-500);
-  --ctr-menu-item-border-width-bottom-selected: var(--sjs-stroke-x2);
-  --ctr-menu-item-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-menu-background-color: var(--sjs-layer-1-background-500);
-  --ctr-menu-toolbar-button-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-toolbar-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-menu-toolbar-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-menu-toolbar-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-gap: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-text-gap: var(--sjs-spacing-x05);
-  --ctr-menu-toolbar-button-text-color-secondary: var(--sjs-layer-1-foreground-50);
-  --ctr-menu-toolbar-button-text-color-selected: var(--sjs-primary-background-500);
-  --ctr-menu-toolbar-button-text-color-secondary-pressed: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-toolbar-button-text-color-secondary-selected: var(--sjs-primary-background-500);
-  --ctr-menu-toolbar-button-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-menu-toolbar-button-background-color-pressed: var(--sjs-layer-3-background-500);
-  --ctr-menu-toolbar-button-text-color-secondary-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-toolbox-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-toolbox-item-background-color-hovered: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-padding-left: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-padding-right: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-gap: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-toolbox-item-padding-right-no-text: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-padding-left-rtl: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-padding-right-rtl: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-border-color-floating: var(--sjs-secondary-background-500);
-  --ctr-toolbox-item-border-width-floating: var(--sjs-stroke-x2);
-  --ctr-toolbox-button-icon-color-pressed: var(--sjs-primary-background-500);
-  --ctr-toolbox-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-toolbox-button-background-color-pressed: var(--sjs-primary-background-10);
-  --ctr-page-navigator-item-dot-radius-small: var(--sjs-font-size-x075);
-  --ctr-page-navigator-item-dot-radius-large: var(--sjs-font-size-x1);
-  --ctr-page-navigator-item-dot-border-width-selected: var(--sjs-stroke-x2);
-  --ctr-page-navigator-item-dot-border-color-selected: var(--sjs-primary-background-500);
-  --ctr-page-navigator-item-dot-color-hovered: var(--sjs-primary-background-500);
-  --ctr-page-navigator-item-dot-color-default: var(--sjs-border-25);
-  --ctr-page-navigator-item-dot-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-page-navigator-item-dot-container-width: var(--sjs-font-size-x250);
-  --ctr-page-navigator-item-dot-container-height: var(--sjs-font-size-x250);
-  --ctr-page-navigator-item-background-color-hovered: var(--sjs-layer-1-background-500);
-  --ctr-page-navigator-item-text-color-hovered: var(--sjs-layer-1-foreground-100);
-  --ctr-page-navigator-item-padding-left-hovered: var(--sjs-spacing-x2);
-  --ctr-page-navigator-item-padding-right: var(--sjs-spacing-x150);
-  --ctr-page-navigator-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-page-navigator-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-page-navigator-item-gap: var(--sjs-spacing-x1);
-  --ctr-page-navigator-item-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-page-navigator-item-padding-left: var(--sjs-spacing-x150);
-  --ctr-page-navigator-button-padding: var(--sjs-spacing-x125);
-  --ctr-page-navigator-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-page-navigator-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-page-navigator-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-page-navigator-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-page-navigator-button-background-color-pressed: var(--sjs-primary-background-10);
-  --ctr-page-navigator-button-icon-color-pressed: var(--sjs-primary-background-500);
-  --ctr-popup-menu-background-color: var(--sjs-layer-1-background-500);
-  --ctr-popup-menu-pointer-width: var(--sjs-size-x2);
-  --ctr-popup-menu-pointer-height: var(--sjs-size-x1);
-  --ctr-popup-menu-pointer-color: var(--sjs-layer-1-background-500);
-  --ctr-popup-menu-pointer-margin: var(--sjs-spacing-x4);
-  --ctr-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-button-text-color: var(--sjs-primary-background-500);
-  --ctr-button-gap: var(--sjs-spacing-x4);
-  --ctr-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-button-background-color-danger: var(--sjs-semantic-red-background-500);
-  --ctr-button-background-color-danger-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-button-background-color-cta: var(--sjs-primary-background-500);
-  --ctr-button-background-color-cta-hovered: var(--sjs-primary-background-400);
-  --ctr-button-text-color-danger: var(--sjs-semantic-red-foreground-100);
-  --ctr-button-text-color-cta: var(--sjs-primary-foreground-100);
-  --ctr-button-text-color-danger-focused: var(--sjs-semantic-red-background-500);
-  --ctr-button-border-color-danger-focused: var(--sjs-semantic-red-background-500);
-  --ctr-collapse-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-collapse-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-collapse-button-padding: var(--sjs-spacing-x150);
-  --ctr-collapse-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-collapse-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-collapse-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-collapse-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-property-grid-switcher-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-property-grid-switcher-gap: var(--sjs-spacing-x1);
-  --ctr-property-grid-switcher-toggle-button-background-color: var(--sjs-layer-3-background-500);
-  --ctr-property-grid-switcher-toggle-button-border-color: var(--sjs-border-25);
-  --ctr-property-grid-switcher-toggle-button-border-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-switcher-toggle-button-padding-left: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-switcher-toggle-button-padding-top: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-thumb-color: var(--sjs-layer-3-foreground-50);
-  --ctr-property-grid-switcher-toggle-button-thumb-width: var(--sjs-size-x1);
-  --ctr-property-grid-switcher-toggle-button-thumb-height: var(--sjs-size-x1);
-  --ctr-property-grid-switcher-toggle-button-thumb-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-property-grid-switcher-toggle-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-property-grid-switcher-toggle-button-background-color-hovered: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-switcher-toggle-button-background-color-checked: var(--sjs-primary-background-500);
-  --ctr-property-grid-switcher-toggle-button-background-color-checked-focused: var(--sjs-primary-foreground-100);
-  --ctr-property-grid-switcher-toggle-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-property-grid-switcher-toggle-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-property-grid-switcher-toggle-button-thumb-color-checked: var(--sjs-primary-foreground-100);
-  --ctr-property-grid-switcher-toggle-button-thumb-color-checked-focused: var(--sjs-primary-background-500);
-  --ctr-property-grid-switcher-toggle-button-padding-left-checked: var(--sjs-spacing-x2);
-  --ctr-property-grid-switcher-toggle-button-padding-right-checked: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-thumb-color-focused: var(--sjs-primary-background-500);
-  --ctr-property-grid-chapter-caption-background-color: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-chapter-caption-padding-left: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-chapter-caption-border-color: var(--sjs-border-25);
-  --ctr-property-grid-chapter-caption-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-property-grid-chapter-caption-text-color-selected: var(--sjs-layer-1-foreground-100);
-  --ctr-property-grid-chapter-caption-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-property-grid-chapter-caption-background-color-focused: var(--sjs-layer-3-background-500);
-  --ctr-property-grid-chapter-caption-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-expression-item-padding-left: var(--sjs-spacing-x2);
-  --ctr-expression-item-background-color-parameter: var(--sjs-semantic-blue-background-10);
-  --ctr-expression-item-padding-right: var(--sjs-spacing-x2);
-  --ctr-expression-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-expression-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-expression-item-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-expression-item-text-color-parameter: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-background-color-parameter-hovered: var(--sjs-semantic-blue-background-500);
-  --ctr-expression-item-background-color-parameter-editing: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-parameter-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-border-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-border-width: var(--sjs-stroke-x2);
-  --ctr-expression-item-text-color-parameter-hovered: var(--sjs-semantic-blue-foreground-100);
-  --ctr-expression-item-text-color-parameter-editing: var(--sjs-layer-1-foreground-100);
-  --ctr-expression-item-text-color-parameter-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-parameter-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-operator-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-operator: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-text-color-operator-hovered: var(--sjs-semantic-yellow-foreground-100);
-  --ctr-expression-item-text-color-operator-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-conjunction: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-text-color-conjunction-hovered: var(--sjs-semantic-yellow-foreground-100);
-  --ctr-expression-item-text-color-conjunction-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-conjunction-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-action: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-text-color-action-hovered: var(--sjs-semantic-red-foreground-100);
-  --ctr-expression-item-text-color-action-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-action-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-button: var(--sjs-primary-background-500);
-  --ctr-expression-item-text-color-button-hovered: var(--sjs-primary-foreground-100);
-  --ctr-expression-item-background-color-operator: var(--sjs-semantic-yellow-background-10);
-  --ctr-expression-item-background-color-operator-hovered: var(--sjs-semantic-yellow-background-500);
-  --ctr-expression-item-background-color-operator-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-conjunction: var(--sjs-semantic-yellow-background-10);
-  --ctr-expression-item-background-color-conjunction-hovered: var(--sjs-semantic-yellow-background-500);
-  --ctr-expression-item-background-color-conjunction-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-action: var(--sjs-semantic-red-background-10);
-  --ctr-expression-item-background-color-action-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-background-color-action-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-button: var(--sjs-primary-background-10);
-  --ctr-expression-item-background-color-button-hovered: var(--sjs-primary-background-500);
-  --ctr-expression-item-border-color-editing: var(--sjs-semantic-blue-background-500);
-  --ctr-expression-item-text-color-function: var(--sjs-layer-3-foreground-100);
-  --ctr-data-table-background-color: var(--sjs-layer-3-background-500);
-  --ctr-data-table-border-color: var(--sjs-border-25);
-  --ctr-data-table-border-width: var(--sjs-stroke-x1);
-  --ctr-separator-width: var(--sjs-stroke-x1);
-  --ctr-separator-color: var(--sjs-border-25);
-  --ctr-separator-margin-vertical-small: var(--sjs-spacing-x1);
-  --ctr-separator-margin-horizontal-small: var(--sjs-spacing-x1);
-  --ctr-separator-margin-vertical-medium: var(--sjs-spacing-x2);
-  --ctr-separator-margin-horizontal-medium: var(--sjs-spacing-x2);
-  --ctr-popup-padding-left: var(--sjs-spacing-x4);
-  --ctr-popup-padding-right: var(--sjs-spacing-x4);
-  --ctr-popup-padding-top: var(--sjs-spacing-x4);
-  --ctr-popup-padding-bottom: var(--sjs-spacing-x4);
-  --ctr-popup-gap: var(--sjs-spacing-x4);
-  --ctr-popup-title-color: var(--sjs-layer-2-foreground-100);
-  --ctr-popup-message-color: var(--sjs-layer-2-foreground-100);
-  --ctr-popup-title-margin-bottom: var(--sjs-spacing-x2);
-  --ctr-popup-buttons-gap: var(--sjs-spacing-x2);
-  --ctr-popup-margin-left: var(--sjs-spacing-x4);
-  --ctr-popup-margin-right: var(--sjs-spacing-x4);
-  --ctr-popup-margin-top: var(--sjs-spacing-x4);
-  --ctr-popup-margin-bottom: var(--sjs-spacing-x8);
-  --ctr-popup-description-color: var(--sjs-layer-2-foreground-50);
-  --ctr-popup-margin-top-mobile: var(--sjs-spacing-x2);
-  --ctr-popup-padding-left-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-padding-right-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-padding-top-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-padding-bottom-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-corner-radius-mobile: var(--sjs-corner-radius-x2);
-  --ctr-popup-gap-mobile: var(--sjs-spacing-x3);
-  --ctr-toolbox-group-header-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-border-color: var(--sjs-border-25);
-  --ctr-toolbox-group-header-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-toolbox-group-header-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-toolbox-group-header-expand-button-width: var(--sjs-font-size-x3);
-  --ctr-toolbox-group-header-expand-button-height: var(--sjs-font-size-x3);
-  --ctr-notification-background-color: var(--sjs-layer-1-background-500);
-  --ctr-notification-padding-left: var(--sjs-spacing-x2);
-  --ctr-notification-padding-right: var(--sjs-spacing-x2);
-  --ctr-notification-padding-top: var(--sjs-spacing-x1);
-  --ctr-notification-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-notification-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-notification-corder-radius: var(--sjs-corner-radius-x05);
-  --ctr-notification-text-color-error: var(--sjs-semantic-red-foreground-100);
-  --ctr-notification-background-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-string-table-row-padding-left: var(--sjs-spacing-x3);
-  --ctr-string-table-row-padding-right: var(--sjs-spacing-x3);
-  --ctr-string-table-row-padding-top: var(--sjs-spacing-x1);
-  --ctr-string-table-row-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-string-table-row-gap: var(--sjs-spacing-x4);
-  --ctr-string-table-row-background-color: var(--sjs-layer-1-background-500);
-  --ctr-string-table-row-border-color: var(--sjs-border-10);
-  --ctr-string-table-row-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-string-table-row-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-row-text-color-title: var(--sjs-layer-1-foreground-100);
-  --ctr-string-table-row-expand-button-icon-width: var(--sjs-font-size-x2);
-  --ctr-string-table-row-expand-button-icon-height: var(--sjs-font-size-x2);
-  --ctr-string-table-row-expand-button-margin-right: var(--sjs-spacing-x1);
-  --ctr-string-table-row-expand-button-icon-color-default: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-header-background-color: var(--sjs-layer-3-background-500);
-  --ctr-string-table-header-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-string-table-group-header-background-color: var(--sjs-layer-2-background-500);
-  --ctr-string-table-group-header-text-color: var(--sjs-layer-2-foreground-50);
-  --ctr-string-table-row-margin-small: var(--sjs-spacing-x3);
-  --ctr-string-table-row-margin-medium: var(--sjs-spacing-x6);
-  --ctr-string-table-row-margin-large: var(--sjs-spacing-x9);
-  --ctr-text-decor-background-color-editing: var(--sjs-layer-1-background-500);
-  --ctr-text-decor-background-color-code: var(--sjs-secondary-background-10);
-  --ctr-text-decor-border-color: var(--sjs-border-25);
-  --ctr-text-decor-border-color-editing: var(--sjs-primary-background-500);
-  --ctr-text-decor-border-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-text-decor-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-text-decor-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-text-decor-text-color-limitation: var(--sjs-layer-1-foreground-50);
-  --ctr-text-decor-text-color-code: var(--sjs-layer-3-foreground-100);
-  --ctr-text-decor-border-width: var(--lbr-stroke-x2);
-  --ctr-text-decor-border-width-code: var(--lbr-stroke-x1);
-  --ctr-text-decor-padding-left: var(--lbr-spacing-x05);
-  --ctr-text-decor-padding-right: var(--lbr-spacing-x05);
-  --ctr-text-decor-padding-left-editing: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-right-editing: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-top-editing: var(--lbr-spacing-x05);
-  --ctr-text-decor-padding-bottom-editing: var(--lbr-spacing-x05);
-  --ctr-text-decor-gap: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-left-limitation: var(--lbr-spacing-x025);
-  --ctr-text-decor-padding-right-limitation: var(--lbr-spacing-x025);
-  --ctr-text-decor-corner-radius: var(--lbr-corner-radius-x0375);
-  --ctr-text-decor-border-color-code: var(--sjs-secondary-background-25);
-  --ctr-menu-border-color: var(--sjs-border-25);
-  --ctr-menu-border-width: var(--sjs-stroke-x1);
-  --ctr-menu-toolbar-gap: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-padding-horizontal: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-padding-vertical: var(--sjs-spacing-x150);
-  --ctr-menu-toolbar-padding-vertical-mobile: var(--sjs-spacing-x05);
-  --ctr-menu-toolbar-separator-height: var(--sjs-size-x3);
-  --ctr-popup-menu-footer-padding-top: var(--sjs-spacing-x05);
-  --ctr-popup-menu-footer-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-popup-menu-footer-background-color: var(--sjs-layer-3-background-500);
-  --ctr-popup-menu-footer-border-color: var(--sjs-border-25);
-  --ctr-popup-menu-footer-border-width-top: var(--sjs-stroke-x1);
-  --ctr-property-grid-header-background-color: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-header-padding-left: var(--sjs-spacing-x2);
-  --ctr-property-grid-header-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-header-padding-top: var(--sjs-spacing-x150);
-  --ctr-property-grid-header-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-property-grid-header-border-color: var(--sjs-primary-background-500);
-  --ctr-property-grid-header-border-width-bottom: var(--sjs-stroke-x2);
-  --ctr-caption-with-actions-padding-right: var(--sjs-spacing-x05);
-  --ctr-caption-with-actions-description-button-margin-left: var(--sjs-spacing-x05);
-  --ctr-caption-with-actions-description-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-caption-with-actions-description-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-caption-with-actions-description-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-data-table-cell-padding-left: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-padding-right: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-padding-top: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-drop-down-arrow-color: var(--sjs-layer-1-foreground-50);
-  --ctr-data-table-cell-drop-down-arrow-width: var(--sjs-font-size-x3);
-  --ctr-data-table-cell-drop-down-arrow-height: var(--sjs-font-size-x3);
-  --ctr-data-table-cell-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-data-table-cell-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-text-color-header: var(--sjs-layer-2-foreground-50);
-  --ctr-data-table-cell-drop-down-arrow-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-data-table-cell-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-data-table-cell-corner-radius-focused: var(--sjs-corner-radius-x05);
-  --ctr-data-table-row-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-row-background-color-header: var(--sjs-layer-2-background-500);
-  --ctr-data-table-row-border-color: var(--sjs-border-25);
-  --ctr-data-table-row-border-width: var(--sjs-stroke-x1);
-  --ctr-data-table-row-padding-top: var(--sjs-spacing-x05);
-  --ctr-data-table-row-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-data-table-row-padding-right: var(--sjs-spacing-x05);
-  --ctr-data-table-row-drag-area-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-data-table-row-drag-area-icon-width: var(--sjs-font-size-x3);
-  --ctr-data-table-row-drag-area-icon-height: var(--sjs-font-size-x3);
-  --ctr-data-table-row-drag-area-padding-left: var(--sjs-spacing-x1);
-  --ctr-data-table-row-drag-area-padding-right: var(--sjs-spacing-x1);
-  --ctr-data-table-row-drag-area-padding-top: var(--sjs-spacing-x1);
-  --ctr-data-table-row-drag-area-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-data-table-row-padding-left-header: var(--sjs-spacing-x5);
-  --ctr-data-table-row-padding-right-header: var(--sjs-spacing-x05);
-  --ctr-data-table-row-padding-top-header: var(--sjs-spacing-x1);
-  --ctr-data-table-row-padding-bottom-header: var(--sjs-spacing-x1);
-  --ctr-data-table-row-padding-left-no-drag: var(--sjs-spacing-x1);
-  --ctr-data-table-row-background-color-drop-spot: var(--sjs-layer-3-background-500);
-  --ctr-string-table-row-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-string-table-title-background-color: var(--sjs-layer-1-background-500);
-  --ctr-string-table-title-border-color: var(--sjs-border-10);
-  --ctr-string-table-title-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-string-table-title-padding-left: var(--sjs-spacing-x3);
-  --ctr-string-table-title-padding-right: var(--sjs-spacing-x3);
-  --ctr-string-table-title-padding-top: var(--sjs-spacing-x2);
-  --ctr-string-table-title-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-string-table-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-string-table-title-actionbar-gap: var(--sjs-spacing-x1);
-  --ctr-string-table-title-caption-color: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-title-caption-padding-vert: var(--sjs-spacing-x1);
-  --ctr-string-table-title-padding-left-actions: var(--sjs-spacing-x2);
-  --ctr-string-table-title-padding-right-actions: var(--sjs-spacing-x2);
-  --ctr-error-message-background-color: var(--sjs-semantic-red-background-10);
-  --ctr-error-message-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-error-message-gap: var(--sjs-spacing-x1);
-  --ctr-error-message-padding-left: var(--sjs-spacing-x150);
-  --ctr-error-message-padding-right: var(--sjs-spacing-x150);
-  --ctr-error-message-padding-top: var(--sjs-spacing-x1);
-  --ctr-error-message-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-error-message-icon-width: var(--sjs-font-size-x3);
-  --ctr-error-message-icon-height: var(--sjs-font-size-x3);
-  --ctr-error-message-icon-color: var(--sjs-semantic-red-background-500);
-  --ctr-error-message-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-contextual-buttons-width: var(--sjs-font-size-x2);
-  --ctr-list-item-contextual-buttons-height: var(--sjs-font-size-x2);
-  --ctr-toolbox-separator-color: var(--sjs-border-25);
-  --ctr-toolbox-separator-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-separator-height: var(--sjs-stroke-x1);
-  --ctr-toolbox-separator-max-width: var(--sjs-size-x9);
-  --ctr-toolbox-separator-padding-left: var(--sjs-spacing-x2);
-  --ctr-toolbox-separator-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-separator-padding-right: var(--sjs-spacing-x2);
-  --ctr-toolbox-gap: var(--sjs-spacing-x05);
-  --ctr-toolbox-padding-top: var(--sjs-spacing-x150);
-  --ctr-toolbox-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-toolbox-group-gap: var(--sjs-spacing-x05);
-  --ctr-toolbox-group-padding-left: var(--sjs-spacing-x150);
-  --ctr-toolbox-group-padding-right: var(--sjs-spacing-x150);
-  --ctr-button-contextual-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-button-contextual-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-button-contextual-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-button-contextual-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-button-contextual-button-background-color-focused: var(--sjs-primary-background-10);
-  --lbr-contextual-button-background-color: var(--sjs-layer-1-background-500);
-  --lbr-contextual-button-width: var(--lbr-size-x6);
-  --lbr-contextual-button-height: var(--lbr-size-x6);
-  --lbr-contextual-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-contextual-button-padding-left: var(--lbr-spacing-x150);
-  --lbr-contextual-button-padding-right: var(--lbr-spacing-x150);
-  --lbr-contextual-button-padding-top: var(--lbr-spacing-x150);
-  --lbr-contextual-button-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-contextual-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-contextual-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --lbr-contextual-button-border-width: var(--lbr-stroke-x1);
-  --lbr-contextual-button-border-color: var(--sjs-border-25);
-  --lbr-contextual-button-border-color-hovered-positive: var(--sjs-primary-background-500);
-  --lbr-contextual-button-width-small: var(--lbr-size-x4);
-  --lbr-contextual-button-height-small: var(--lbr-size-x4);
-  --lbr-contextual-button-padding-left-small: var(--lbr-spacing-x1);
-  --lbr-contextual-button-padding-right-small: var(--lbr-spacing-x1);
-  --lbr-contextual-button-padding-top-small: var(--lbr-spacing-x1);
-  --lbr-contextual-button-padding-bottom-small: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-gap: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-left: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-right: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-survey-question-panel-toolbar-item-icon-container-width: var(--lbr-size-x3);
-  --ctr-survey-question-panel-toolbar-item-icon-container-height: var(--lbr-size-x3);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-left: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-right: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-color: var(--sjs-secondary-background-500);
-  --ctr-survey-question-panel-toolbar-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-question-panel-toolbar-item-background-color-selected: var(--sjs-secondary-background-10);
-  --ctr-survey-question-panel-toolbar-item-icon-color-pressed: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-page-toolbar-item-icon-color-pressed: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-page-toolbar-item-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-survey-question-panel-toolbar-item-padding-left-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-padding-right-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-padding-top-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-padding-bottom-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-page-toolbar-item-background-color-selected: var(--sjs-secondary-background-10);
-  --ctr-survey-question-panel-drag-area-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-padding-top: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-drag-indicator-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-question-panel-drag-area-drag-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-question-panel-drag-area-drag-indicator-height: var(--lbr-size-x2);
-  --ctr-survey-question-panel-drag-area-expand-button-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-question-panel-drag-area-padding-top-mobile: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-drag-area-padding-bottom-mobile: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-drag-area-padding-top-with-buttons: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-drag-area-padding-bottom-with-buttons: var(--lbr-spacing-x05);
-  --ctr-preview-pager-background-color: var(--sjs-layer-1-background-500);
-  --ctr-preview-pager-border-color: var(--sjs-border-25);
-  --ctr-preview-pager-border-width-top: var(--sjs-stroke-x1);
-  --ctr-preview-pager-padding-top: var(--sjs-spacing-x1);
-  --ctr-preview-pager-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-preview-pager-gap: var(--sjs-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-code-viewer-code-error-row-background-color: var(--sjs-semantic-red-background-10);
-  --ctr-code-viewer-code-error-row-border-color: var(--sjs-border-25);
-  --ctr-code-viewer-code-error-row-border-width-top: var(--sjs-stroke-x1);
-  --ctr-code-viewer-code-error-row-padding-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-code-error-row-padding-right: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-padding-top: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-gap: var(--sjs-spacing-x2);
-  --ctr-code-viewer-code-error-row-icon-width: var(--sjs-font-size-x2);
-  --ctr-code-viewer-code-error-row-icon-height: var(--sjs-font-size-x2);
-  --ctr-code-viewer-code-error-row-icon-color: var(--sjs-semantic-red-background-500);
-  --ctr-code-viewer-code-error-row-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-code-viewer-code-error-row-fix-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-code-viewer-code-error-row-fix-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-fix-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-fix-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-code-viewer-code-error-row-fix-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-code-viewer-code-error-row-fix-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-code-viewer-code-error-row-fix-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-code-viewer-code-error-row-fix-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-code-viewer-background-color: var(--sjs-layer-1-background-500);
-  --ctr-code-viewer-title-margin-bottom: var(--sjs-spacing-x2);
-  --ctr-code-viewer-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-code-viewer-padding-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-padding-right: var(--sjs-spacing-x2);
-  --ctr-code-viewer-padding-top: var(--sjs-spacing-x2);
-  --ctr-code-viewer-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-code-viewer-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-code-viewer-text-color: var(--sjs-code-gray-300);
-  --ctr-code-viewer-text-margin-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-text-margin-right: var(--sjs-spacing-x2);
-  --ctr-code-viewer-text-margin-top: var(--sjs-spacing-x1);
-  --ctr-code-viewer-text-margin-bottom: var(--sjs-spacing-x1);
-  --ctr-code-viewer-line-number-panel-background-color: var(--sjs-layer-3-background-500);
-  --ctr-code-viewer-line-number-panel-width: var(--sjs-size-x8);
-  --ctr-code-viewer-line-number-panel-padding-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-line-number-panel-padding-right: var(--sjs-spacing-x2);
-  --ctr-code-viewer-line-number-panel-padding-top: var(--sjs-spacing-x1);
-  --ctr-code-viewer-line-number-panel-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-code-viewer-line-number-panel-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-data-table-cell-smiley-width: var(--sjs-size-x3);
-  --ctr-data-table-cell-smiley-height: var(--sjs-size-x3);
-  --ctr-data-table-cell-smiley-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-data-table-cell-smiley-padding: var(--sjs-spacing-x075);
-  --ctr-data-table-cell-smiley-color: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-smiley-stroke-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-group-caption-padding-left: var(--sjs-spacing-x4);
-  --ctr-property-grid-group-caption-padding-right: var(--sjs-spacing-x4);
-  --ctr-property-grid-group-caption-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-group-caption-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-group-caption-border-color: var(--sjs-border-25);
-  --ctr-property-grid-group-caption-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-group-caption-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-toolbox-group-header-expand-button-color: var(--sjs-layer-3-foreground-50);
-  --lbr-question-panel-background-color: var(--sjs-layer-1-background-500);
-  --ctr-label-padding-top: var(--sjs-spacing-x1);
-  --ctr-label-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-padding-left: var(--sjs-spacing-x05);
-  --ctr-editor-padding-right: var(--sjs-spacing-x05);
-  --ctr-editor-padding-top: var(--sjs-spacing-x05);
-  --ctr-editor-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-editor-gap: var(--sjs-spacing-x05);
-  --ctr-editor-border-width: var(--sjs-stroke-x1);
-  --ctr-editor-content-margin-left: var(--sjs-spacing-x150);
-  --ctr-editor-content-margin-right: var(--sjs-spacing-x150);
-  --ctr-editor-content-margin-top: var(--sjs-spacing-x1);
-  --ctr-editor-content-margin-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-content-gap: var(--sjs-spacing-x1);
-  --ctr-editor-color-swatch-margin-left: var(--sjs-spacing-x150);
-  --ctr-editor-label-padding-left: var(--sjs-spacing-x150);
-  --ctr-editor-label-padding-right: var(--sjs-spacing-x2);
-  --ctr-editor-label-padding-top: var(--sjs-spacing-x1);
-  --ctr-editor-label-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-label-separator-width: var(--sjs-stroke-x1);
-  --ctr-editor-label-separator-color: var(--sjs-border-10);
-  --ctr-editor-limit-label-padding-left: var(--sjs-spacing-x150);
-  --ctr-editor-limit-label-padding-right: var(--sjs-spacing-x150);
-  --ctr-editor-limit-label-padding-top: var(--sjs-spacing-x150);
-  --ctr-editor-limit-label-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-editor-buttons-gap: var(--sjs-spacing-x05);
-  --ctr-editor-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-editor-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-editor-border-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-editor-error-margin: var(--sjs-spacing-x1);
-  --ctr-checkbox-list-gap-vertical: var(--sjs-spacing-x2);
-  --ctr-checkbox-list-gap-horizontal: var(--sjs-spacing-x4);
-  --ctr-surface-placeholder-text-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-surface-placeholder-text-description-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-page-placeholder-border-color: var(--sjs-border-25);
-  --ctr-survey-page-placeholder-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-page-placeholder-padding-left: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-padding-right: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-padding-top: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-padding-bottom: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-page-placeholder-gap: var(--lbr-spacing-x4);
-  --ctr-surface-placeholder-padding-top-completed: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-padding-bottom-completed: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-gap: var(--sjs-spacing-x4);
-  --ctr-data-table-placeholder-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-placeholder-gap: var(--sjs-spacing-x05);
-  --ctr-data-table-placeholder-padding-left: var(--sjs-spacing-x8);
-  --ctr-data-table-placeholder-padding-right: var(--sjs-spacing-x8);
-  --ctr-data-table-placeholder-padding-top: var(--sjs-spacing-x6);
-  --ctr-data-table-placeholder-padding-bottom: var(--sjs-spacing-x6);
-  --ctr-data-table-placeholder-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-placeholder-gap: var(--lbr-spacing-x05);
-  --ctr-survey-placeholder-padding-left: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-padding-right: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-padding-top-with-button: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-padding-bottom-with-button: var(--lbr-spacing-x6);
-  --ctr-survey-placeholder-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-placeholder-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-placeholder-border-color: var(--sjs-border-25);
-  --ctr-survey-placeholder-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-drop-indicator-color: var(--sjs-secondary-background-500);
-  --ctr-survey-drop-indicator-width: var(--lbr-stroke-x2);
-  --ctr-search-background-color: var(--sjs-layer-1-background-500);
-  --ctr-search-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-search-padding-left: var(--sjs-spacing-x2);
-  --ctr-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-search-padding-top: var(--sjs-spacing-x150);
-  --ctr-search-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-search-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-search-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-property-grid-search-background-color: var(--sjs-layer-3-background-500);
-  --ctr-property-grid-search-padding-left: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-property-grid-search-text-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-search-toolbar-gap: var(--sjs-spacing-x05);
-  --ctr-search-text-margin: var(--sjs-spacing-x05);
-  --ctr-property-grid-search-border-color: var(--sjs-border-25);
-  --ctr-property-grid-search-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-search-gap: var(--sjs-spacing-x1);
-  --ctr-search-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-search-button-padding-vertical: var(--sjs-spacing-x05);
-  --ctr-search-button-padding-horizontal: var(--sjs-spacing-x05);
-  --ctr-search-button-background-color-hovered: var(--sjs-layer-3-background-500);
-  --ctr-search-button-icon-width: var(--sjs-font-size-x2);
-  --ctr-search-button-icon-height: var(--sjs-font-size-x2);
-  --ctr-search-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-search-button-icon-color-clear-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-search-button-background-color-clear-hovered: var(--sjs-semantic-red-background-10);
-  --ctr-property-grid-search-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-property-grid-search-button-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-property-grid-search-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-search-count-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-search-count-text-margin-right: var(--sjs-spacing-x1);
-  --ctr-property-grid-search-count-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-scrollbar-background-color: var(--sjs-border-25);
-  --ctr-scrollbar-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-scrollbar-padding-horizontal: var(--sjs-spacing-x05);
-  --ctr-scrollbar-padding-vertical: var(--sjs-spacing-x05);
-  --ctr-scrollbar-width: var(--sjs-size-x150);
-  --ctr-survey-question-panel-toolbar-gap: var(--lbr-spacing-x1);
-  --ctr-survey-info-panel-background-color: var(--sjs-layer-1-background-400);
-  --ctr-survey-info-panel-padding-left: var(--lbr-spacing-x8);
-  --ctr-survey-info-panel-padding-right: var(--lbr-spacing-x8);
-  --ctr-survey-info-panel-padding-top: var(--lbr-spacing-x4);
-  --ctr-survey-info-panel-padding-bottom: var(--lbr-spacing-x4);
-  --ctr-survey-info-panel-corner-radius: var(--lbr-corner-radius-x1);
-  --ctr-survey-info-panel-gap: var(--lbr-spacing-x05);
-  --ctr-survey-info-panel-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-info-panel-padding-bottom-with-button: var(--lbr-spacing-x2);
-  --ctr-survey-info-panel-padding-left-small: var(--lbr-spacing-x3);
-  --ctr-survey-info-panel-padding-right-small: var(--lbr-spacing-x3);
-  --ctr-survey-action-button-padding-left: var(--lbr-spacing-x3);
-  --ctr-survey-action-button-padding-right: var(--lbr-spacing-x3);
-  --ctr-survey-action-button-padding-top: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-gap: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-action-button-icon-width: var(--lbr-size-x3);
-  --ctr-survey-action-button-icon-height: var(--lbr-size-x3);
-  --ctr-survey-action-button-icon-width-small: var(--lbr-size-x2);
-  --ctr-survey-action-button-icon-height-small: var(--lbr-size-x2);
-  --ctr-survey-action-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-action-button-icon-color-positive: var(--sjs-primary-background-500);
-  --ctr-survey-action-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-action-button-text-color-positive: var(--sjs-primary-background-500);
-  --ctr-survey-action-button-text-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-action-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-action-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --ctr-survey-action-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-survey-action-button-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-action-button-padding-left-with-icon: var(--lbr-spacing-x2);
-  --ctr-survey-action-button-padding-left-icon-only: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-padding-right-icon-only: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-contextual-button-width: var(--lbr-size-x6);
-  --ctr-survey-contextual-button-height: var(--lbr-size-x6);
-  --ctr-survey-contextual-button-width-small: var(--lbr-size-x4);
-  --ctr-survey-contextual-button-height-small: var(--lbr-size-x4);
-  --ctr-survey-contextual-button-padding-left: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-left-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-padding-right: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-right-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-padding-top: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-top-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-padding-bottom: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-bottom-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-contextual-button-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-contextual-button-border-color: var(--sjs-border-25);
-  --ctr-survey-contextual-button-border-color-hovered-positive: var(--sjs-primary-background-500);
-  --ctr-survey-contextual-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-contextual-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --lbr-contextual-button-width-large: var(--lbr-size-x8);
-  --lbr-contextual-button-height-large: var(--lbr-size-x8);
-  --lbr-contextual-button-padding-left-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-padding-right-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-padding-top-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-padding-bottom-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-background-color-camera: var(--sjs-semantic-red-background-500);
-  --lbr-contextual-button-icon-color-camera: var(--sjs-semantic-red-foreground-100);
-  --lbr-contextual-button-border-width-hovered-camera: var(--lbr-stroke-x2);
-  --lbr-contextual-button-border-color-hovered-camera: var(--sjs-semantic-red-background-500);
-  --lbr-action-button-padding-left: var(--lbr-spacing-x3);
-  --lbr-action-button-padding-left-icon-only: var(--lbr-spacing-x1);
-  --lbr-action-button-padding-left-with-icon: var(--lbr-spacing-x2);
-  --lbr-action-button-padding-right: var(--lbr-spacing-x3);
-  --lbr-action-button-padding-right-icon-only: var(--lbr-spacing-x1);
-  --lbr-action-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-action-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-action-button-gap: var(--lbr-spacing-x1);
-  --lbr-action-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-action-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-action-button-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-action-button-icon-color-positive: var(--sjs-primary-background-500);
-  --lbr-action-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --lbr-action-button-text-color-positive: var(--sjs-primary-background-500);
-  --lbr-action-button-text-color-negative: var(--sjs-semantic-red-background-500);
-  --lbr-action-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-action-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --lbr-action-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-survey-placeholder-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-survey-placeholder-border-color-hovered: var(--sjs-primary-background-500);
-  --ctr-survey-placeholder-border-width-hovered: var(--lbr-stroke-x2);
-  --ctr-survey-info-panel-icon-color: var(--sjs-primary-background-500);
-  --ctr-string-table-footer-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-string-table-footer-padding-top: var(--sjs-spacing-x2);
-  --ctr-string-table-footer-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-background-color: var(--sjs-layer-1-background-500);
-  --lbr-tag-box-item-remove-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-tag-box-item-remove-button-padding: var(--lbr-spacing-x05);
-  --lbr-tag-box-item-remove-button-icon-color: var(--sjs-primary-foreground-100);
-  --lbr-tag-box-item-remove-button-background-color-hovered: var(--sjs-primary-foreground-25);
-  --lbr-popup-menu-search-background-color: var(--sjs-layer-1-background-500);
-  --lbr-popup-menu-search-padding-left: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-padding-right: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-padding-top: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-clear-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-popup-menu-search-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-popup-menu-search-clear-button-padding-horizontal: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-clear-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-popup-menu-search-clear-button-padding-vertical: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-clear-button-icon-color-hovered: var(--sjs-semantic-red-background-500);
-  --lbr-popup-menu-search-text-margin: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-clear-button-background-color-hovered: var(--sjs-semantic-red-background-10);
-  --lbr-popup-menu-search-border-color: var(--sjs-border-10);
-  --lbr-popup-menu-search-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-popup-menu-search-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-popup-menu-search-icon-margin-right: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-header-logo-placeholder-icon-width: var(--lbr-size-x6);
-  --ctr-survey-header-logo-placeholder-icon-height: var(--lbr-size-x6);
-  --lbr-separator-color: var(--sjs-border-25);
-  --lbr-separator-margin-vertical-small: var(--lbr-spacing-x1);
-  --lbr-separator-margin-horizontal-small: var(--lbr-spacing-x1);
-  --lbr-separator-margin-vertical-medium: var(--lbr-spacing-x2);
-  --lbr-separator-margin-horizontal-medium: var(--lbr-spacing-x2);
-  --lbr-tooltip-padding-left: var(--lbr-spacing-x2);
-  --lbr-tooltip-padding-right: var(--lbr-spacing-x2);
-  --lbr-tooltip-padding-top: var(--lbr-spacing-x1);
-  --lbr-tooltip-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-tooltip-corder-radius: var(--lbr-corner-radius-x05);
-  --lbr-tooltip-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-tooltip-text-color-error: var(--sjs-semantic-red-foreground-100);
-  --lbr-tooltip-background-color: var(--sjs-layer-1-background-500);
-  --lbr-tooltip-background-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-notification-padding-left: var(--lbr-spacing-x6);
-  --lbr-notification-padding-right: var(--lbr-spacing-x6);
-  --lbr-notification-padding-top: var(--lbr-spacing-x3);
-  --lbr-notification-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-notification-corder-radius: var(--lbr-corner-radius-x1);
-  --lbr-notification-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-notification-text-color-error: var(--sjs-semantic-red-foreground-100);
-  --lbr-notification-background-color: var(--sjs-layer-1-background-500);
-  --lbr-notification-background-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-notification-gap: var(--lbr-spacing-x6);
-  --lbr-notification-text-color-success: var(--sjs-semantic-green-foreground-100);
-  --lbr-notification-background-color-success: var(--sjs-semantic-green-background-500);
-  --lbr-notification-button-border-width: var(--lbr-stroke-x2);
-  --lbr-notification-button-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-notification-button-padding-left: var(--lbr-spacing-x3);
-  --lbr-notification-button-padding-right: var(--lbr-spacing-x3);
-  --lbr-notification-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-notification-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-notification-padding-right-with-button: var(--lbr-spacing-x2);
-  --lbr-notification-padding-left-with-button: var(--lbr-spacing-x6);
-  --lbr-notification-padding-top-with-button: var(--lbr-spacing-x2);
-  --lbr-notification-padding-bottom-with-button: var(--lbr-spacing-x2);
-  --ctr-survey-placeholder-padding-top: var(--lbr-spacing-x6);
-  --ctr-survey-placeholder-padding-bottom: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-loading-width: var(--lbr-size-x6);
-  --ctr-survey-placeholder-loading-height: var(--lbr-size-x6);
-  --ctr-survey-placeholder-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-placeholder-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --ctr-survey-image-background-color-no-image: var(--sjs-layer-2-background-500);
-  --ctr-survey-image-no-image-icon-color: var(--sjs-layer-2-foreground-50);
-  --ctr-survey-image-no-image-icon-width: var(--lbr-size-x6);
-  --ctr-survey-image-no-image-icon-height: var(--lbr-size-x6);
-  --ctr-survey-image-picker-item-border-width-placeholder: var(--lbr-stroke-x1);
-  --ctr-survey-image-picker-item-border-color-placeholder: var(--sjs-border-25);
-  --ctr-survey-image-picker-item-border-color-hovered-placeholder: var(--sjs-primary-background-500);
-  --ctr-survey-image-picker-item-border-width-hovered-placeholder: var(--lbr-stroke-x2);
-  --ctr-survey-image-picker-item-background-color-hovered-placeholder: var(--sjs-primary-background-10);
-  --ctr-survey-image-picker-item-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-image-picker-item-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --ctr-survey-image-picker-item-no-image-icon-color: var(--sjs-layer-2-foreground-50);
-  --ctr-survey-image-picker-item-background-color-no-image: var(--sjs-layer-2-background-500);
-  --ctr-survey-image-picker-drop-spot-color: var(--sjs-layer-3-background-500);
-  --ctr-survey-image-picker-dragging-panel-corner-radius: var(--lbr-corner-radius-x1);
-  --ctr-survey-image-picker-dragging-panel-padding: var(--lbr-spacing-x05);
-  --ctr-survey-image-picker-dragging-panel-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-item-actionbar-sort-indicator-color: var(--sjs-primary-background-500);
-  --ctr-survey-item-actionbar-drag-indicator-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-item-actionbar-drag-indicator-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-drag-indicator-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-drag-indicator-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-drag-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-drag-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-item-actionbar-drag-indicator-height: var(--lbr-size-x3);
-  --ctr-survey-item-actionbar-sort-indicator-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-sort-indicator-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-sort-indicator-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-sort-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-sort-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-item-actionbar-sort-indicator-height: var(--lbr-size-x3);
-  --ctr-actionbar-button-padding-bottom-large-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-top-large-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-top-large-icon-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-bottom-large-icon-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-left-large-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-right-large-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-right-medium-text-drop-down: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-right-large-text-drop-down: var(--sjs-spacing-x150);
-  --ctr-string-table-title-caption-color-secondary: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-title-caption-gap: var(--sjs-spacing-x05);
-  --ctr-property-grid-form-padding-left: var(--sjs-spacing-x4);
-  --ctr-property-grid-form-padding-right: var(--sjs-spacing-x4);
-  --ctr-property-grid-form-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-form-padding-bottom: var(--sjs-spacing-x5);
-  --ctr-property-grid-form-border-color: var(--sjs-border-25);
-  --ctr-property-grid-form-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-form-padding-top-no-label: var(--sjs-spacing-x4);
-  --ctr-property-grid-form-gap: var(--sjs-spacing-x2);
-  --ctr-page-navigator-padding-left: var(--sjs-spacing-x150);
-  --ctr-page-navigator-padding-right: var(--sjs-spacing-x150);
-  --ctr-page-navigator-padding-top: var(--sjs-spacing-x150);
-  --ctr-page-navigator-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-page-navigator-gap: var(--sjs-spacing-x2);
-  --ctr-toolbox-search-padding-left: var(--sjs-spacing-x3);
-  --ctr-toolbox-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-toolbox-search-padding-top: var(--sjs-spacing-x250);
-  --ctr-toolbox-search-icon-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-toolbox-search-padding-bottom: var(--sjs-spacing-x250);
-  --ctr-toolbox-search-border-color: var(--sjs-border-25);
-  --ctr-toolbox-search-gap: var(--sjs-spacing-x1);
-  --ctr-toolbox-search-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-toolbox-search-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-toolbox-search-text-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-toolbox-search-clear-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-toolbox-search-clear-button-background-color-hovered: var(--sjs-semantic-red-background-10);
-  --ctr-search-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-search-gap: var(--sjs-spacing-x1);
-  --ctr-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-search-icon-width-small: var(--sjs-font-size-x2);
-  --ctr-search-icon-height-small: var(--sjs-font-size-x2);
-  --ctr-toolbox-search-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-toolbox-search-clear-button-icon-color-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-toolbox-separator-max-width-compact: var(--sjs-size-max);
-  --ctr-toolbox-separator-padding-left-compact: var(--sjs-spacing-x2);
-  --ctr-toolbox-separator-padding-right-compact: var(--sjs-spacing-x2);
-  --ctr-checkbox-gap: var(--sjs-spacing-x1);
-  --ctr-checkbox-description-button-margin-left: var(--sjs-spacing-x05);
-  --ctr-checkbox-description-text-margin-left: var(--sjs-font-size-x4);
-  --ctr-button-group-item-content-interval: var(--sjs-spacing-x1);
-  --ctr-radio-button-gap: var(--sjs-spacing-x1);
-  --ctr-editor-layout-gap: var(--sjs-spacing-x1);
-  --ctr-expression-items-gap: var(--sjs-spacing-x1);
-  --ctr-expression-rows-gap: var(--sjs-spacing-x2);
-  --ctr-font-large-size: var(--sjs-font-size-x4);
-  --ctr-font-large-line-height: var(--sjs-line-height-x5);
-  --ctr-font-medium-size: var(--sjs-font-size-x3);
-  --ctr-font-medium-line-height: var(--sjs-line-height-x4);
-  --ctr-font-default-size: var(--sjs-font-size-x2);
-  --ctr-font-default-line-height: var(--sjs-line-height-x3);
-  --ctr-font-small-size: var(--sjs-font-size-x150);
-  --ctr-font-small-line-height: var(--sjs-line-height-x2);
-  --ctr-font-code-size: var(--sjs-font-size-x2);
-  --ctr-font-code-line-height: var(--sjs-line-height-x3);
-  --ctr-survey-checkboxes-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --lbr-checkboxes-item-margin-top: var(--lbr-spacing-x05);
-  --lbr-checkboxes-item-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-checkboxes-item-text-margin-left: var(--lbr-spacing-x1);
-  --lbr-shadow-x-large-color: var(--sjs-special-glow);
-  --lbr-shadow-large-color: var(--sjs-special-glow);
-  --lbr-shadow-medium-color: var(--sjs-special-glow);
-  --lbr-shadow-small-color: var(--sjs-special-shadow);
-  --lbr-checkboxes-item-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-text-margin-top: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-text-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-button-width: var(--lbr-size-x3);
-  --lbr-checkboxes-item-button-height: var(--lbr-size-x3);
-  --lbr-checkboxes-item-button-corner-radius: var(--lbr-corner-radius-x025);
-  --lbr-checkboxes-item-button-background-color: var(--sjs-layer-2-background-500);
-  --lbr-checkboxes-item-button-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-checkboxes-item-button-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-checkboxes-item-button-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-checkboxes-item-button-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-checkboxes-item-button-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-checkboxes-item-button-check-mark-width: var(--lbr-size-x2);
-  --lbr-checkboxes-item-button-check-mark-height: var(--lbr-size-x2);
-  --lbr-checkboxes-item-button-check-mark-color: var(--sjs-primary-background-500);
-  --lbr-checkboxes-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-checkboxes-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --lbr-checkboxes-item-button-background-color-preview: var(--sjs-layer-1-background-500);
-  --lbr-checkboxes-item-button-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-checkboxes-item-button-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-checkboxes-item-button-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-checkboxes-item-button-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-checkboxes-item-button-background-color-focused: var(--sjs-layer-1-background-500);
-  --lbr-checkboxes-item-button-background-color-checked: var(--sjs-primary-background-500);
-  --lbr-checkboxes-item-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-checkboxes-item-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-checkboxes-item-button-check-mark-color-checked: var(--sjs-primary-foreground-100);
-  --lbr-checkboxes-item-button-check-mark-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-checkboxes-item-button-check-mark-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-checkboxes-item-button-check-mark-color-read-only: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-checkboxes-item-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-checkboxes-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-survey-checkboxes-item-corner-radius-floating: var(--lbr-corner-radius-round);
-  --ctr-survey-checkboxes-item-padding-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-checkboxes-item-padding-right-floating: var(--lbr-spacing-x3);
-  --ctr-survey-checkboxes-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-checkboxes-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-checkboxes-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-checkboxes-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-checkboxes-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-checkboxes-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-checkboxes-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-checkboxes-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-checkboxes-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-checkboxes-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --ctr-survey-radio-button-group-item-corner-radius-floating: var(--lbr-corner-radius-round);
-  --ctr-survey-radio-button-group-item-margin-left: var(--lbr-spacing-x5);
-  --ctr-survey-radio-button-group-item-margin-left-mobile: var(--lbr-spacing-x3);
-  --ctr-survey-radio-button-group-item-margin-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-radio-button-group-item-margin-right-floating: var(--lbr-spacing-x3);
-  --lbr-radio-buttons-item-margin-top: var(--lbr-spacing-x05);
-  --lbr-radio-buttons-item-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-radio-buttons-item-text-margin-left: var(--lbr-spacing-x1);
-  --ctr-survey-radio-button-group-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-width: var(--lbr-size-x3);
-  --lbr-radio-buttons-item-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-radio-buttons-item-button-background-color: var(--sjs-layer-2-background-500);
-  --lbr-radio-buttons-item-button-dot-width: var(--lbr-size-x1);
-  --lbr-radio-buttons-item-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-radio-buttons-item-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-radio-buttons-item-button-dot-color: var(--sjs-primary-background-500);
-  --lbr-radio-buttons-item-button-dot-color-checked: var(--sjs-primary-foreground-100);
-  --lbr-radio-buttons-item-button-dot-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-radio-buttons-item-button-dot-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-radio-buttons-item-text-margin-top: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-radio-buttons-item-text-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-radio-buttons-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-radio-button-group-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --lbr-radio-buttons-item-button-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-radio-buttons-item-button-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-radio-buttons-item-button-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-radio-buttons-item-button-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-radio-buttons-item-button-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-radio-buttons-item-button-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-radio-buttons-item-button-background-color-focused: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-checked: var(--sjs-primary-background-500);
-  --lbr-radio-buttons-item-button-background-color-preview: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-error: var(--sjs-semantic-red-background-10);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --lbr-radio-buttons-item-button-dot-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-radio-buttons-item-button-check-mark-width: var(--lbr-size-x2);
-  --lbr-radio-buttons-item-button-check-mark-height: var(--lbr-size-x2);
-  --lbr-radio-buttons-item-button-check-mark-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-radio-buttons-item-button-background-color-alternate: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-read-only-alternate: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-disabled-alternate: var(--sjs-layer-1-background-500);
-  --lbr-editor-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-editor-padding-left: var(--lbr-spacing-x2);
-  --lbr-editor-padding-right: var(--lbr-spacing-x2);
-  --lbr-editor-padding-top: var(--lbr-spacing-x150);
-  --lbr-editor-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-editor-gap: var(--lbr-spacing-x2);
-  --lbr-editor-background-color: var(--sjs-layer-2-background-500);
-  --lbr-editor-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-editor-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-editor-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-editor-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-editor-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-editor-text-color: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-text-color-placeholder: var(--sjs-layer-2-foreground-50);
-  --lbr-editor-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-editor-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-editor-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-editor-text-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-text-color-disabled-placeholder: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-editor-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-editor-limit-label-color: var(--sjs-layer-2-foreground-50);
-  --lbr-editor-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-editor-border-width-bottom-preview: var(--lbr-stroke-x1);
-  --lbr-editor-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-editor-text-color-read-only-placeholder: var(--sjs-layer-1-foreground-50);
-  --lbr-editor-text-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-matrix-total-row-cell-padding-left: var(--lbr-spacing-x2);
-  --lbr-matrix-total-row-cell-padding-right: var(--lbr-spacing-x2);
-  --lbr-matrix-total-row-cell-padding-top: var(--lbr-spacing-x150);
-  --lbr-matrix-total-row-cell-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-matrix-total-row-cell-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-matrix-total-row-cell-border-color: var(--sjs-border-10);
-  --lbr-labeled-editor-padding-left: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-padding-right: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-padding-top-mobile: var(--lbr-spacing-x1);
-  --lbr-labeled-editor-padding-bottom-mobile: var(--lbr-spacing-x1);
-  --lbr-labeled-editor-label-color: var(--sjs-layer-2-foreground-50);
-  --lbr-labeled-editor-label-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-labeled-editor-padding-top-mobile-empty: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-padding-bottom-mobile-empty: var(--lbr-spacing-x2);
-  --ctr-survey-labeled-editor-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-labeled-editor-margin-left-mobile: var(--lbr-spacing-x3n);
-  --lbr-editor-button-corner-radius: var(--lbr-corner-radius-x025);
-  --lbr-editor-button-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-editor-button-icon-color: var(--sjs-layer-2-foreground-50);
-  --lbr-editor-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-editor-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-editor-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-editor-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-editor-button-icon-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-button-icon-width: var(--lbr-size-x3);
-  --lbr-editor-button-icon-height: var(--lbr-size-x3);
-  --lbr-rating-item-background-color: var(--sjs-layer-1-background-500);
-  --lbr-rating-item-padding-left: var(--lbr-spacing-x05);
-  --lbr-rating-item-padding-right: var(--lbr-spacing-x05);
-  --lbr-rating-item-padding-top: var(--lbr-spacing-x05);
-  --lbr-rating-item-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-rating-item-width: var(--lbr-size-x6);
-  --lbr-rating-item-height: var(--lbr-size-x6);
-  --lbr-rating-item-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-rating-item-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-rating-item-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-rating-item-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-rating-item-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-rating-item-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-rating-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-item-text-margin-left: var(--lbr-spacing-x2);
-  --lbr-rating-item-text-margin-right: var(--lbr-spacing-x2);
-  --lbr-rating-smiley-icon-color: var(--sjs-border-25);
-  --lbr-rating-smiley-icon-width: var(--lbr-size-x3);
-  --lbr-rating-smiley-icon-height: var(--lbr-size-x3);
-  --lbr-rating-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-rating-item-background-color-selected: var(--sjs-primary-background-500);
-  --lbr-rating-item-background-color-disabled-selected: var(--sjs-layer-2-background-400);
-  --lbr-rating-item-background-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-rating-item-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-rating-item-border-width-disabled: var(--lbr-stroke-x2);
-  --lbr-rating-item-border-width-read-only: var(--lbr-stroke-x2);
-  --lbr-rating-item-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-rating-item-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-rating-item-border-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-item-border-color-read-only: var(--sjs-border-25);
-  --lbr-rating-item-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-item-border-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-item-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-item-text-color-read-only: var(--sjs-layer-1-foreground-50);
-  --lbr-rating-item-text-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-rating-label-color: var(--sjs-layer-1-foreground-50);
-  --lbr-rating-label-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-border-width: var(--lbr-stroke-x2);
-  --lbr-rating-smiley-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-rating-smiley-border-color: var(--sjs-border-25);
-  --lbr-rating-smiley-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-border-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-smiley-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-smiley-border-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-rating-smiley-background-color-selected: var(--sjs-primary-background-500);
-  --lbr-rating-smiley-background-color-disabled-selected: var(--sjs-layer-2-background-400);
-  --lbr-rating-smiley-background-color-preview-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-background-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-rating-smiley-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-rating-smiley-icon-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-icon-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-smiley-icon-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-smiley-icon-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-rating-smiley-icon-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-icon-color-preview-selected: var(--sjs-layer-1-background-500);
-  --lbr-rating-smiley-icon-color-error: var(--sjs-layer-1-foreground-50);
-  --lbr-rating-smiley-icon-color-disabled-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-red-icon-color: var(--sjs-semantic-red-background-500);
-  --lbr-rating-smiley-red-icon-color-selected: var(--sjs-semantic-red-foreground-100);
-  --lbr-rating-smiley-red-border-color: var(--sjs-semantic-red-background-500);
-  --lbr-rating-smiley-red-background-color-hovered: var(--sjs-semantic-red-background-10);
-  --lbr-rating-smiley-red-background-color-selected: var(--sjs-semantic-red-background-500);
-  --lbr-rating-smiley-red-background-color-selected-focused: var(--sjs-semantic-red-foreground-100);
-  --lbr-rating-smiley-yellow-icon-color: var(--sjs-semantic-yellow-background-500);
-  --lbr-rating-smiley-yellow-icon-color-selected: var(--sjs-semantic-yellow-foreground-100);
-  --lbr-rating-smiley-yellow-border-color: var(--sjs-semantic-yellow-background-500);
-  --lbr-rating-smiley-yellow-background-color-hovered: var(--sjs-semantic-yellow-background-10);
-  --lbr-rating-smiley-yellow-background-color-selected: var(--sjs-semantic-yellow-background-500);
-  --lbr-rating-smiley-yellow-background-color-selected-focused: var(--sjs-semantic-yellow-foreground-100);
-  --lbr-rating-smiley-green-icon-color: var(--sjs-semantic-green-background-500);
-  --lbr-rating-smiley-green-icon-color-selected: var(--sjs-semantic-green-foreground-100);
-  --lbr-rating-smiley-green-border-color: var(--sjs-semantic-green-background-500);
-  --lbr-rating-smiley-green-background-color-hovered: var(--sjs-semantic-green-background-10);
-  --lbr-rating-smiley-green-background-color-selected: var(--sjs-semantic-green-background-500);
-  --lbr-rating-smiley-green-background-color-selected-focused: var(--sjs-semantic-green-foreground-100);
-  --lbr-rating-star-width: var(--lbr-size-x6);
-  --lbr-rating-star-height: var(--lbr-size-x6);
-  --lbr-rating-star-border-width: var(--lbr-stroke-x2);
-  --lbr-rating-star-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-rating-star-border-color: var(--sjs-border-25);
-  --lbr-rating-star-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-star-border-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-star-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-star-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-rating-star-background-color-selected: var(--sjs-primary-background-500);
-  --lbr-rating-star-background-color-preview-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-star-background-color-disabled-selected: var(--sjs-layer-2-background-400);
-  --lbr-rating-star-background-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-rating-star-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-rating-star-background-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-star-background-color-inactive: var(--sjs-border-25);
-  --lbr-ranking-item-number-width: var(--lbr-size-x5);
-  --lbr-ranking-item-number-height: var(--lbr-size-x5);
-  --lbr-ranking-item-number-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-ranking-item-number-background-color: var(--sjs-primary-background-10);
-  --lbr-ranking-item-number-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-item-number-icon-width: var(--lbr-size-x2);
-  --lbr-ranking-item-number-icon-height: var(--lbr-size-x2);
-  --lbr-rating-star-width-small: var(--lbr-size-x3);
-  --lbr-rating-star-height-small: var(--lbr-size-x3);
-  --lbr-ranking-item-number-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-ranking-item-number-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-ranking-item-number-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-ranking-item-number-border-width-focused: var(--lbr-stroke-x2);
-  --ctr-survey-ranking-item-digit-background-color-inactive: var(--sjs-layer-3-background-500);
-  --ctr-survey-ranking-item-digit-text-color-inactive: var(--sjs-layer-3-foreground-50);
-  --lbr-ranking-item-number-icon-color: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-item-gap: var(--lbr-spacing-x2);
-  --lbr-ranking-item-text-margin-top: var(--lbr-spacing-x1);
-  --lbr-ranking-item-text-margin-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-ranking-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --lbr-ranking-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-item-actionbar-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-drag-indicator-icon-color: var(--sjs-primary-background-500);
-  --ctr-survey-ranking-margin-left: var(--lbr-spacing-x5);
-  --ctr-survey-ranking-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-ranking-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-ranking-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-ranking-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-ranking-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-ranking-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-ranking-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-ranking-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-ranking-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-ranking-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --ctr-survey-ranking-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-survey-ranking-item-corner-radius-floating: var(--lbr-corner-radius-round);
-  --ctr-survey-ranking-item-padding-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-ranking-item-padding-right-floating: var(--lbr-spacing-x4);
-  --ctr-survey-ranking-item-padding-top-floating: var(--lbr-spacing-x05);
-  --ctr-survey-ranking-item-padding-bottom-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-shadow-floating-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-ranking-item-shadow-floating-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-ranking-item-shadow-floating-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-ranking-item-shadow-floating-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-ranking-item-shadow-floating-1-color: var(--lbr-shadow-large-color);
-  --lbr-ranking-item-shadow-floating-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-ranking-item-shadow-floating-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-ranking-item-shadow-floating-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-ranking-item-shadow-floating-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-ranking-item-shadow-floating-2-color: var(--lbr-shadow-medium-color);
-  --lbr-ranking-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --lbr-ranking-item-corner-radius-floating: var(--lbr-corner-radius-round);
-  --lbr-ranking-item-padding-left-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-padding-top-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-padding-bottom-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-padding-right-floating: var(--lbr-spacing-x4);
-  --lbr-ranking-drop-spot-color: var(--sjs-layer-1-background-400);
-  --lbr-ranking-item-number-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-ranking-item-number-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-item-number-border-width-preview: var(--lbr-stroke-x1);
-  --ctr-survey-item-actionbar-padding-left-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-item-actionbar-padding-right: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-sort-indicator-icon-color: var(--sjs-primary-background-500);
-  --lbr-ranking-indicators-drag-indicator-icon-width: var(--lbr-size-x3);
-  --lbr-ranking-indicators-drag-indicator-icon-height: var(--lbr-size-x3);
-  --lbr-ranking-indicators-sort-indicator-icon-width: var(--lbr-size-x3);
-  --lbr-ranking-indicators-sort-indicator-icon-height: var(--lbr-size-x3);
-  --lbr-ranking-indicators-padding-top: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-padding-left-mobile: var(--lbr-spacing-x2);
-  --lbr-ranking-indicators-drag-indicator-padding-left: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-drag-indicator-padding-right: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-sort-indicator-padding-right: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-sort-indicator-padding-left: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-drag-indicator-icon-color-mobile: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-indicators-drag-indicator-padding-top: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-drag-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-sort-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-sort-indicator-padding-top: var(--lbr-spacing-x05);
-  --lbr-radio-buttons-item-button-height: var(--lbr-size-x3);
-  --lbr-radio-buttons-item-button-dot-height: var(--lbr-size-x1);
-  --lbr-boolean-thumb-background-color-active: var(--sjs-layer-1-background-500);
-  --lbr-boolean-thumb-padding-left: var(--lbr-spacing-x3);
-  --lbr-boolean-thumb-padding-right: var(--lbr-spacing-x3);
-  --lbr-boolean-thumb-padding-top: var(--lbr-spacing-x1);
-  --lbr-boolean-thumb-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-boolean-thumb-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-boolean-thumb-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-boolean-thumb-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-boolean-thumb-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-boolean-thumb-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-boolean-thumb-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-boolean-thumb-text-color: var(--sjs-layer-2-foreground-50);
-  --lbr-boolean-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-boolean-background-color: var(--sjs-layer-2-background-500);
-  --lbr-boolean-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-boolean-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-boolean-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-boolean-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-boolean-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-boolean-padding-left: var(--lbr-spacing-x05);
-  --lbr-boolean-padding-right: var(--lbr-spacing-x05);
-  --lbr-boolean-padding-top: var(--lbr-spacing-x05);
-  --lbr-boolean-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-boolean-gap: var(--lbr-spacing-x05);
-  --lbr-boolean-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-boolean-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-boolean-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-boolean-thumb-text-color-active: var(--sjs-primary-background-500);
-  --lbr-boolean-thumb-text-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-boolean-thumb-text-color-read-only: var(--sjs-layer-2-foreground-50);
-  --lbr-boolean-thumb-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-text-color-read-only-active: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-text-color-preview-active: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-text-color-disabled-active: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-boolean-thumb-border-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-boolean-thumb-border-width-read-only: var(--lbr-stroke-x2);
-  --lbr-boolean-thumb-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-boolean-thumb-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-image-picker-item-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-image-picker-item-title-margin-top: var(--lbr-spacing-x1);
-  --lbr-image-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-image-contextual-buttons-gap: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-icon-color-positive: var(--sjs-primary-background-500);
-  --lbr-contextual-button-icon-color-positive: var(--sjs-primary-background-500);
-  --ctr-survey-image-picker-dragging-panel-shadow-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-image-picker-dragging-panel-shadow-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-image-picker-dragging-panel-shadow-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-image-picker-dragging-panel-shadow-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-image-picker-dragging-panel-shadow-color: var(--ctr-shadow-medium-color);
-  --lbr-image-picker-item-background-error: var(--sjs-semantic-red-background-500);
-  --lbr-image-picker-item-check-mark-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-file-upload-item-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-file-upload-gap: var(--lbr-spacing-x1);
-  --lbr-file-upload-item-image-thumbnail-width: var(--lbr-size-x12);
-  --lbr-file-upload-item-image-thumbnail-height: var(--lbr-size-x12);
-  --lbr-file-upload-item-image-thumbnail-background-color: var(--sjs-layer-3-background-500);
-  --lbr-file-upload-item-file-icon-width: var(--lbr-size-x9);
-  --lbr-file-upload-item-file-icon-height: var(--lbr-size-x9);
-  --lbr-file-upload-item-file-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-file-upload-item-loading-width: var(--lbr-size-x6);
-  --lbr-file-upload-item-loading-height: var(--lbr-size-x6);
-  --lbr-file-upload-item-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --lbr-file-upload-item-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-file-upload-contextual-buttons-margin-left: var(--lbr-spacing-x1);
-  --lbr-file-upload-contextual-buttons-margin-right: var(--lbr-spacing-x1);
-  --lbr-file-upload-contextual-buttons-margin-top: var(--lbr-spacing-x1);
-  --lbr-file-upload-contextual-buttons-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-placeholder-border-color-placeholder: var(--sjs-border-25);
-  --lbr-placeholder-border-width-placeholder: var(--lbr-stroke-x1);
-  --lbr-file-upload-contextual-buttons-gap: var(--lbr-spacing-x1);
-  --lbr-signature-loading-width: var(--lbr-size-x6);
-  --lbr-signature-loading-height: var(--lbr-size-x6);
-  --lbr-signature-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-signature-signature-color: var(--sjs-primary-background-500);
-  --lbr-file-upload-pager-margin: var(--lbr-spacing-x2);
-  --lbr-file-upload-item-list-gap: var(--lbr-spacing-x4);
-  --lbr-file-upload-item-list-margin-left: var(--lbr-spacing-x6);
-  --lbr-file-upload-item-list-margin-right: var(--lbr-spacing-x6);
-  --lbr-placeholder-border-color-hovered: var(--sjs-primary-background-500);
-  --lbr-placeholder-border-width-hovered: var(--lbr-stroke-x2);
-  --lbr-placeholder-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-file-upload-data-area-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-file-upload-data-area-background-color-image: var(--sjs-layer-2-background-500);
-  --lbr-file-upload-data-area-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-placeholder-loading-width: var(--lbr-size-x6);
-  --lbr-placeholder-loading-height: var(--lbr-size-x6);
-  --lbr-placeholder-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --lbr-placeholder-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-file-upload-contextual-buttons-camera-button-margin: var(--lbr-spacing-x1);
-  --lbr-list-item-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-list-item-gap: var(--lbr-spacing-x4);
-  --lbr-list-item-padding-left: var(--lbr-spacing-x2);
-  --lbr-list-item-padding-right: var(--lbr-spacing-x2);
-  --lbr-list-item-padding-top: var(--lbr-spacing-x150);
-  --lbr-list-item-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-list-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-list-item-description-color: var(--sjs-layer-1-foreground-50);
-  --lbr-list-item-text-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-list-item-text-color-loading: var(--sjs-layer-1-foreground-50);
-  --lbr-list-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-list-item-background-color-selected-focused: var(--sjs-primary-background-500);
-  --lbr-list-item-border-color-focused: var(--sjs-border-10);
-  --lbr-list-item-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-list-item-background-color-selected: var(--sjs-primary-background-10);
-  --lbr-list-item-description-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-list-item-description-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-panel-layout-gap-small: var(--lbr-spacing-x1);
-  --lbr-panel-layout-gap-medium: var(--lbr-spacing-x2);
-  --lbr-panel-layout-gap-large: var(--lbr-spacing-x4);
-  --lbr-page-layout-gap-small: var(--lbr-spacing-x1);
-  --lbr-page-layout-gap-medium: var(--lbr-spacing-x2);
-  --lbr-page-layout-gap-large: var(--lbr-spacing-x4);
-  --lbr-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-button-padding-left: var(--lbr-spacing-x8);
-  --lbr-button-padding-right: var(--lbr-spacing-x8);
-  --lbr-button-padding-top: var(--lbr-spacing-x2);
-  --lbr-button-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-button-background-color: var(--sjs-layer-1-background-500);
-  --lbr-button-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-button-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-button-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-button-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-button-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-button-text-color: var(--sjs-primary-background-500);
-  --lbr-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-button-background-color-panelless: var(--sjs-layer-2-background-500);
-  --lbr-button-background-color-hovered-panelless: var(--sjs-layer-2-background-400);
-  --lbr-button-background-color-cta: var(--sjs-primary-background-500);
-  --lbr-button-background-color-hovered-cta: var(--sjs-primary-background-400);
-  --lbr-button-background-color-danger: var(--sjs-semantic-red-background-500);
-  --lbr-button-border-color-focused-danger: var(--sjs-semantic-red-background-500);
-  --lbr-button-border-width-focused-danger: var(--lbr-stroke-x2);
-  --lbr-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-button-text-color-cta: var(--sjs-primary-foreground-100);
-  --lbr-button-text-color-danger: var(--sjs-semantic-red-foreground-100);
-  --lbr-button-padding-left-small: var(--lbr-spacing-x4);
-  --lbr-button-padding-right-small: var(--lbr-spacing-x4);
-  --lbr-button-padding-top-small: var(--lbr-spacing-x150);
-  --lbr-button-padding-bottom-small: var(--lbr-spacing-x150);
-  --lbr-button-text-color-disabled-panelless: var(--sjs-layer-2-foreground-100);
-  --lbr-dialog-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-dialog-footer-margin-top: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-left: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-right: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-top: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-dialog-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-dialog-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-dialog-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-dialog-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-dialog-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-dialog-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-dialog-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-dialog-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-dialog-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-dialog-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-dialog-background-color: var(--sjs-layer-1-background-400);
-  --lbr-dialog-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-dialog-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-dialog-title-margin-bottom: var(--lbr-spacing-x2);
-  --lbr-dialog-footer-gap: var(--lbr-spacing-x2);
-  --lbr-dialog-screen-color: var(--sjs-special-haze);
-  --lbr-dialog-margin-left: var(--lbr-spacing-x4);
-  --lbr-dialog-margin-right: var(--lbr-spacing-x4);
-  --lbr-dialog-margin-top: var(--lbr-spacing-x4);
-  --lbr-dialog-margin-bottom: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-left-center: var(--lbr-spacing-x8);
-  --lbr-dialog-padding-right-center: var(--lbr-spacing-x8);
-  --lbr-window-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-window-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-window-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-window-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-window-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-window-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-window-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-window-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-window-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-window-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-window-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-window-background-color: var(--sjs-layer-3-background-500);
-  --lbr-window-header-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-window-border-color: var(--sjs-border-25);
-  --lbr-window-border-width: var(--lbr-stroke-x1);
-  --lbr-window-header-padding-left: var(--lbr-spacing-x2);
-  --lbr-window-header-padding-right: var(--lbr-spacing-x1);
-  --lbr-window-header-padding-top: var(--lbr-spacing-x1);
-  --lbr-window-header-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-window-header-gap: var(--lbr-spacing-x4);
-  --lbr-window-header-button-gap: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-window-header-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-window-header-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --lbr-window-header-button-icon-width: var(--lbr-size-x2);
-  --lbr-window-header-button-icon-height: var(--lbr-size-x2);
-  --lbr-window-header-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --lbr-window-header-button-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-matrix-title-cell-padding-left: var(--lbr-spacing-x2);
-  --lbr-matrix-title-cell-padding-right: var(--lbr-spacing-x2);
-  --lbr-matrix-title-cell-padding-top: var(--lbr-spacing-x150);
-  --lbr-matrix-title-cell-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-matrix-title-cell-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-matrix-cell-corner-radius: var(--lbr-corner-radius-x075);
-  --ctr-survey-matrix-cell-border-color-hovered: var(--sjs-secondary-background-10);
-  --ctr-survey-matrix-cell-border-color-selected: var(--sjs-secondary-background-500);
-  --ctr-survey-matrix-cell-border-color-edit: var(--sjs-primary-background-500);
-  --ctr-survey-matrix-cell-border-width: var(--lbr-stroke-x2);
-  --lbr-matrix-row-gap: var(--lbr-spacing-x2);
-  --lbr-matrix-details-padding-left: var(--lbr-spacing-x8);
-  --lbr-matrix-details-padding-right-delete-button: var(--lbr-spacing-x7);
-  --lbr-matrix-details-padding-top: var(--lbr-spacing-x3);
-  --lbr-matrix-details-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-progress-bar-section-color-completed: var(--sjs-semantic-green-background-500);
-  --lbr-progress-bar-height: var(--lbr-size-x025);
-  --lbr-progress-bar-section-color-disabled-completed: var(--sjs-border-25);
-  --lbr-progress-bar-section-color: var(--sjs-border-10);
-  --lbr-progress-bar-section-color-disabled: var(--sjs-border-10);
-  --lbr-progress-bar-section-title-color: var(--sjs-layer-3-foreground-50);
-  --lbr-progress-bar-section-title-margin-left: var(--lbr-spacing-x4);
-  --lbr-progress-bar-section-title-margin-right: var(--lbr-spacing-x4);
-  --lbr-progress-bar-pager-label-text-color: var(--sjs-layer-3-foreground-50);
-  --lbr-progress-bar-pager-padding-left: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-padding-right: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-padding-top: var(--lbr-spacing-x1);
-  --lbr-progress-bar-pager-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-progress-bar-section-title-margin-top: var(--lbr-spacing-x2);
-  --lbr-progress-bar-section-title-margin-bottom: var(--lbr-spacing-x2);
-  --ctr-survey-header-logo-placeholder-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-header-logo-placeholder-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-padding-top: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-toolbar-gap: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-survey-header-logo-placeholder-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-survey-header-logo-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-header-logo-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --ctr-survey-header-logo-loading-width: var(--lbr-size-x6);
-  --ctr-survey-header-logo-loading-height: var(--lbr-size-x6);
-  --ctr-survey-header-logo-loading-margin-left: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-loading-margin-right: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-loading-margin-top: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-loading-margin-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --lbr-header-logo-height: var(--lbr-size-x5);
-  --lbr-header-padding-left: var(--lbr-spacing-x3);
-  --ctr-survey-header-padding-right-logo-placeholder: var(--lbr-spacing-x1);
-  --lbr-header-padding-top: var(--lbr-spacing-x3);
-  --lbr-header-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-header-border-color: var(--sjs-primary-background-500);
-  --lbr-header-border-width-bottom: var(--lbr-stroke-x2);
-  --lbr-header-gap: var(--lbr-spacing-x4);
-  --lbr-header-text-gap: var(--lbr-spacing-x1);
-  --lbr-header-text-title-color: var(--sjs-primary-background-500);
-  --lbr-header-text-description-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-header-text-title-color: var(--sjs-primary-background-500);
-  --ctr-survey-header-text-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-header-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-header-text-title-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-header-text-description-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-header-text-title-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-header-padding-right: var(--lbr-spacing-x3);
-  --lbr-header-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-header-padding-right-mobile-toc-button: var(--lbr-spacing-x2);
-  --ctr-survey-header-text-margin-left-mobile-logo-placeholder: var(--lbr-spacing-x2);
-  --ctr-survey-header-padding-left-mobile-logo-placeholder: var(--lbr-spacing-x1);
-  --lbr-header-gap-vertical-mobile: var(--lbr-spacing-x3);
-  --lbr-header-logo-margin-top-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-header-gap: var(--lbr-spacing-x1);
-  --lbr-cover-gap: var(--lbr-spacing-x3);
-  --lbr-cover-text-gap: var(--lbr-spacing-x1);
-  --lbr-cover-text-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-cover-text-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-cover-text-max-width: var(--lbr-size-x64);
-  --lbr-cover-text-title-color-with-background: var(--sjs-primary-foreground-100);
-  --lbr-cover-text-description-color-with-background: var(--sjs-primary-foreground-100);
-  --lbr-cover-padding-left: var(--lbr-spacing-x5);
-  --lbr-cover-padding-right: var(--lbr-spacing-x5);
-  --lbr-cover-padding-top: var(--lbr-spacing-x5);
-  --lbr-cover-padding-bottom: var(--lbr-spacing-x5);
-  --lbr-cover-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-padding-top-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-padding-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-height: var(--lbr-size-x32);
-  --lbr-cover-overlap: var(--lbr-spacing-x8);
-  --lbr-cover-overlap-mobile: var(--lbr-spacing-x2);
-  --lbr-timer-background-color: var(--sjs-layer-1-background-500);
-  --lbr-timer-padding: var(--lbr-spacing-x1);
-  --lbr-timer-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-timer-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-timer-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-timer-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-timer-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-timer-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-timer-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-timer-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-timer-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-timer-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-timer-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-timer-width: var(--lbr-size-x18);
-  --lbr-timer-height: var(--lbr-size-x18);
-  --lbr-timer-text-color-primary: var(--sjs-primary-background-500);
-  --lbr-timer-text-color-secondary: var(--sjs-layer-1-foreground-50);
-  --lbr-timer-progress-color: var(--sjs-layer-3-background-500);
-  --lbr-timer-progress-width: var(--lbr-stroke-x2);
-  --lbr-timer-progress-color-filled: var(--sjs-primary-background-500);
-  --lbr-timer-progress-width-filled: var(--lbr-stroke-x4);
-  --lbr-timer-width-small: var(--lbr-size-x9);
-  --lbr-timer-height-small: var(--lbr-size-x9);
-  --lbr-timer-padding-small: var(--lbr-spacing-x05);
-  --lbr-tag-box-item-corner-radius: var(--lbr-corner-radius-x025);
-  --lbr-tag-box-item-padding-left: var(--lbr-spacing-x150);
-  --lbr-tag-box-item-padding-right: var(--lbr-spacing-x150);
-  --lbr-tag-box-item-padding-top: var(--lbr-spacing-x1);
-  --lbr-tag-box-item-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-tag-box-item-background-color: var(--sjs-primary-background-500);
-  --lbr-tag-box-item-text-color: var(--sjs-primary-foreground-100);
-  --lbr-tag-box-item-remove-button-margin-left: var(--lbr-spacing-x4);
-  --lbr-tag-box-item-mask-color-1: var(--sjs-primary-background-500);
-  --lbr-tag-box-item-mask-color-2: var(--sjs-primary-background-10);
-  --lbr-tag-box-item-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-tag-box-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-tag-box-item-text-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-popup-menu-footer-background-color: var(--sjs-layer-2-background-500);
-  --lbr-popup-menu-footer-padding-top: var(--lbr-spacing-x05);
-  --lbr-popup-menu-footer-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-menu-footer-border-color: var(--sjs-border-10);
-  --lbr-popup-menu-footer-border-width-top: var(--lbr-stroke-x1);
-  --lbr-toc-background-color: var(--sjs-layer-1-background-500);
-  --lbr-toc-border-color: var(--sjs-border-25);
-  --lbr-toc-border-width-right: var(--lbr-stroke-x1);
-  --lbr-toc-padding-left: var(--lbr-spacing-x1);
-  --lbr-toc-padding-right: var(--lbr-spacing-x1);
-  --lbr-toc-padding-top: var(--lbr-spacing-x1);
-  --lbr-toc-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-ranking-gap-vertical: var(--lbr-spacing-x3);
-  --ctr-survey-checkboxes-show-more-button-margin-top: var(--lbr-spacing-x05);
-  --ctr-survey-checkboxes-show-more-button-margin-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-checkboxes-show-more-button-margin-left: var(--lbr-spacing-x6);
-  --ctr-survey-checkboxes-info-panel-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-radio-button-group-show-more-button-margin-left: var(--lbr-spacing-x6);
-  --ctr-survey-radio-button-group-show-more-button-margin-top: var(--lbr-spacing-x05);
-  --ctr-survey-radio-button-group-show-more-button-margin-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-radio-button-group-info-panel-margin-top: var(--lbr-spacing-x2);
-  --lbr-checkboxes-comment-box-margin-top: var(--lbr-spacing-x2);
-  --lbr-radio-buttons-comment-box-margin-top: var(--lbr-spacing-x2);
-  --lbr-checkboxes-info-panel-margin-left: var(--lbr-spacing-x5);
-  --lbr-checkboxes-info-panel-margin-right: var(--lbr-spacing-x5);
-  --lbr-radio-buttons-info-panel-margin-left: var(--lbr-spacing-x5);
-  --lbr-radio-buttons-info-panel-margin-right: var(--lbr-spacing-x5);
-  --lbr-drop-down-comment-box-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-drop-down-gap: var(--lbr-spacing-x2);
-  --lbr-rating-item-gap: var(--lbr-spacing-x1);
-  --ctr-survey-rating-actionbar-margin-top: var(--lbr-spacing-x05);
-  --ctr-survey-rating-actionbar-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-rating-label-margin: var(--lbr-spacing-x1);
-  --lbr-matrix-margin-top-error: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-tabs-item-padding-top: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-tabs-item-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-tabs-item-border-color-selected: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-tabs-item-border-width-bottom-selected: var(--lbr-stroke-x2);
-  --lbr-dynamic-panel-tabs-item-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-dynamic-panel-tabs-item-text-color-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-tabs-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-dynamic-panel-tabs-button-icon-width: var(--lbr-size-x3);
-  --lbr-dynamic-panel-tabs-button-icon-height: var(--lbr-size-x3);
-  --lbr-dynamic-panel-tabs-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-dynamic-panel-tabs-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-tabs-item-border-color-hovered: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-tabs-item-border-width-bottom-hovered: var(--lbr-stroke-x2);
-  --lbr-dynamic-panel-tabs-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-dynamic-panel-tabs-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-tabs-border-color: var(--sjs-border-10);
-  --lbr-dynamic-panel-tabs-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-dynamic-panel-tabs-padding-left: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-tabs-padding-right: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-tabs-gap: var(--lbr-spacing-x4);
-  --lbr-step-progress-bar-step-dot-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-step-progress-bar-step-gap: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-step-title-margin-horizontal: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-step-title-margin-vertical: var(--lbr-spacing-x05);
-  --lbr-step-progress-bar-step-title-text-color: var(--sjs-layer-3-foreground-100);
-  --lbr-step-progress-bar-step-background-color: var(--sjs-layer-3-background-500);
-  --lbr-step-progress-bar-step-dot-margin-left: var(--lbr-spacing-x075);
-  --lbr-step-progress-bar-step-dot-background-color-unvisited: var(--sjs-layer-3-foreground-50);
-  --lbr-step-progress-bar-step-dot-border-color-selected: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-border-width-selected: var(--lbr-stroke-x4);
-  --lbr-step-progress-bar-step-dot-text-color-unvisited: var(--sjs-layer-3-background-500);
-  --lbr-step-progress-bar-step-dot-text-width: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-step-dot-text-height: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-step-dot-text-margin-bottom: var(--lbr-spacing-x025);
-  --lbr-step-progress-bar-connector-color: var(--sjs-layer-3-foreground-50);
-  --lbr-step-progress-bar-connector-color-visited: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-connector-height: var(--lbr-size-x025);
-  --lbr-step-progress-bar-step-dot-background-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-step-progress-bar-step-dot-border-width-hovered: var(--lbr-stroke-x6);
-  --lbr-step-progress-bar-step-dot-text-color-selected: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-background-color-hovered: var(--sjs-primary-foreground-100);
-  --lbr-step-progress-bar-step-dot-text-color-hovered: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-background-color-visited: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-text-color-visited: var(--sjs-primary-foreground-100);
-  --lbr-step-progress-bar-step-dot-margin-right: var(--lbr-spacing-x075);
-  --lbr-step-progress-bar-step-dot-width-with-number: var(--lbr-size-x3);
-  --lbr-step-progress-bar-step-dot-height-with-number: var(--lbr-size-x3);
-  --lbr-step-progress-bar-step-dot-width: var(--lbr-size-x1);
-  --lbr-step-progress-bar-step-dot-height: var(--lbr-size-x1);
-  --lbr-step-progress-bar-margin-left: var(--lbr-spacing-x5);
-  --lbr-step-progress-bar-margin-right: var(--lbr-spacing-x5);
-  --lbr-step-progress-bar-margin-top: var(--lbr-spacing-x4);
-  --lbr-step-progress-bar-pager-text-color: var(--sjs-layer-3-foreground-50);
-  --lbr-step-progress-bar-margin-bottom: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-bottom-position-bottom: var(--lbr-spacing-x6);
-  --lbr-step-progress-bar-pager-margin-vertical: var(--lbr-spacing-x1);
-  --lbr-step-progress-bar-step-title-margin-vertical-mobile: var(--lbr-spacing-x250);
-  --lbr-step-progress-bar-margin-bottom-with-pager: var(--lbr-spacing-x1n);
-  --lbr-step-progress-bar-margin-top-fit-to-survey: var(--lbr-spacing-x7);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-no-titles: var(--lbr-spacing-x4);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-no-titles-fit-to-survey: var(--lbr-spacing-x12);
-  --lbr-step-progress-bar-margin-left-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-right-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-top-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-no-titles-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-pager-margin-horizontal: var(--lbr-spacing-x075);
-  --ctr-survey-question-panel-toolbar-margin-left: var(--lbr-spacing-x1n);
-  --ctr-survey-question-panel-toolbar-margin-right: var(--lbr-spacing-x1n);
-  --ctr-survey-question-panel-toolbar-margin-top: var(--lbr-spacing-x2);
-  --lbr-question-panel-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-question-panel-border-color-selected: var(--sjs-secondary-background-500);
-  --ctr-survey-question-panel-border-width-selected: var(--lbr-stroke-x2);
-  --lbr-question-panel-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-question-panel-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-question-panel-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-question-panel-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-question-panel-shadow-color: var(--lbr-shadow-small-color);
-  --ctr-survey-page-border-color-selected: var(--sjs-secondary-background-500);
-  --ctr-survey-page-border-width-selected: var(--lbr-stroke-x2);
-  --lbr-page-padding-top: var(--lbr-spacing-x5);
-  --lbr-page-padding-bottom: var(--lbr-spacing-x12);
-  --ctr-survey-page-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-page-button-footer-margin-top: var(--lbr-spacing-x4);
-  --lbr-page-error-margin-top-below-content: var(--lbr-spacing-x2);
-  --lbr-page-error-margin-bottom-above-content: var(--lbr-spacing-x2);
-  --lbr-page-button-footer-gap: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-padding-left: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-padding-right: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-padding-top: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-footer-padding-bottom: var(--lbr-spacing-x3);
-  --ctr-survey-question-panel-border-color-hovered: var(--sjs-secondary-background-25);
-  --ctr-survey-question-panel-border-width-hovered: var(--lbr-stroke-x2);
-  --ctr-survey-question-panel-border-color-nested: var(--sjs-border-25);
-  --ctr-survey-question-panel-border-width-nested: var(--lbr-stroke-x1);
-  --ctr-survey-question-panel-corner-radius-selection-panelless: var(--lbr-corner-radius-x075);
-  --lbr-panel-border-color-panelless: var(--sjs-border-25);
-  --lbr-panel-border-width-panelless: var(--lbr-stroke-x1);
-  --lbr-question-panel-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-survey-page-border-color-hovered: var(--sjs-secondary-background-25);
-  --ctr-survey-page-border-width-hovered: var(--lbr-stroke-x2);
-  --lbr-panel-border-color-nested: var(--sjs-border-10);
-  --lbr-panel-border-width-nested: var(--lbr-stroke-x1);
-  --lbr-panel-border-color-nested-panelless: var(--sjs-border-10);
-  --lbr-panel-border-width-nested-panelless: var(--lbr-stroke-x1);
-  --lbr-dynamic-panel-footer-border-color: var(--sjs-border-10);
-  --lbr-dynamic-panel-footer-border-width-top: var(--lbr-stroke-x1);
-  --lbr-dynamic-panel-progress-bar-background-color: var(--sjs-layer-1-background-500);
-  --lbr-progress-bar-section-title-color-selected: var(--sjs-layer-3-foreground-100);
-  --lbr-progress-bar-section-title-color-pressed: var(--sjs-layer-3-foreground-100);
-  --lbr-matrix-row-background-color-alternate: var(--sjs-layer-1-background-400);
-  --lbr-question-panel-header-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-question-panel-header-description-color: var(--sjs-layer-1-foreground-50);
-  --lbr-question-panel-header-gap: var(--lbr-spacing-x05);
-  --lbr-question-panel-number-color: var(--sjs-layer-1-foreground-50);
-  --lbr-question-panel-number-width: var(--lbr-size-x5);
-  --lbr-question-panel-number-margin-left: var(--lbr-spacing-x1);
-  --lbr-question-panel-number-margin-right: var(--lbr-spacing-x1);
-  --lbr-question-panel-number-height: var(--lbr-size-x3);
-  --lbr-question-panel-number-margin-bottom: var(--lbr-spacing-x0375);
-  --lbr-question-panel-expand-button-icon-width: var(--lbr-size-x2);
-  --lbr-question-panel-expand-button-icon-height: var(--lbr-size-x2);
-  --lbr-question-panel-expand-button-padding-left: var(--lbr-spacing-x2);
-  --lbr-question-panel-expand-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-question-panel-expand-button-padding-top: var(--lbr-spacing-x05);
-  --lbr-question-panel-expand-button-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-question-panel-expand-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-panel-add-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-panel-content-margin-left: var(--lbr-spacing-x5);
-  --lbr-panel-content-margin-right: var(--lbr-spacing-x5);
-  --lbr-panel-content-margin-top: var(--lbr-spacing-x5);
-  --lbr-panel-content-margin-bottom: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-item-header-title-color: var(--sjs-layer-1-foreground-50);
-  --lbr-dynamic-panel-item-header-title-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-item-header-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-dynamic-panel-remove-button-margin: var(--lbr-spacing-x2);
-  --lbr-page-header-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-header-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-page-header-title-color-not-completed-rule: var(--sjs-secondary-background-500);
-  --ctr-survey-page-header-title-gap: var(--sjs-spacing-x1);
-  --lbr-page-header-gap: var(--lbr-spacing-x05);
-  --ctr-survey-page-header-padding-vertical-with-button: var(--sjs-spacing-x05);
-  --lbr-toc-menu-button-background-color-page: var(--lbr-surface-background-color);
-  --lbr-surface-background-color: var(--sjs-layer-3-background-500);
-  --lbr-popup-menu-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-popup-menu-padding-left: var(--lbr-spacing-x05);
-  --lbr-popup-menu-padding-right: var(--lbr-spacing-x05);
-  --lbr-popup-menu-padding-top: var(--lbr-spacing-x05);
-  --lbr-popup-menu-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-menu-background-color: var(--sjs-layer-1-background-500);
-  --lbr-popup-menu-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-popup-menu-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-popup-menu-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-popup-menu-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-popup-menu-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-popup-menu-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-popup-menu-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-popup-menu-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-popup-menu-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-popup-menu-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-popup-menu-screen-color: var(--sjs-special-haze);
-  --lbr-popup-menu-margin-left: var(--lbr-spacing-x4);
-  --lbr-popup-menu-margin-right: var(--lbr-spacing-x4);
-  --lbr-popup-menu-margin-top: var(--lbr-spacing-x4);
-  --lbr-popup-menu-margin-bottom: var(--lbr-spacing-x4);
-  --lbr-popup-menu-width-tablet: var(--lbr-size-x40);
-  --lbr-pager-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-pager-text-margin-top: var(--lbr-spacing-x05);
-  --lbr-pager-text-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-pager-gap: var(--lbr-spacing-x2);
-  --lbr-error-panel-background-color: var(--sjs-semantic-red-background-10);
-  --lbr-error-panel-text-color: var(--sjs-semantic-red-background-500);
-  --lbr-error-panel-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-error-panel-padding-left-small: var(--lbr-spacing-x150);
-  --lbr-error-panel-padding-right-small: var(--sjs-spacing-x150);
-  --lbr-error-panel-padding-top-small: var(--lbr-spacing-x1);
-  --lbr-error-panel-padding-bottom-small: var(--lbr-spacing-x1);
-  --lbr-error-panel-padding-left-medium: var(--lbr-spacing-x3);
-  --lbr-error-panel-padding-right-medium: var(--lbr-spacing-x3);
-  --lbr-error-panel-padding-top-medium: var(--lbr-spacing-x2);
-  --lbr-error-panel-padding-bottom-medium: var(--lbr-spacing-x2);
-  --lbr-error-panel-padding-left-large: var(--lbr-spacing-x5);
-  --lbr-error-panel-padding-right-large: var(--lbr-spacing-x5);
-  --lbr-error-panel-padding-top-large: var(--lbr-spacing-x3);
-  --lbr-error-panel-padding-bottom-large: var(--lbr-spacing-x3);
-  --lbr-placeholder-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-placeholder-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-placeholder-padding-left: var(--lbr-spacing-x8);
-  --lbr-placeholder-padding-right: var(--lbr-spacing-x8);
-  --lbr-placeholder-padding-top: var(--lbr-spacing-x2);
-  --lbr-placeholder-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-placeholder-gap: var(--lbr-spacing-x05);
-  --lbr-placeholder-padding-left-small: var(--lbr-spacing-x3);
-  --lbr-placeholder-padding-right-small: var(--lbr-spacing-x3);
-  --lbr-placeholder-padding-bottom-with-button-small: var(--lbr-spacing-x2);
-  --lbr-logo-color-primary: var(--sjs-primary-background-500);
-  --lbr-logo-color-secondary: var(--sjs-secondary-background-500);
-  --lbr-scrollbar-thumb-color: var(--sjs-border-25);
-  --lbr-scrollbar-thumb-margin: var(--lbr-spacing-x05);
-  --lbr-scrollbar-width: var(--lbr-size-x150);
-  --lbr-scrollbar-thumb-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-complete-page-gap: var(--lbr-spacing-x6);
-  --lbr-complete-page-padding-left: var(--lbr-spacing-x8);
-  --lbr-complete-page-padding-right: var(--lbr-spacing-x8);
-  --lbr-complete-page-padding-top: var(--lbr-spacing-x12);
-  --lbr-complete-page-padding-bottom: var(--lbr-spacing-x16);
-  --lbr-complete-page-text-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-complete-page-text-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-complete-page-text-gap: var(--lbr-spacing-x2);
-  --lbr-complete-page-gap-no-description: var(--lbr-spacing-x3);
-  --lbr-placeholder-text-color-active: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-background-error: var(--sjs-semantic-red-background-10);
-  --lbr-signature-signature-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-signature-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-signature-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-footer-logo-height: var(--lbr-spacing-x8);
-  --lbr-footer-text-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-footer-text-description-color: var(--sjs-layer-1-foreground-50);
-  --lbr-footer-text-gap: var(--lbr-spacing-x05);
-  --lbr-footer-gap: var(--lbr-spacing-x1);
-  --lbr-footer-padding-left: var(--lbr-spacing-x16);
-  --lbr-footer-padding-right: var(--lbr-spacing-x16);
-  --lbr-footer-padding-top: var(--lbr-spacing-x4);
-  --lbr-footer-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-footer-background-color: var(--sjs-layer-1-background-500);
-  --lbr-footer-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-footer-border-color: var(--sjs-border-25);
-  --lbr-footer-padding-left-simple: var(--lbr-spacing-x2);
-  --lbr-footer-padding-right-simple: var(--lbr-spacing-x2);
-  --lbr-footer-padding-top-simple: var(--lbr-spacing-x1);
-  --lbr-footer-padding-bottom-simple: var(--lbr-spacing-x1);
-  --lbr-footer-logo-color-simple: var(--sjs-layer-3-foreground-50);
-  --lbr-top-banner-background-color: var(--sjs-secondary-background-500);
-  --lbr-top-banner-text-color: var(--sjs-secondary-foreground-100);
-  --lbr-top-banner-padding-left: var(--lbr-spacing-x16);
-  --lbr-top-banner-padding-right: var(--lbr-spacing-x16);
-  --lbr-top-banner-padding-top: var(--lbr-spacing-x150);
-  --lbr-top-banner-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-top-banner-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-top-banner-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-top-banner-padding-top-mobile: var(--lbr-spacing-x1);
-  --lbr-top-banner-padding-bottom-mobile: var(--lbr-spacing-x150);
-  --lbr-dynamic-panel-item-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-nested-matrix-panel-header-border-color-nested: var(--sjs-border-10);
-  --lbr-nested-matrix-panel-header-border-width-bottom-nested: var(--lbr-stroke-x1);
-  --ctr-survey-page-header-title-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --lbr-pager-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-panel-header-border-color: var(--sjs-border-10);
-  --lbr-panel-header-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-panel-content-margin-left-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-content-margin-right-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-details-area-padding-left: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-details-area-padding-right: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-details-area-padding-top: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-top-header-below: var(--lbr-spacing-x150);
-  --lbr-question-panel-header-description-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-question-panel-header-padding-bottom-action-button: var(--lbr-spacing-x1);
-  --lbr-question-panel-header-padding-bottom-mobile: var(--lbr-spacing-x1);
-  --lbr-question-panel-header-padding-top-header-below-mobile: var(--lbr-spacing-x075);
-  --lbr-question-panel-expand-button-padding-left-mobile: var(--lbr-spacing-x1);
-  --lbr-question-panel-expand-button-padding-right-mobile: var(--lbr-spacing-x05);
-  --lbr-question-panel-expand-button-icon-width-mobile: var(--lbr-size-x150);
-  --lbr-question-panel-expand-button-icon-height-mobile: var(--lbr-size-x150);
-  --lbr-question-panel-expand-button-padding-top-mobile: var(--lbr-spacing-x075);
-  --lbr-question-panel-expand-button-padding-bottom-mobile: var(--lbr-spacing-x075);
-  --ctr-survey-question-panel-toolbar-margin-top-mobile: var(--lbr-spacing-x1);
-  --lbr-nested-matrix-panel-header-padding-bottom-nested: var(--lbr-spacing-x2);
-  --lbr-matrix-total-row-cell-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-item-header-padding-left: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-item-header-padding-right: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-item-header-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-item-header-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-header-padding-left: var(--lbr-spacing-x5);
-  --lbr-panel-header-padding-right: var(--lbr-spacing-x5);
-  --lbr-panel-header-padding-top: var(--lbr-spacing-x4);
-  --lbr-panel-header-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-panel-header-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-question-panel-expand-button-icon-color-focused: var(--sjs-layer-1-background-500);
-  --lbr-question-panel-expand-button-icon-color-focused-stroke: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-item-header-padding-top: var(--lbr-spacing-x4);
-  --lbr-dynamic-panel-item-header-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-top-nested: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-bottom-nested: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-header-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-header-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-panel-content-margin-top-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-content-margin-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-footer-padding-top-mobile: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-footer-padding-bottom-mobile: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-remove-button-margin-vertical-mobile: var(--lbr-spacing-x1);
-  --lbr-page-button-footer-margin-top-panelless: var(--lbr-spacing-x7);
-  --lbr-page-padding-left-responsive: var(--lbr-spacing-x5);
-  --lbr-page-padding-right-responsive: var(--lbr-spacing-x5);
-  --lbr-page-padding-bottom-responsive: var(--lbr-spacing-x5);
-  --lbr-page-padding-top-responsive: var(--lbr-spacing-x5);
-  --lbr-page-width: var(--lbr-size-x80);
-  --lbr-page-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-page-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-page-padding-top-mobile: var(--lbr-spacing-x3);
-  --lbr-page-padding-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-page-error-margin-top-below-content-mobile: var(--lbr-spacing-x2);
-  --lbr-page-error-margin-bottom-above-content-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-page-button-footer-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-page-padding-left: var(--lbr-spacing-x3);
-  --ctr-survey-page-padding-right: var(--lbr-spacing-x3);
-  --ctr-survey-page-padding-top: var(--lbr-spacing-x5);
-  --ctr-survey-page-padding-bottom: var(--lbr-spacing-x3);
-  --ctr-survey-page-margin-left: var(--lbr-spacing-x2);
-  --ctr-survey-page-margin-right: var(--lbr-spacing-x2);
-  --ctr-survey-page-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-page-width: var(--lbr-size-x90);
-  --ctr-survey-page-padding-top-selected: var(--lbr-spacing-x1);
-  --ctr-survey-page-background-color-hovered: var(--sjs-secondary-background-10);
-  --ctr-survey-page-margin-bottom-new-page: var(--lbr-spacing-x9);
-  --ctr-survey-question-panel-margin-left-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-question-panel-margin-right-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-question-panel-margin-top-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-page-toolbar-margin-left: var(--lbr-spacing-x1n);
-  --ctr-survey-page-toolbar-margin-right: var(--lbr-spacing-x1n);
-  --ctr-survey-page-padding-top-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-content-margin-bottom-placeholder: var(--lbr-spacing-x10);
-  --lbr-question-panel-padding-left: var(--lbr-spacing-x5);
-  --lbr-question-panel-padding-right: var(--lbr-spacing-x5);
-  --lbr-question-panel-padding-top: var(--lbr-spacing-x4);
-  --lbr-question-panel-padding-bottom: var(--lbr-spacing-x5);
-  --lbr-question-panel-header-padding-right-header-left: var(--lbr-spacing-x3);
-  --lbr-question-panel-header-padding-bottom-header-left: var(--lbr-spacing-x150);
-  --lbr-question-panel-header-padding-top-header-left: var(--lbr-spacing-x150);
-  --lbr-question-panel-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-top-no-header: var(--lbr-spacing-x5);
-  --lbr-question-panel-padding-bottom-collapsed: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-top-action-button: var(--lbr-spacing-x1n);
-  --lbr-question-panel-header-padding-bottom-action-button-collapsed: var(--lbr-spacing-x1n);
-  --lbr-question-panel-error-margin-vertical: var(--lbr-spacing-x5);
-  --lbr-question-panel-error-margin-vertical-near-header: var(--lbr-spacing-x4);
-  --lbr-question-panel-error-margin-horizontal: var(--lbr-spacing-x5n);
-  --lbr-question-panel-error-margin-vertical-panelless: var(--lbr-spacing-x1);
-  --lbr-question-panel-error-margin-vertical-near-header-panelless: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-bottom-header-below: var(--lbr-spacing-x4);
-  --lbr-question-panel-error-margin-horizontal-mobile: var(--lbr-spacing-x3n);
-  --lbr-question-panel-error-margin-vertical-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-error-margin-vertical-near-header-mobile: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-top-no-header-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-bottom-header-below-mobile: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-bottom-collapsed-mobile: var(--lbr-spacing-x1);
-  --lbr-question-panel-header-padding-left-expandable: var(--lbr-spacing-x5n);
-  --lbr-question-panel-header-padding-left-numbering: var(--lbr-spacing-x5n);
-  --lbr-question-panel-header-padding-right-action-button: var(--lbr-spacing-x3n);
-  --lbr-question-panel-padding-top-collapsed: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-left-expandable-mobile: var(--lbr-spacing-x3n);
-  --lbr-question-panel-header-padding-left-numbering-mobile: var(--lbr-spacing-x3n);
-  --lbr-question-panel-padding-top-collapsed-mobile: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-padding-bottom-selected: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-drag-area-margin-left: var(--lbr-spacing-x5n);
-  --ctr-survey-question-panel-drag-area-margin-right: var(--lbr-spacing-x5n);
-  --ctr-survey-question-panel-padding-bottom-minimized: var(--lbr-spacing-x4);
-  --ctr-survey-question-panel-drag-area-margin-bottom-no-header: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-padding-left-panelless: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-right-panelless: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-top-panelless: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-bottom-panelless-no-editing: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-bottom-selected-mobile: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-question-panel-drag-area-margin-right-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-question-panel-padding-bottom: var(--lbr-spacing-x8);
-  --lbr-page-header-padding-bottom: var(--lbr-spacing-x3);
-  --ctr-survey-question-panel-margin-bottom-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-page-button-footer-margin-top-panelless: var(--lbr-spacing-x7);
-  --lbr-page-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-multiple-text-gap: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-error-margin-top: var(--lbr-spacing-x1);
-  --ctr-string-table-shadow-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-string-table-shadow-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-string-table-shadow-blur: var(--ctr-shadow-small-blur);
-  --ctr-string-table-shadow-spread: var(--ctr-shadow-small-spread);
-  --ctr-string-table-shadow-color: var(--ctr-shadow-small-color);
-  --ctr-survey-question-panel-drag-area-expand-button-margin: var(--lbr-spacing-x05);
-  --lbr-editor-min-height: var(--lbr-size-x6);
-  --lbr-matrix-row-padding-left-expandable-header-row: var(--lbr-spacing-x6);
-  --lbr-matrix-row-padding-right-delete-button-colunm-title-row: var(--lbr-spacing-x7);
-  --lbr-matrix-margin-left: var(--lbr-spacing-x2n);
-  --lbr-matrix-gap: var(--lbr-spacing-x2);
-  --lbr-matrix-details-padding-left-no-row-titles: var(--lbr-spacing-x6);
-  --lbr-matrix-add-button-margin-left: var(--lbr-spacing-x3n);
-  --lbr-matrix-add-button-margin-left-expandable: var(--lbr-spacing-x3);
-  --lbr-matrix-margin-top-colunm-titles: var(--lbr-spacing-x150n);
-  --lbr-matrix-margin-bottom-add-button: var(--lbr-spacing-x150n);
-  --lbr-matrix-row-padding-top-single-select: var(--lbr-spacing-x1);
-  --lbr-matrix-row-padding-bottom-single-select: var(--lbr-spacing-x1);
-  --lbr-matrix-row-margin-bottom-column-titles-alt-rows: var(--lbr-spacing-x2);
-  --ctr-survey-ranking-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-ranking-item-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-radio-button-group-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-radio-button-group-item-margin-left-hovered-mobile: var(--lbr-spacing-x3n);
-  --lbr-drop-down-buttons-gap: var(--lbr-spacing-x05);
-  --lbr-drop-down-padding-left: var(--lbr-spacing-x2);
-  --lbr-drop-down-padding-right: var(--lbr-spacing-x05);
-  --lbr-drop-down-padding-top: var(--lbr-spacing-x05);
-  --lbr-drop-down-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-tag-box-gap: var(--lbr-spacing-x05);
-  --lbr-tag-box-padding-left: var(--lbr-spacing-x05);
-  --lbr-tag-box-search-text-margin-left: var(--lbr-spacing-x2);
-  --lbr-file-upload-height: var(--lbr-size-x40);
-  --lbr-ranking-gap-horizontal: var(--lbr-spacing-x5);
-  --lbr-image-height: var(--lbr-size-x40);
-  --ctr-survey-image-contextual-buttons-margin-left: var(--lbr-spacing-x1);
-  --ctr-survey-image-contextual-buttons-margin-right: var(--lbr-spacing-x1);
-  --ctr-survey-image-contextual-buttons-margin-top: var(--lbr-spacing-x1);
-  --ctr-survey-image-contextual-buttons-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-height: var(--lbr-size-x20);
-  --lbr-image-picker-item-select-button-margin-left: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-select-button-margin-right: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-select-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-select-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-signature-height: var(--lbr-size-x40);
-  --lbr-signature-contextual-buttons-margin-left: var(--lbr-spacing-x1);
-  --lbr-signature-contextual-buttons-margin-right: var(--lbr-spacing-x1);
-  --lbr-signature-contextual-buttons-margin-top: var(--lbr-spacing-x1);
-  --lbr-signature-contextual-buttons-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-ranking-drop-spot-height: var(--lbr-spacing-x5);
-  --lbr-ranking-drop-spot-width: var(--lbr-size-x32);
-  --lbr-ranking-drop-spot-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-toolbox-group-header-min-height: var(--sjs-spacing-x5);
-  --lbr-image-picker-gap: var(--lbr-spacing-x2);
-  --ctr-editor-layout-min-width: var(--sjs-size-x32);
-  --lbr-image-picker-item-min-width: var(--lbr-size-x32);
-  --ctr-data-table-actionbar-button-width: var(--sjs-spacing-x5);
-  --ctr-actionbar-button-icon-color-colorful: var(--sjs-primary-background-500);
-  --lbr-toc-menu-button-margin-page: var(--lbr-spacing-x2);
-  --lbr-toc-menu-button-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-item-actionbar-padding-left-inactive-mobile: var(--lbr-spacing-x5);
-  --ctr-survey-radio-button-group-show-more-button-margin-left-mobile: var(--lbr-spacing-x8);
-  --ctr-survey-checkboxes-show-more-button-margin-left-mobile: var(--lbr-spacing-x8);
-  --lbr-rating-item-width-small: var(--lbr-spacing-x3);
-  --lbr-rating-item-height-small: var(--lbr-spacing-x3);
-  --lbr-contextual-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --lbr-contextual-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-contextual-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-list-search-padding-left: var(--sjs-spacing-x2);
-  --ctr-list-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-list-search-padding-top: var(--sjs-spacing-x250);
-  --ctr-list-search-padding-bottom: var(--sjs-spacing-x250);
-  --ctr-list-search-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-list-search-border-color: var(--sjs-border-25);
-  --ctr-list-search-gap: var(--sjs-spacing-x2);
-  --ctr-list-search-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-list-search-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-list-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-list-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-property-grid-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-property-grid-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-toolbox-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-toolbox-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-button-padding-horizontal-contextual-button: var(--sjs-spacing-x10);
-  --ctr-survey-header-width: var(--lbr-size-x90);
-  --ctr-surface-gap: var(--sjs-spacing-x5);
-  --ctr-surface-padding-top: var(--sjs-spacing-x5);
-  --ctr-expression-item-padding-left-button: var(--sjs-spacing-x4);
-  --ctr-expression-item-padding-right-button: var(--sjs-spacing-x4);
-  --ctr-preview-device-background-color: var(--sjs-layer-1-background-500);
-  --ctr-preview-device-border-color: var(--sjs-layer-3-background-500);
-  --ctr-preview-device-border-width: var(--sjs-stroke-x4);
-  --ctr-preview-device-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-preview-device-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-preview-device-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-preview-device-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-preview-device-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-preview-device-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-preview-device-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-preview-device-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-preview-device-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-preview-device-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-preview-device-padding-left: var(--sjs-spacing-x2);
-  --ctr-preview-device-padding-right: var(--sjs-spacing-x2);
-  --ctr-preview-device-padding-top: var(--sjs-spacing-x8);
-  --ctr-preview-device-padding-bottom: var(--sjs-spacing-x8);
-  --ctr-preview-device-frame-background-color: var(--lbr-surface-background-color);
-  --ctr-preview-device-corner-radius: var(--sjs-corner-radius-x4);
-  --ctr-surface-padding-left: var(--sjs-spacing-x5);
-  --ctr-surface-padding-right: var(--sjs-spacing-x5);
-  --ctr-surface-padding-bottom: var(--sjs-spacing-x5);
-  --ctr-preview-device-frame-border-width: var(--sjs-stroke-x2);
-  --ctr-preview-device-frame-border-color: var(--sjs-border-25);
-  --ctr-surface-divider-color: var(--sjs-border-25);
-  --ctr-surface-divider-width: var(--sjs-stroke-x1);
-  --ctr-toolbox-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-margin-horizontal: var(--sjs-spacing-x05);
-  --ctr-toolbox-shadow-floating-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-shadow-floating-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-toolbox-shadow-floating-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-shadow-floating-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-toolbox-shadow-floating-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-shadow-floating-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-toolbox-shadow-floating-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-shadow-floating-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-toolbox-shadow-floating-2-color: var(--ctr-shadow-large-color);
-  --ctr-toolbox-shadow-floating-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-border-width-right-floating: var(--sjs-stroke-x1);
-  --ctr-surface-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-surface-text-color-link: var(--sjs-primary-background-400);
-  --ctr-string-table-background-color: var(--sjs-layer-3-background-500);
-  --lbr-header-gap-mobile: var(--lbr-spacing-x2);
-  --lbr-toc-menu-button-margin-right-header: var(--lbr-spacing-x1n);
-  --lbr-complete-page-text-max-width: var(--lbr-size-x90);
-  --ctr-toolbox-item-padding-left-submenu: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-padding-top-submenu: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-padding-bottom-submenu: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-gap: var(--sjs-spacing-x05);
-  --ctr-data-table-row-shadow-floating-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-data-table-row-shadow-floating-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-data-table-row-shadow-floating-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-data-table-row-shadow-floating-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-data-table-row-shadow-floating-1-color: var(--ctr-shadow-medium-color);
-  --ctr-data-table-row-shadow-floating-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-data-table-row-shadow-floating-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-data-table-row-shadow-floating-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-data-table-row-shadow-floating-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-data-table-row-shadow-floating-2-color: var(--ctr-shadow-large-color);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-blur: var(--ctr-shadow-small-blur);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-spread: var(--ctr-shadow-small-spread);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-color: var(--ctr-shadow-small-color);
-  --ctr-toolbox-item-shadow-floating-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-item-shadow-floating-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-item-shadow-floating-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-item-shadow-floating-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-item-shadow-floating-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-item-shadow-floating-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-toolbox-item-shadow-floating-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-toolbox-item-shadow-floating-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-toolbox-item-shadow-floating-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-toolbox-item-shadow-floating-2-color: var(--ctr-shadow-large-color);
-  --ctr-toolbox-item-shadow-hovered-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-item-shadow-hovered-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-item-shadow-hovered-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-item-shadow-hovered-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-item-shadow-hovered-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-item-shadow-pressed-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-toolbox-item-shadow-pressed-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-toolbox-item-shadow-pressed-blur: var(--ctr-shadow-small-blur);
-  --ctr-toolbox-item-shadow-pressed-spread: var(--ctr-shadow-small-spread);
-  --ctr-toolbox-item-shadow-pressed-color: var(--ctr-shadow-small-color);
-  --ctr-toolbox-item-shadow-hovered-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-toolbox-item-shadow-hovered-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-toolbox-item-shadow-hovered-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-toolbox-item-shadow-hovered-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-toolbox-item-shadow-hovered-2-color: var(--ctr-shadow-small-color);
-  --ctr-page-navigator-item-shadow-hovered-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-page-navigator-item-shadow-hovered-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-page-navigator-item-shadow-hovered-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-page-navigator-item-shadow-hovered-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-page-navigator-item-shadow-hovered-1-color: var(--ctr-shadow-medium-color);
-  --ctr-page-navigator-item-shadow-hovered-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-page-navigator-item-shadow-hovered-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-page-navigator-item-shadow-hovered-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-page-navigator-item-shadow-hovered-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-page-navigator-item-shadow-hovered-2-color: var(--ctr-shadow-small-color);
-  --ctr-button-shadow-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-button-shadow-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-button-shadow-blur: var(--ctr-shadow-small-blur);
-  --ctr-button-shadow-spread: var(--ctr-shadow-small-spread);
-  --ctr-button-shadow-color: var(--ctr-shadow-small-color);
-  --ctr-popup-menu-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-popup-menu-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-popup-menu-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-popup-menu-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-popup-menu-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-popup-menu-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-popup-menu-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-popup-menu-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-popup-menu-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-popup-menu-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-text-decor-shadow-editing-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-text-decor-shadow-editing-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-text-decor-shadow-editing-blur: var(--ctr-shadow-medium-blur);
-  --ctr-text-decor-shadow-editing-spread: var(--ctr-shadow-medium-spread);
-  --ctr-text-decor-shadow-editing-color: var(--ctr-shadow-medium-color);
-  --ctr-search-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-search-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-search-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-search-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-search-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-search-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-search-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-search-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-search-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-search-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-popup-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-popup-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-popup-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-popup-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-popup-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-popup-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-popup-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-popup-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-popup-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-popup-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-popup-shadow-3-offset-x: var(--ctr-shadow-x-large-offset-x);
-  --ctr-popup-shadow-3-offset-y: var(--ctr-shadow-x-large-offset-y);
-  --ctr-popup-shadow-3-blur: var(--ctr-shadow-x-large-blur);
-  --ctr-popup-shadow-3-spread: var(--ctr-shadow-x-large-spread);
-  --ctr-popup-shadow-3-color: var(--ctr-shadow-x-large-color);
-  --ctr-notification-shadow-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-notification-shadow-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-notification-shadow-blur: var(--ctr-shadow-medium-blur);
-  --ctr-notification-shadow-spread: var(--ctr-shadow-medium-spread);
-  --ctr-notification-shadow-color: var(--ctr-shadow-medium-color);
-  --lbr-shadow-inner-color: var(--sjs-special-shadow);
-  --ctr-code-viewer-text-margin-left-results-table: var(--sjs-spacing-x3);
-  --ctr-code-viewer-text-margin-right-results-table: var(--sjs-spacing-x3);
-  --ctr-code-viewer-text-margin-top-results-table: var(--sjs-spacing-x2);
-  --ctr-code-viewer-text-margin-bottom-results-table: var(--sjs-spacing-x2);
-  --lbr-matrix-margin-right-delete-button: var(--lbr-spacing-x3n);
-  --ctr-survey-ranking-info-panel-margin-top-select-to-rank-horizontal: var(--lbr-spacing-x2);
-  --ctr-checkbox-list-margin-top: var(--sjs-spacing-x2);
-  --ctr-editor-color-swatch-background-color-secondary: var(--sjs-secondary-background-500);
-  --ctr-editor-color-swatch-background-color-red: var(--sjs-semantic-red-background-500);
-  --ctr-editor-color-swatch-background-color-blue: var(--sjs-semantic-blue-background-500);
-  --ctr-editor-color-swatch-background-color-light: var(--sjs-layer-3-background-500);
-  --ctr-editor-color-swatch-background-color-dark: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-color-swatch-background-color-gray: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-color-swatch-color-secondary: var(--sjs-secondary-background-500);
-  --ctr-list-item-color-swatch-color-red: var(--sjs-semantic-red-background-500);
-  --ctr-list-item-color-swatch-color-blue: var(--sjs-semantic-blue-background-500);
-  --ctr-list-item-color-swatch-color-light: var(--sjs-layer-3-background-500);
-  --ctr-list-item-color-swatch-color-dark: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-color-swatch-color-gray: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-background-color-submenu: var(--sjs-layer-2-background-500);
-  --ctr-toolbox-item-text-color-submenu: var(--sjs-layer-2-foreground-100);
-  --lbr-file-upload-item-remove-button-margin-right-file: var(--lbr-spacing-x05);
-  --lbr-file-upload-item-remove-button-margin-right-thumbnail: var(--lbr-spacing-x2n);
-  --lbr-file-upload-item-remove-button-margin-top-thumbnail: var(--lbr-spacing-x2n);
-  --lbr-contextual-button-border-color-hovered-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-contextual-button-border-color-hovered-negative: var(--sjs-semantic-red-background-500);
-  --lbr-step-progress-bar-padding-left-fit-to-survey: var(--lbr-spacing-x05n);
-  --lbr-step-progress-bar-padding-right-fit-to-survey: var(--lbr-spacing-x05n);
-  --lbr-step-progress-bar-padding-left-fit-to-survey-with-number: var(--lbr-spacing-x1n);
-  --lbr-step-progress-bar-padding-right-fit-to-survey-with-number: var(--lbr-spacing-x1n);
-  --lbr-step-progress-bar-width: var(--lbr-size-x80);
-  --ctr-toolbox-min-width: var(--sjs-size-x20);
-  --ctr-popup-menu-margin-top-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-margin-bottom-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-margin-left-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-margin-right-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-max-width-tablet: var(--sjs-size-x40);
-  --ctr-font-default-line-height-all-caps: var(--sjs-line-height-x2);
-  --ctr-page-navigator-margin-top: var(--sjs-spacing-x12);
-  --lbr-progress-bar-height-large: var(--lbr-size-x05);
-  --lbr-progress-bar-margin-vertical: var(--lbr-spacing-x6n);
-  --lbr-progress-bar-margin-vertical-with-titles: var(--lbr-spacing-x3n);
-  --lbr-progress-bar-pager-label-background-color-floating: var(--sjs-layer-1-background-500);
-  --lbr-progress-bar-pager-label-padding-left: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-label-padding-right: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-label-padding-top: var(--lbr-spacing-x1);
-  --lbr-progress-bar-pager-label-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-progress-bar-pager-label-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-progress-bar-pager-label-text-color-floating: var(--sjs-layer-1-foreground-100);
-  --lbr-progress-bar-pager-label-shadow-1-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-progress-bar-pager-label-shadow-1-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-progress-bar-pager-label-shadow-1-blur: var(--lbr-shadow-small-blur);
-  --lbr-progress-bar-pager-label-shadow-1-spread: var(--lbr-shadow-small-spread);
-  --lbr-progress-bar-pager-label-shadow-1-color: var(--lbr-shadow-small-color);
-  --lbr-progress-bar-pager-label-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-progress-bar-pager-label-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-progress-bar-pager-label-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-progress-bar-pager-label-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-progress-bar-pager-label-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-step-progress-bar-background-color-fixed: var(--sjs-layer-3-background-500);
-  --lbr-step-progress-bar-shadow-fixed-1-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-step-progress-bar-shadow-fixed-1-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-step-progress-bar-shadow-fixed-1-blur: var(--lbr-shadow-small-blur);
-  --lbr-step-progress-bar-shadow-fixed-1-spread: var(--lbr-shadow-small-spread);
-  --lbr-step-progress-bar-shadow-fixed-1-color: var(--lbr-shadow-small-color);
-  --lbr-step-progress-bar-shadow-fixed-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-step-progress-bar-shadow-fixed-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-step-progress-bar-shadow-fixed-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-step-progress-bar-shadow-fixed-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-step-progress-bar-shadow-fixed-2-color: var(--lbr-shadow-medium-color);
-  --lbr-step-progress-bar-margin-top-fixed: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-top-no-titles-fixed: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-bottom-no-titles-fixed: var(--lbr-spacing-x1);
-  --lbr-step-progress-bar-margin-bottom-with-pager-fixed: var(--lbr-spacing-x150);
-  --lbr-step-progress-bar-margin-top-position-bottom-mobile: var(--lbr-spacing-x2);
-  --ctr-page-banner-background-color: var(--sjs-secondary-background-500);
-  --ctr-page-banner-text-color: var(--sjs-secondary-foreground-100);
-  --ctr-page-banner-padding-left: var(--sjs-spacing-x8);
-  --ctr-page-banner-padding-right: var(--sjs-spacing-x8);
-  --ctr-page-banner-padding-top: var(--sjs-spacing-x150);
-  --ctr-page-banner-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-page-banner-padding-left-mobile: var(--sjs-spacing-x3);
-  --ctr-page-banner-padding-right-mobile: var(--sjs-spacing-x3);
-  --ctr-page-banner-padding-top-mobile: var(--sjs-spacing-x1);
-  --ctr-page-banner-padding-bottom-mobile: var(--sjs-spacing-x150);
-  --ctr-survey-panel-border-color-container: var(--sjs-border-25);
-  --ctr-survey-panel-border-width-container: var(--lbr-stroke-x1);
-  --ctr-survey-question-panel-padding-bottom-selected-panelless: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-padding-bottom-panelless: var(--lbr-spacing-x6);
-  --ctr-surface-background-color-panelless: var(--sjs-layer-1-background-500);
-  --ctr-button-background-color-panelless: var(--sjs-layer-2-background-500);
-  --ctr-button-background-color-panelless-hovered: var(--sjs-layer-2-background-400);
-  --ctr-button-text-color-panelless-disabled: var(--sjs-layer-2-foreground-100);
-  --ctr-button-contextual-button-icon-color-panelless: var(--sjs-layer-2-foreground-50);
-  --ctr-toolbox-group-padding-left-compact: var(--sjs-spacing-x150);
-  --ctr-toolbox-group-padding-right-compact: var(--sjs-spacing-x150);
-  --ctr-radio-button-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-checkbox-button-check-mark-width: var(--sjs-font-size-x2);
-  --ctr-checkbox-button-check-mark-height: var(--sjs-font-size-x2);
-  --lbr-drop-down-content-margin-top: var(--lbr-spacing-x1);
-  --lbr-drop-down-content-margin-bottom: var(--lbr-spacing-x1);
-  --ctr-property-grid-width: var(--sjs-size-x60);
-  --ctr-survey-panel-drag-area-margin-bottom-panelless-selected: var(--lbr-spacing-x2);
-  --ctr-survey-panel-drag-area-margin-bottom-panelless-no-header-selected: var(--lbr-spacing-x3);
-  --ctr-survey-question-panel-floating-toolbar-margin: var(--lbr-spacing-x150);
-  --ctr-survey-question-panel-floating-toolbar-padding-left: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-padding-right: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-gap-items: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-question-panel-floating-toolbar-border-color: var(--sjs-border-25-overlay);
-  --ctr-survey-question-panel-floating-toolbar-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-question-panel-floating-toolbar-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-question-panel-floating-toolbar-gap-groups: var(--lbr-spacing-x1);
-  --lbr-page-loading-background-color: var(--sjs-layer-3-background-500);
-  --lbr-page-loading-padding-bottom: var(--lbr-spacing-x8);
-  --lbr-page-loading-loading-icon-width: var(--lbr-size-x12);
-  --lbr-page-loading-loading-icon-height: var(--lbr-size-x12);
-  --lbr-page-loading-loading-icon-circle-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-loading-loading-icon-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-page-loading-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-loading-padding-top: var(--lbr-spacing-x3);
-  --lbr-page-loading-padding-left: var(--lbr-spacing-x3);
-  --lbr-page-loading-padding-right: var(--lbr-spacing-x3);
-  --lbr-page-loading-message-color: var(--sjs-layer-3-foreground-50);
-  --lbr-ghost-button-padding-left: var(--lbr-spacing-x2);
-  --lbr-ghost-button-padding-right: var(--lbr-spacing-x2);
-  --lbr-ghost-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-ghost-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-ghost-button-border-width: var(--lbr-stroke-x2);
-  --lbr-ghost-button-border-color: var(--sjs-layer-3-foreground-100);
-  --lbr-ghost-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-ghost-button-text-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-loading-buttons-margin-top: var(--lbr-spacing-x3);
-  --lbr-ghost-button-border-color-hovered: var(--sjs-primary-background-500);
-  --lbr-ghost-button-text-color-hovered: var(--sjs-primary-background-400);
-  --lbr-ghost-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-page-loading-buttons-gap: var(--lbr-spacing-x1);
-  --lbr-page-loading-error-icon-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-page-loading-error-icon-width-error: var(--lbr-size-x8);
-  --lbr-page-loading-error-icon-height-error: var(--lbr-size-x8);
-  --ctr-toolbox-item-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-font-large-size: var(--lbr-font-size-x4);
-  --lbr-font-large-line-height: var(--lbr-line-height-x5);
-  --lbr-font-medium-size: var(--lbr-font-size-x3);
-  --lbr-font-medium-line-height: var(--lbr-line-height-x4);
-  --lbr-font-default-size: var(--lbr-font-size-x2);
-  --lbr-font-default-line-height: var(--lbr-line-height-x3);
-  --lbr-font-default-line-height-all-caps: var(--lbr-line-height-x2);
-  --lbr-font-small-size: var(--lbr-font-size-x150);
-  --lbr-font-small-line-height: var(--lbr-line-height-x2);
-  --lbr-font-code-size: var(--lbr-font-size-x2);
-  --lbr-font-code-line-height: var(--lbr-line-height-x3);
-  --ctr-list-item-padding-right-with-label-icon: var(--sjs-spacing-x150);
-  --ctr-survey-question-panel-padding-bottom-minimized-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-bottom-minimized-selected-mobile: var(--lbr-spacing-x3);
-  --ctr-survey-panel-background-color-overing: var(--sjs-primary-background-10);
-  --ctr-survey-panel-border-color-overing: var(--sjs-primary-background-500);
-  --ctr-survey-panel-border-width-overing: var(--lbr-stroke-x2);
-  --ctr-survey-page-background-color-overing: var(--sjs-primary-background-10);
-  --ctr-survey-page-border-color-overing: var(--sjs-primary-background-500);
-  --ctr-survey-page-border-width-overing: var(--lbr-stroke-x2);
-  --ctr-toolbox-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-padding-left-no-text: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-background-color-pressed: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-shadow-subitem-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-item-shadow-subitem-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-item-shadow-subitem-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-item-shadow-subitem-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-item-shadow-subitem-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-item-shadow-subitem-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-toolbox-item-shadow-subitem-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-toolbox-item-shadow-subitem-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-toolbox-item-shadow-subitem-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-toolbox-item-shadow-subitem-2-color: var(--ctr-shadow-small-color);
-  --ctr-toolbox-submenu-group-margin-bottom: var(--sjs-spacing-x2);
-  --ctr-toolbox-submenu-group-border-color: var(--sjs-border-10);
-  --ctr-toolbox-submenu-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-submenu-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-submenu-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-submenu-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-submenu-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-toolbox-submenu-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-toolbox-submenu-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-toolbox-submenu-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-toolbox-submenu-margin-left: var(--sjs-spacing-x2);
-  --ctr-list-item-background-color-selected-submenu: var(--sjs-primary-background-10);
-  --ctr-list-item-text-color-selected-submenu: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-icon-color-selected-submenu: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-submenu-arrow-color-selected-item-submenu: var(--sjs-layer-1-foreground-50);
-  --ctr-menu-item-padding-left-icon: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-menu-item-padding-right: var(--sjs-spacing-x3);
-  --ctr-menu-item-padding-right-icon: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-button-padding-top-with-description: var(--sjs-spacing-x05);
-  --ctr-property-grid-header-padding-top-with-subtitle: var(--sjs-spacing-x075);
-  --ctr-property-grid-header-padding-bottom-with-subtitle: var(--sjs-spacing-x075);
-  --ctr-list-item-label-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-label-icon-color-hovered: var(--sjs-layer-3-foreground-50);
-  --ctr-list-item-label-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-label-icon-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-data-table-form-gap: var(--sjs-spacing-x2);
-  --ctr-data-table-form-padding-left: var(--sjs-spacing-x4);
-  --ctr-data-table-form-background-color: var(--sjs-layer-3-background-500);
-  --ctr-data-table-form-padding-right: var(--sjs-spacing-x4);
-  --ctr-data-table-form-padding-top: var(--sjs-spacing-x2);
-  --ctr-data-table-form-padding-top-no-label: var(--sjs-spacing-x4);
-  --ctr-data-table-form-padding-bottom: var(--sjs-spacing-x5);
-  --ctr-data-table-form-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-data-table-form-border-color: var(--sjs-border-25);
-  --ctr-menu-toolbar-button-padding-left-with-description: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-padding-right-with-description: var(--sjs-spacing-x1);
-  --ctr-survey-page-border-color-minimized: var(--sjs-border-10);
-  --ctr-survey-page-border-width-minimized: var(--lbr-stroke-x2);
-  --ctr-survey-page-drag-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-page-drag-indicator-height: var(--lbr-size-x2);
-  --ctr-survey-page-drag-indicator-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-resize-frame-grip-width: var(--lbr-size-x1);
-  --ctr-survey-resize-frame-grip-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-resize-frame-grip-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-resize-frame-grip-height: var(--lbr-size-x3);
-  --ctr-survey-resize-frame-margin: var(--lbr-spacing-x05n);
-  --ctr-survey-resize-frame-grip-border-color: var(--sjs-secondary-background-500);
-  --ctr-survey-resize-frame-grip-border-width: var(--lbr-stroke-x2);
-  --lbr-footer-text-description-color-transparent: var(--sjs-layer-3-foreground-50);
-  --lbr-footer-text-title-color-transparent: var(--sjs-layer-3-foreground-100);
-  --lbr-footer-padding-top-transparent: var(--lbr-spacing-x8n);
-  --lbr-footer-padding-bottom-transparent: var(--lbr-spacing-x12);
-  --lbr-footer-padding-bottom-transparent-responsive: var(--lbr-spacing-x5);
-  --lbr-footer-padding-left-transparent-responsive: var(--lbr-spacing-x5);
-  --lbr-footer-padding-right-transparent-responsive: var(--lbr-spacing-x5);
-  --lbr-footer-padding-top-transparent-responsive: var(--lbr-spacing-x1n);
-  --lbr-footer-text-max-width: var(--lbr-size-x50);
-  --lbr-app-header-background-color: var(--sjs-primary-background-500);
-  --lbr-app-header-padding-left: var(--lbr-spacing-x3);
-  --lbr-app-header-padding-right: var(--lbr-spacing-x5);
-  --lbr-app-header-menu-item-padding-top: var(--lbr-spacing-x250);
-  --lbr-app-header-menu-item-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-app-header-border-color: var(--sjs-primary-background-400);
-  --lbr-app-header-border-width-bottom: var(--lbr-stroke-x4);
-  --lbr-app-header-title-text-color: var(--sjs-primary-foreground-100);
-  --lbr-app-header-title-icon-width: var(--lbr-size-x4);
-  --lbr-app-header-title-icon-height: var(--lbr-size-x4);
-  --lbr-app-header-title-icon-color: var(--sjs-primary-foreground-100);
-  --lbr-app-header-title-gap: var(--lbr-spacing-x150);
-  --lbr-app-header-menu-gap: var(--lbr-spacing-x5);
-  --lbr-app-header-menu-item-border-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-app-header-menu-item-border-width-bottom: var(--lbr-stroke-x4);
-  --lbr-app-header-menu-item-text-color: var(--sjs-primary-foreground-100);
-  --lbr-app-header-title-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-app-header-menu-item-border-color-hovered: var(--sjs-primary-foreground-100);
-  --lbr-footer-padding-left-transparent-mobile: var(--lbr-spacing-x3);
-  --lbr-footer-padding-right-transparent-mobile: var(--lbr-spacing-x3);
-  --lbr-footer-padding-top-transparent-mobile: var(--lbr-spacing-x3);
-  --lbr-footer-padding-bottom-transparent-mobile: var(--lbr-spacing-x3);
-  --ctr-surface-toolbar-padding-left: var(--sjs-spacing-x150);
-  --ctr-surface-toolbar-padding-right: var(--sjs-spacing-x150);
-  --ctr-surface-toolbar-padding-top: var(--sjs-spacing-x150);
-  --ctr-surface-toolbar-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-surface-toolbar-gap: var(--sjs-spacing-x1);
-  --ctr-toggle-button-thumb-background-color-active: var(--sjs-layer-1-foreground-50);
-  --ctr-toggle-button-thumb-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-toggle-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-toggle-button-gap: var(--sjs-spacing-x05);
-  --ctr-toggle-button-padding-left: var(--sjs-font-size-x05);
-  --ctr-toggle-button-padding-right: var(--sjs-font-size-x05);
-  --ctr-toggle-button-padding-top: var(--sjs-font-size-x05);
-  --ctr-toggle-button-padding-bottom: var(--sjs-font-size-x05);
-  --ctr-toggle-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-toggle-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-toggle-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-toggle-button-border-color: var(--sjs-border-25);
-  --ctr-toggle-button-border-width: var(--sjs-stroke-x1);
-  --ctr-toggle-button-thumb-width: var(--sjs-font-size-x2);
-  --ctr-toggle-button-thumb-height: var(--sjs-font-size-x2);
-  --ctr-toggle-button-background-color-checked: var(--sjs-primary-background-500);
-  --ctr-toggle-button-thumb-background-color-checked-focused: var(--sjs-primary-background-500);
-  --ctr-toggle-button-background-color-checked-focused: var(--sjs-primary-foreground-100);
-  --ctr-toggle-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-toggle-button-label-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-toggle-button-gap-label: var(--sjs-spacing-x1);
-  --ctr-toggle-button-thumb-background-color-checked: var(--sjs-primary-foreground-100);
-  --ctr-property-grid-advanced-mode-switcher-margin-top: var(--sjs-spacing-x4);
-  --ctr-property-grid-advanced-mode-switcher-margin-bottom: var(--sjs-spacing-x3);
-  --ctr-toggle-button-thumb-border-color: var(--sjs-border-25);
-  --ctr-toolbox-item-submenu-button-background-color: var(--sjs-layer-3-background-500);
-  --ctr-toolbox-item-submenu-button-background-color-hovered: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-submenu-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-toolbox-item-submenu-button-padding-left: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-padding-right: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-padding-top: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-icon-width: var(--sjs-font-size-x2);
-  --ctr-toolbox-item-submenu-button-icon-height: var(--sjs-font-size-x2);
-  --ctr-toolbox-item-submenu-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-toolbox-item-submenu-button-icon-color-hovered: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-submenu-button-margin-left: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-submenu-button-margin-right: var(--sjs-spacing-x05n);
-  --lbr-surface-background-color-panelless: var(--sjs-layer-1-background-500);
-  --ctr-survey-question-panel-toolbar-item-icon-container-width-x-small: var(--lbr-size-x2);
-  --ctr-survey-question-panel-toolbar-item-icon-container-height-x-small: var(--lbr-size-x2);
-  --lbr-slider-label-tick-color: var(--sjs-border-25);
-  --lbr-slider-label-tick-width: var(--lbr-size-x0125);
-  --lbr-slider-label-tick-height: var(--lbr-size-x05);
-  --lbr-slider-label-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-min-width: var(--lbr-size-x4);
-  --lbr-slider-thumb-width: var(--lbr-size-x4);
-  --lbr-slider-thumb-height: var(--lbr-size-x4);
-  --lbr-slider-thumb-color: var(--sjs-layer-1-background-500);
-  --lbr-slider-thumb-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-slider-thumb-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-slider-thumb-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-slider-thumb-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-slider-thumb-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-slider-thumb-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-slider-thumb-padding-left: var(--lbr-spacing-x075);
-  --lbr-slider-path-height: var(--lbr-size-x05);
-  --lbr-slider-path-color: var(--sjs-border-10);
-  --lbr-slider-path-color-filled: var(--sjs-primary-background-500);
-  --lbr-slider-path-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-slider-label-gap: var(--lbr-spacing-x05);
-  --lbr-slider-gap: var(--lbr-spacing-x1);
-  --lbr-slider-path-margin-left: var(--lbr-spacing-x1);
-  --lbr-slider-path-margin-right: var(--lbr-spacing-x1);
-  --lbr-slider-thumb-dot-width: var(--lbr-size-x150);
-  --lbr-slider-thumb-dot-height: var(--lbr-size-x150);
-  --lbr-slider-thumb-dot-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-slider-thumb-dot-color: var(--sjs-primary-background-500);
-  --lbr-slider-margin-left: var(--lbr-spacing-x05n);
-  --lbr-slider-margin-right: var(--lbr-spacing-x05n);
-  --lbr-slider-thumb-padding-right: var(--lbr-spacing-x075);
-  --lbr-slider-thumb-padding-top: var(--lbr-spacing-x075);
-  --lbr-slider-thumb-padding-bottom: var(--lbr-spacing-x075);
-  --lbr-tooltip-pointer-width: var(--lbr-size-x150);
-  --lbr-tooltip-pointer-height: var(--lbr-size-x075);
-  --lbr-tooltip-pointer-margin-left: var(--lbr-spacing-x1);
-  --lbr-tooltip-pointer-margin-right: var(--lbr-spacing-x1);
-  --lbr-tooltip-shadow-1-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-tooltip-shadow-1-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-tooltip-shadow-1-blur: var(--lbr-shadow-medium-blur);
-  --lbr-tooltip-shadow-1-spread: var(--lbr-shadow-medium-spread);
-  --lbr-tooltip-shadow-1-color: var(--lbr-shadow-medium-color);
-  --lbr-tooltip-shadow-2-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-tooltip-shadow-2-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-tooltip-shadow-2-blur: var(--lbr-shadow-small-blur);
-  --lbr-tooltip-shadow-2-spread: var(--lbr-shadow-small-spread);
-  --lbr-tooltip-shadow-2-color: var(--lbr-shadow-small-color);
-  --lbr-slider-tooltip-text-color: var(--sjs-primary-background-500);
-  --lbr-slider-thumb-dot-width-hovering: var(--lbr-size-x2);
-  --lbr-slider-thumb-dot-height-hovering: var(--lbr-size-x2);
-  --lbr-slider-path-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-slider-path-color-filled-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-path-height-preview: var(--lbr-size-x0125);
-  --lbr-slider-path-color-preview: var(--sjs-border-10);
-  --lbr-slider-path-color-filled-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-tick-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-tick-color-read-only: var(--sjs-border-10);
-  --lbr-slider-thumb-dot-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-thumb-dot-width-preivew: var(--lbr-size-x0125);
-  --lbr-slider-thumb-dot-height-preview: var(--lbr-size-x2);
-  --lbr-slider-label-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-tick-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-thumb-dot-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-slider-path-color-filled-disabled: var(--sjs-layer-2-background-400);
-  --lbr-slider-thumb-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-slider-thumb-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-slider-path-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-slider-thumb-dot-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-slider-path-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-matching-item-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-matching-item-padding-left: var(--lbr-spacing-x3);
-  --lbr-matching-item-padding-right: var(--lbr-spacing-x3);
-  --lbr-matching-item-padding-top: var(--lbr-spacing-x2);
-  --lbr-matching-item-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-matching-item-background-color: var(--sjs-layer-1-background-500);
-  --lbr-matching-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-gap-vertical: var(--lbr-spacing-x2);
-  --lbr-matching-item-border-color-answered: var(--sjs-border-10);
-  --lbr-matching-gap-horizontal: var(--lbr-spacing-x4);
-  --lbr-matching-item-background-color-answered: var(--sjs-layer-2-background-500);
-  --lbr-matching-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-matching-item-background-color-active: var(--sjs-primary-background-10);
-  --lbr-matching-item-border-width: var(--lbr-stroke-x1);
-  --lbr-matching-item-border-color: var(--sjs-border-25);
-  --lbr-matching-item-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-matching-item-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-matching-item-border-color-active: var(--sjs-border-10);
-  --lbr-matching-item-text-color-answered: var(--sjs-layer-2-foreground-50);
-  --lbr-matching-item-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-matching-item-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-text-color-disalbed-answered: var(--sjs-layer-2-foreground-100);
-  --lbr-matching-item-background-color-answered-disabled: var(--sjs-layer-2-background-400);
-  --lbr-matching-item-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-matching-item-border-color-read-only-answered: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-text-color-read-only-answered: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-connector-button-icon-width: var(--lbr-size-x2);
-  --lbr-matching-connector-button-icon-height: var(--lbr-size-x2);
-  --lbr-matching-connector-button-icon-color: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-background-color: var(--sjs-layer-1-background-500);
-  --lbr-matching-connector-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-matching-connector-button-border-width: var(--lbr-stroke-x1);
-  --lbr-matching-connector-button-border-color: var(--sjs-border-25);
-  --lbr-matching-connector-button-padding-left: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-padding-right: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-padding-top: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-padding-bottom: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-icon-color-hovered: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-border-color-hovered: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-matching-connector-button-border-color-focused: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-icon-color-focused: var(--sjs-semantic-red-background-500);
-  --lbr-matching-item-text-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-background-color-read-only: var(--sjs-layer-1-background-400);
-  --ctr-survey-matching-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-matching-item-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-matching-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-matching-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-matching-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-matching-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-matching-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-matching-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-matching-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-matching-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-matching-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-matching-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --ctr-survey-matching-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-survey-matching-item-padding-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-matching-item-padding-right-floating: var(--lbr-spacing-x3);
-  --ctr-survey-matching-item-padding-top-floating: var(--lbr-spacing-x05);
-  --ctr-survey-matching-item-padding-bottom-floating: var(--lbr-spacing-x05);
-  --ctr-survey-matching-item-corner-radius-floating: var(--lbr-corner-radius-round);
-  --ctr-survey-matching-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-matching-item-border-color-inactive: var(--sjs-border-10);
-  --ctr-tooltip-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-tooltip-padding-left: var(--sjs-spacing-x550);
-  --ctr-tooltip-padding-right: var(--sjs-spacing-x350);
-  --ctr-tooltip-padding-top: var(--sjs-spacing-x150);
-  --ctr-tooltip-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-tooltip-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-tooltip-background-color: var(--sjs-layer-1-background-500);
-  --ctr-tooltip-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-tooltip-shadow-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-tooltip-shadow-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-tooltip-shadow-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-tooltip-shadow-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-tooltip-shadow-2-color: var(--ctr-shadow-small-color);
-  --ctr-tooltip-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-tooltip-pointer-width: var(--sjs-size-x1);
-  --ctr-tooltip-pointer-height: var(--sjs-size-x05);
-  --ctr-tooltip-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-tooltip-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-tooltip-pointer-margin-left: var(--sjs-spacing-x1);
-  --ctr-tooltip-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-tooltip-pointer-margin-right: var(--sjs-spacing-x1);
-  --ctr-super-tooltip-corder-radius: var(--sjs-corner-radius-x05);
-  --ctr-super-tooltip-text-color-title: var(--sjs-layer-1-foreground-100);
-  --ctr-super-tooltip-image-width: var(--sjs-size-x32);
-  --ctr-super-tooltip-image-height: var(--sjs-size-x32);
-  --ctr-super-tooltip-text-color-description: var(--sjs-layer-1-foreground-50);
-  --ctr-super-tooltip-text-gap: var(--sjs-spacing-x05);
-  --ctr-super-tooltip-background-color: var(--sjs-layer-1-background-500);
-  --ctr-super-tooltip-pointer-width: var(--sjs-size-x150);
-  --ctr-super-tooltip-pointer-height: var(--sjs-size-x075);
-  --ctr-super-tooltip-pointer-margin-left: var(--sjs-spacing-x2);
-  --ctr-super-tooltip-pointer-margin-right: var(--sjs-spacing-x2);
-  --ctr-super-tooltip-width: var(--sjs-size-x64);
-  --ctr-super-tooltip-text-margin-left: var(--sjs-spacing-x3);
-  --ctr-super-tooltip-text-margin-right: var(--sjs-spacing-x3);
-  --ctr-super-tooltip-text-margin-top: var(--sjs-spacing-x250);
-  --ctr-super-tooltip-text-margin-bottom: var(--sjs-spacing-x3);
-  --ctr-super-tooltip-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-super-tooltip-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-super-tooltip-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-super-tooltip-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-super-tooltip-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-super-tooltip-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-super-tooltip-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-super-tooltip-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-super-tooltip-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-super-tooltip-shadow-1-color: var(--ctr-shadow-medium-color);
-  --lbr-timer-gap: var(--lbr-spacing-x05n);
-  --lbr-blank-fields-text-item-padding-top: var(--lbr-spacing-x1);
-  --lbr-blank-fields-text-item-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-blank-fields-text-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-blank-fields-text-item-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --lbr-blank-fields-field-border-width: var(--lbr-stroke-x1);
-  --lbr-blank-fields-field-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-blank-fields-field-border-color: var(--sjs-border-10);
-  --lbr-blank-fields-field-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-blank-fields-gap: var(--lbr-spacing-x1);
-  --lbr-blank-fields-line-height: var(--lbr-spacing-x2);
-  --ctr-survey-blank-form-add-row-button-margin-left: var(--lbr-spacing-x3n);
-  --ctr-survey-blank-form-add-row-button-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-blank-form-add-row-button-margin-buttom: var(--lbr-spacing-x1n);
-  --ctr-menu-item-padding-bottom: var(--sjs-spacing-x250);
-  --ctr-menu-item-padding-top: var(--sjs-spacing-x250);
-  --ctr-survey-blank-form-item-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --lbr-blank-fields-field-label-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-blank-fields-field-label-margin-top: var(--lbr-spacing-x05);
-  --lbr-blank-fields-field-margin-bottom: var(--lbr-spacing-x150n);
-  --lbr-blank-fields-field-margin-top: var(--lbr-spacing-x1);
-  --lbr-blank-fields-field-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-scrollbar-padding-horizontal-hovered: var(--sjs-spacing-x025);
-  --ctr-scrollbar-padding-vertical-hovered: var(--sjs-spacing-x025);
-  --ctr-toolbox-search-margin-bottom-compact: var(--sjs-spacing-x1n);
-  --lbr-slider-margin-top: var(--lbr-spacing-x1);
-  --lbr-button-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-button-padding-left-mobile: var(--lbr-spacing-x3);
-  --ctr-image-gallery-item-min-width: var(--sjs-size-x28);
-  --ctr-image-gallery-item-title-margin-top: var(--sjs-spacing-x05);
-  --ctr-image-gallery-item-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-image-gallery-gap: var(--sjs-spacing-x2);
-  --ctr-image-gallery-item-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-image-gallery-item-border-color: var(--sjs-border-25-overlay);
-  --ctr-image-gallery-item-border-width: var(--sjs-stroke-x1);
-  --ctr-image-gallery-item-checkmark-background-color: var(--sjs-primary-foreground-100);
-  --ctr-image-gallery-item-checkmark-icon-color: var(--sjs-primary-background-500);
-  --ctr-image-gallery-item-checkmark-icon-width: var(--sjs-size-x4);
-  --ctr-image-gallery-item-checkmark-icon-height: var(--sjs-size-x4);
-  --ctr-image-gallery-item-checkmark-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-image-gallery-item-checkmark-padding: var(--sjs-spacing-x1);
-  --ctr-image-gallery-item-background-color-selected: var(--sjs-primary-background-500);
-  --ctr-survey-radio-button-group-item-background-color-drop-spot: var(--sjs-layer-1-background-400);
-  --ctr-survey-radio-button-group-item-corner-radius-drop-spot: var(--lbr-corner-radius-round);
-  --ctr-survey-radio-button-group-item-height-drop-spot: var(--lbr-size-x6);
-  --ctr-image-gallery-item-background-height-drop-spot: var(--sjs-size-x6);
-  --ctr-image-gallery-item-background-corner-radius-drop-spot: var(--sjs-corner-radius-round);
-  --ctr-image-gallery-item-background-height-drop-spot-2: var(--sjs-size-x6);
-  --ctr-image-gallery-item-background-corner-radius-drop-spot-2: var(--sjs-corner-radius-round);
-  --ctr-survey-checkboxes-item-height-drop-spot: var(--lbr-size-x6);
-  --ctr-survey-checkboxes-item-corner-radius-drop-spot: var(--lbr-corner-radius-round);
-  --ctr-survey-checkboxes-item-background-color-drop-spot: var(--sjs-layer-1-background-400);
-  --ctr-survey-ranking-item-background-color-drop-spot: var(--sjs-layer-1-background-400);
-  --ctr-survey-ranking-item-height-drop-spot: var(--lbr-size-x6);
-  --ctr-survey-ranking-item-corner-radius-drop-spot: var(--lbr-corner-radius-round);
-  --lbr-dynamic-panel-footer-pager-margin-left: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-pager-margin-right: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-pager-margin-top: var(--lbr-spacing-x05);
-  --lbr-dynamic-panel-footer-pager-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-icon-width: var(--lbr-size-x3);
-  --lbr-popup-menu-search-icon-height: var(--lbr-size-x3);
-  --lbr-popup-menu-search-clear-button-icon-height: var(--lbr-size-x2);
-  --lbr-popup-menu-search-clear-button-icon-width: var(--lbr-size-x2);
-  --ctr-page-navigator-button-icon-color-checked: var(--sjs-primary-background-500);
-  --ctr-page-navigator-button-background-color-checked: var(--sjs-layer-3-background-500);
-  --ctr-surface-button-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-surface-button-gap: var(--lbr-spacing-x4);
-  --ctr-surface-button-padding-horizontal-contextual-button: var(--lbr-spacing-x10);
-  --ctr-surface-button-contextual-button-margin-horizontal: var(--lbr-spacing-x1);
-  --ctr-surface-button-padding-vertical: var(--lbr-spacing-x2);
-  --ctr-surface-button-contextual-button-icon-width: var(--lbr-size-x3);
-  --ctr-surface-button-contextual-button-icon-height: var(--lbr-size-x3);
-  --ctr-surface-button-contextual-button-margin-vertical: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-surface-button-contextual-button-padding-left: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-padding-right: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-padding-top: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-right-code: var(--sjs-spacing-x05);
-  --ctr-text-decor-padding-left-code: var(--sjs-spacing-x05);
-  --ctr-preview-pager-item-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-preview-pager-item-padding-left: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-left-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-right: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-right-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-top-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-bottom-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-icon-container-width: var(--sjs-font-size-x2);
-  --ctr-preview-pager-item-icon-container-height: var(--sjs-font-size-x2);
-  --lbr-matching-connector-width: var(--lbr-size-x450);
-  --lbr-matching-connector-height: var(--lbr-size-x150);
-  --lbr-tag-box-item-remove-button-icon-width: var(--lbr-font-size-x2);
-  --lbr-tag-box-item-remove-button-icon-height: var(--lbr-font-size-x2);
-  --ctr-editor-border-color-highlighted: var(--sjs-secondary-background-500);
-  --ctr-editor-border-width-highlighed: var(--sjs-stroke-x2);
-  --ctr-survey-page-content-margin-top-no-header: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-background-color-pressed: var(--sjs-layer-3-background-500);
-  --ctr-survey-page-toolbar-item-background-color-pressed: var(--sjs-layer-3-background-400);
-  --ctr-survey-page-toolbar-item-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-page-toolbar-item-icon-color: var(--sjs-secondary-background-500);
-  --ctr-survey-page-margin-left-with-toolbar: var(--sjs-spacing-x850);
-  --ctr-survey-page-margin-right-with-toolbar: var(--sjs-spacing-x850);
-  --ctr-expression-item-padding-left-icon-only: var(--sjs-spacing-x1);
-  --ctr-expression-item-padding-right-icon-only: var(--sjs-spacing-x1);
-  --ctr-expression-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-expression-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-expression-item-icon-color: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-background-color-remove-button-hovered: var(--sjs-semantic-red-background-10);
-  --ctr-survey-header-padding-bottom-advanced: var(--lbr-spacing-x2);
-  --ctr-survey-header-padding-top-advanced: var(--lbr-spacing-x2);
-  --ctr-collapse-button-margin-top: var(--sjs-spacing-x05n);
-  --ctr-collapse-button-margin-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-min-width: var(--sjs-size-x40);
-  --ctr-list-padding-left-no-data: var(--sjs-spacing-x2);
-  --ctr-list-padding-right-no-data: var(--sjs-spacing-x2);
-  --ctr-list-padding-top-no-data: var(--sjs-spacing-x4);
-  --ctr-list-padding-bottom-no-data: var(--sjs-spacing-x4);
-  --ctr-list-no-data-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-page-navigator-button-icon-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-actionbar-button-border-color-highlighted: var(--sjs-secondary-background-500);
-  --ctr-actionbar-button-border-width-highlighed: var(--sjs-stroke-x2);
-  --ctr-survey-question-panel-toolbar-item-text-color-selected: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-question-panel-toolbar-item-icon-color-selected: var(--sjs-secondary-background-500);
-  --ctr-actionbar-button-background-color-hovered-colorful: var(--sjs-primary-background-10);
-  --ctr-actionbar-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-actionbar-button-text-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-actionbar-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-actionbar-button-icon-color-with-text-hovered-negative: var(--sjs-semantic-red-background-500);
-  --ctr-actionbar-button-icon-color-with-text-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-header-logo-placeholder-margin-left-advanced: var(--lbr-spacing-x2n);
-  --ctr-survey-header-logo-margin-top-advanced: var(--lbr-spacing-x2);
-  --ctr-survey-header-logo-margin-right-advanced: var(--lbr-spacing-x2);
-  --lbr-button-icon-width: var(--lbr-size-x3);
-  --lbr-button-icon-height: var(--lbr-size-x3);
-  --lbr-button-icon-color: var(--sjs-primary-background-500);
-  --lbr-button-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-button-padding-left-small-icon-only: var(--lbr-spacing-x150);
-  --lbr-button-padding-right-small-icon-only: var(--lbr-spacing-x150);
-  --lbr-cover-background: var(--sjs-primary-background-500);
-  --lbr-breadcrumbs-item-separator-icon-width: var(--lbr-size-x150);
-  --lbr-breadcrumbs-item-separator-color: var(--sjs-layer-3-foreground-50);
-  --lbr-breadcrumbs-item-separator-icon-height: var(--lbr-size-x150);
-  --lbr-breadcrumbs-item-text-color: var(--sjs-layer-3-foreground-50);
-  --lbr-breadcrumbs-gap: var(--lbr-spacing-x1);
-  --lbr-page-header-breadcrumbs-margin-bottom: var(--lbr-spacing-x250);
-  --lbr-button-padding-right-icon-only: var(--lbr-spacing-x2);
-  --lbr-button-padding-left-icon-only: var(--lbr-spacing-x2);
-  --lbr-data-table-row-padding-left: var(--lbr-spacing-x2);
-  --lbr-data-table-row-padding-right: var(--lbr-spacing-x2);
-  --lbr-data-table-row-padding-top: var(--lbr-spacing-x1);
-  --lbr-data-table-row-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-data-table-row-gap: var(--lbr-spacing-x4);
-  --lbr-data-table-row-background-color: var(--sjs-layer-1-background-500);
-  --lbr-data-table-row-border-color: var(--sjs-border-10);
-  --lbr-data-table-row-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-data-table-row-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-data-table-row-text-color-title: var(--sjs-layer-1-foreground-100);
-  --lbr-data-table-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-data-table-background-color: var(--sjs-layer-3-background-500);
-  --lbr-data-table-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-data-table-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-data-table-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-data-table-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-data-table-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-data-table-row-text-margin-top: var(--lbr-spacing-x05);
-  --lbr-data-table-row-text-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-data-table-actions-gap: var(--lbr-spacing-x05);
-  --lbr-popup-toolbar-pointer-width: var(--lbr-size-x150);
-  --lbr-popup-toolbar-pointer-height: var(--lbr-size-x075);
-  --lbr-popup-toolbar-pointer-margin-left: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-pointer-margin-right: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-background-color: var(--sjs-layer-1-background-500);
-  --lbr-popup-toolbar-close-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-popup-toolbar-close-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-icon-width: var(--lbr-size-x2);
-  --lbr-popup-toolbar-close-button-icon-height: var(--lbr-size-x2);
-  --lbr-popup-toolbar-close-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-popup-toolbar-close-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --lbr-popup-toolbar-close-button-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-popup-toolbar-header-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-popup-toolbar-header-margin-top: var(--lbr-spacing-x05);
-  --lbr-popup-toolbar-header-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-toolbar-header-gap: var(--lbr-spacing-x4);
-  --lbr-popup-toolbar-gap: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-top: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-left: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-right: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-header-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-header-padding-top: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-header-padding-right: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-header-padding-left: var(--lbr-spacing-x2);
-  --lbr-separator-width: var(--lbr-stroke-x1);
-  --lbr-cover-row-gap: var(--lbr-spacing-x150);
-  --lbr-cover-column-gap: var(--lbr-spacing-x6);
-  --ctr-info-panel-background-color-primary: var(--sjs-primary-background-10);
-  --ctr-info-panel-padding-left: var(--sjs-spacing-x4);
-  --ctr-info-panel-padding-right: var(--sjs-spacing-x4);
-  --ctr-info-panel-padding-top: var(--sjs-spacing-x3);
-  --ctr-info-panel-padding-bottom: var(--sjs-spacing-x3);
-  --ctr-info-panel-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-info-panel-text-color-primary: var(--sjs-layer-3-foreground-100);
-  --ctr-surface-placeholder-image-max-width: var(--sjs-size-x43);
-  --lbr-popup-menu-background-color-global: var(--sjs-layer-3-background-500);
-  --lbr-list-item-text-color-action: var(--sjs-primary-background-500);
-  --ctr-list-item-icon-width-small: var(--sjs-font-size-x2);
-  --ctr-list-item-icon-height-small: var(--sjs-font-size-x2);
-  --ctr-toolbox-group-header-background-color: var(--sjs-layer-3-background-500);
-  --ctr-toolbox-item-max-width: var(--sjs-size-x40);
-}
-
diff --git a/packages/survey-creator-core/src/themes/predefined-themes/v2-24.css b/packages/survey-creator-core/src/themes/predefined-themes/v2-24.css
deleted file mode 100644
index 83e269ba41..0000000000
--- a/packages/survey-creator-core/src/themes/predefined-themes/v2-24.css
+++ /dev/null
@@ -1,3459 +0,0 @@
- /* Variables  */
- :root {
-  --ctr-button-group-item-border-width: 0px;
-  --ctr-popup-menu-padding-left: 0px;
-  --ctr-popup-menu-padding-right: 0px;
-  --ctr-popup-menu-padding-top: 0px;
-  --ctr-popup-menu-padding-bottom: 0px;
-  --ctr-shadow-medium-blur: 8px;
-  --ctr-shadow-medium-offset-y: 2px;
-  --ctr-shadow-large-blur: 32px;
-  --ctr-shadow-large-offset-y: 16px;
-  --ctr-shadow-large-offset-x: 0px;
-  --ctr-shadow-large-spread: 0px;
-  --ctr-shadow-medium-offset-x: 0px;
-  --ctr-shadow-medium-spread: 0px;
-  --ctr-list-search-icon-opacity: 100px;
-  --ctr-label-opacity-disabled: 25px;
-  --ctr-caption-with-actions-text-opacity-disabled: 25px;
-  --ctr-radio-button-text-opacity-disabled: 25px;
-  --ctr-checkbox-text-opacity-disabled: 25px;
-  --ctr-button-group-item-border-width-selected-disabled: 0px;
-  --ctr-shadow-small-offset-x: 0px;
-  --ctr-shadow-small-offset-y: 1px;
-  --ctr-shadow-small-blur: 2px;
-  --ctr-shadow-small-spread: 0px;
-  --ctr-shadow-x-large-offset-x: 0px;
-  --ctr-shadow-x-large-offset-y: 32px;
-  --ctr-shadow-x-large-blur: 64px;
-  --ctr-shadow-x-large-spread: 0px;
-  --ctr-property-grid-placeholder-text-max-width: 320px;
-  --ctr-property-grid-placeholder-padding-bottom: 0px;
-  --ctr-editor-content-text-opacity-disabled: 25px;
-  --ctr-editor-label-opacity-disabled: 25px;
-  --ctr-editor-button-icon-opacity-disabled: 25px;
-  --ctr-editor-button-icon-opacity-pressed: 50px;
-  --ctr-checkbox-description-text-opacity-disabled: 25px;
-  --ctr-actionbar-button-opacity-pressed: 50px;
-  --ctr-actionbar-button-opacity-disabled: 25px;
-  --ctr-actionbar-button-opacity-muted: 35px;
-  --ctr-list-item-opacity-disabled: 25px;
-  --ctr-list-item-contextual-buttons-opacity-pressed: 50px;
-  --ctr-list-item-contextual-buttons-opacity-default: 50px;
-  --ctr-editor-color-swatch-opacity-hovered: 50px;
-  --ctr-editor-color-swatch-opacity-disabled: 25px;
-  --ctr-menu-item-opacity-disabled: 25px;
-  --ctr-menu-toolbar-button-opacity-disabled: 25px;
-  --ctr-menu-toolbar-button-opacity-pressed: 50px;
-  --ctr-toolbox-item-text-opacity-pressed: 50px;
-  --ctr-toolbox-item-icon-opacity-pressed: 35px;
-  --ctr-toolbox-item-opacity-submenu: 100px;
-  --ctr-toolbox-item-text-opacity-disabled: 25px;
-  --ctr-toolbox-button-opacity-pressed: 50px;
-  --ctr-page-navigator-button-opacity-pressed: 50px;
-  --ctr-button-text-opacity-disabled: 25px;
-  --ctr-property-grid-switcher-toggle-button-border-width-checked: 0px;
-  --ctr-property-grid-chapter-caption-text-opacity-disabled: 25px;
-  --ctr-toolbox-group-header-border-width-bottom: 0px;
-  --ctr-notification-opacity: 75px;
-  --ctr-notification-opacity-error: 100px;
-  --ctr-string-table-row-border-width-top: 0px;
-  --ctr-string-table-row-border-width-left: 0px;
-  --ctr-string-table-row-border-width-right: 0px;
-  --ctr-toolbox-group-header-border-width-top: 0px;
-  --ctr-toolbox-group-header-border-width-left: 0px;
-  --ctr-toolbox-group-header-border-width-right: 0px;
-  --ctr-text-decor-padding-top: 0px;
-  --ctr-text-decor-padding-bottom: 0px;
-  --ctr-caption-with-actions-description-text-opacity-disabled: 25px;
-  --ctr-data-table-cell-gap: 0px;
-  --ctr-data-table-cell-drop-down-arrow-opacity: 50px;
-  --ctr-data-table-cell-padding-top-header: 0px;
-  --ctr-data-table-cell-padding-bottom-header: 0px;
-  --ctr-data-table-cell-opacity-disabled: 25px;
-  --ctr-data-table-row-padding-left: 0px;
-  --ctr-data-table-row-drag-area-icon-opacity: 50px;
-  --ctr-data-table-row-border-width-last-row: 0px;
-  --ctr-toolbox-separator-padding-right: 0px;
-  --ctr-toolbox-padding-left: 0px;
-  --ctr-toolbox-padding-right: 0px;
-  --ctr-toolbox-group-padding-top: 0px;
-  --ctr-toolbox-group-padding-bottom: 0px;
-  --ctr-button-contextual-button-opacity-disabled: 25px;
-  --ctr-button-contextual-button-opacity-pressed: 50px;
-  --lbr-contextual-button-icon-opacity-disabled: 25px;
-  --ctr-survey-question-panel-toolbar-item-opacity-pressed: 50px;
-  --ctr-survey-question-panel-toolbar-item-opacity-disabled: 25px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-left-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-right-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-top-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-bottom-large: 0px;
-  --ctr-survey-question-panel-toolbar-item-opacity-muted: 50px;
-  --ctr-survey-question-panel-toolbar-item-padding-left-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-padding-right-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-padding-top-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-padding-bottom-small: 0px;
-  --ctr-survey-question-panel-drag-area-drag-indicator-opacity: 50px;
-  --ctr-survey-question-panel-drag-area-padding-left-mobile: 0px;
-  --ctr-survey-question-panel-drag-area-padding-right-mobile: 0px;
-  --ctr-survey-question-panel-drag-area-padding-top-with-buttons-mobile: 0px;
-  --ctr-survey-question-panel-drag-area-padding-bottom-with-buttons-mobile: 0px;
-  --ctr-preview-pager-padding-right: 0px;
-  --ctr-preview-pager-padding-left: 0px;
-  --ctr-code-viewer-code-error-row-fix-button-padding-top: 0px;
-  --ctr-code-viewer-code-error-row-fix-button-padding-bottom: 0px;
-  --ctr-code-viewer-padding-left-fullscreen: 0px;
-  --ctr-code-viewer-padding-right-fullscreen: 0px;
-  --ctr-code-viewer-padding-top-fullscreen: 0px;
-  --ctr-code-viewer-padding-bottom-fullscreen: 0px;
-  --ctr-code-viewer-corner-radius-fullscreen: 0px;
-  --ctr-label-padding-left: 0px;
-  --ctr-label-padding-right: 0px;
-  --ctr-editor-limit-label-padding-right-with-button: 0px;
-  --ctr-property-grid-search-corner-radius: 0px;
-  --ctr-search-button-opacity-disabled: 25px;
-  --ctr-survey-action-button-opacity-disabled: 25px;
-  --ctr-survey-contextual-button-icon-opacity-disabled: 25px;
-  --lbr-action-button-opacity-disabled: 25px;
-  --lbr-tag-box-item-remove-button-opacity-pressed: 50px;
-  --lbr-popup-menu-search-corner-radius: 0px;
-  --lbr-popup-menu-search-clear-button-opacity-disabled: 25px;
-  --lbr-notification-opacity: 75px;
-  --lbr-notification-opacity-error: 100px;
-  --ctr-survey-placeholder-loading-circle-opacity: 10px;
-  --ctr-survey-image-picker-item-loading-circle-opacity: 10px;
-  --ctr-survey-item-actionbar-drag-indicator-opacity: 50px;
-  --ctr-survey-item-actionbar-drag-indicator-padding-left-mobile: 0px;
-  --ctr-survey-item-actionbar-drag-indicator-padding-right-mobile: 0px;
-  --ctr-property-grid-form-border-width-bottom: 0px;
-  --ctr-page-navigator-item-opacity-step-1: 75px;
-  --ctr-page-navigator-item-opacity-step-2: 50px;
-  --ctr-page-navigator-item-opacity-step-3: 25px;
-  --ctr-toolbox-search-corner-radius: 0px;
-  --ctr-toolbox-group-header-margin-top: 0px;
-  --ctr-toolbox-group-header-margin-bottom: 0px;
-  --lbr-shadow-x-large-offset-x: 0px;
-  --lbr-shadow-x-large-offset-y: 32px;
-  --lbr-shadow-x-large-blur: 64px;
-  --lbr-shadow-x-large-spread: 0px;
-  --lbr-shadow-large-offset-x: 0px;
-  --lbr-shadow-large-offset-y: 16px;
-  --lbr-shadow-large-blur: 32px;
-  --lbr-shadow-large-spread: 0px;
-  --lbr-shadow-medium-offset-x: 0px;
-  --lbr-shadow-medium-offset-y: 2px;
-  --lbr-shadow-medium-blur: 8px;
-  --lbr-shadow-medium-spread: 0px;
-  --lbr-shadow-small-offset-x: 0px;
-  --lbr-shadow-small-offset-y: 1px;
-  --lbr-shadow-small-blur: 2px;
-  --lbr-shadow-small-spread: 0px;
-  --lbr-checkboxes-item-text-opacity-disabled: 25px;
-  --ctr-survey-checkboxes-item-button-opacity-inactive: 35px;
-  --lbr-checkboxes-item-button-check-mark-opacity-disabled: 25px;
-  --ctr-survey-radio-button-group-item-button-opacity-inactive: 35px;
-  --lbr-radio-buttons-item-button-dot-opacity-disabled: 25px;
-  --lbr-radio-buttons-item-text-opacity-disabled: 25px;
-  --lbr-editor-text-opacity-disabled: 25px;
-  --lbr-editor-padding-left-preview: 0px;
-  --lbr-editor-padding-right-preview: 0px;
-  --lbr-editor-corner-radius-preview: 0px;
-  --lbr-labeled-editor-label-opacity-disabled: 25px;
-  --lbr-editor-button-icon-opacity-pressed: 50px;
-  --lbr-editor-button-icon-opacity-disabled: 25px;
-  --lbr-rating-item-text-opacity-disabled: 25px;
-  --lbr-rating-label-opacity-disabled: 25px;
-  --lbr-rating-smiley-opacity-disabled-selected: 15px;
-  --lbr-rating-smiley-red-opacity: 25px;
-  --lbr-rating-smiley-red-opacity-hovered: 50px;
-  --lbr-rating-smiley-yellow-opacity: 25px;
-  --lbr-rating-smiley-yellow-opacity-hovered: 50px;
-  --lbr-rating-smiley-green-opacity: 25px;
-  --lbr-rating-smiley-green-opacity-hovered: 50px;
-  --lbr-ranking-item-number-text-opacity-disabled: 25px;
-  --lbr-ranking-item-number-icon-opacity-disabled: 25px;
-  --lbr-ranking-item-text-opacity-disabled: 25px;
-  --ctr-survey-ranking-item-padding-left-floating-mobile: 0px;
-  --lbr-ranking-indicators-padding-left: 0px;
-  --lbr-ranking-indicators-padding-right: 0px;
-  --lbr-ranking-indicators-drag-indicator-icon-opacity-mobile: 25px;
-  --lbr-ranking-indicators-sort-indicator-padding-left-mobile: 0px;
-  --lbr-ranking-indicators-sort-indicator-padding-right-mobile: 0px;
-  --ctr-survey-item-actionbar-padding-left: 0px;
-  --lbr-boolean-thumb-text-opacity-disabled: 25px;
-  --lbr-image-picker-item-opacity-disabled: 25px;
-  --lbr-image-picker-item-opacity-preview: 25px;
-  --lbr-image-picker-item-opacity-hovered: 50px;
-  --lbr-image-picker-item-opacity-error: 75px;
-  --lbr-file-upload-item-loading-circle-opacity: 10px;
-  --lbr-signature-loading-circle-opacity: 10px;
-  --lbr-placeholder-loading-circle-opacity: 10px;
-  --lbr-file-upload-image-opacity-disabled: 25px;
-  --lbr-list-item-text-opacity-disabled: 25px;
-  --lbr-page-layout-gap-none: 0px;
-  --lbr-button-text-opacity-disabled: 25px;
-  --lbr-window-header-button-opacity-pressed: 50px;
-  --lbr-matrix-title-cell-text-opacity-disabled: 25px;
-  --ctr-survey-header-logo-loading-circle-opacity: 10px;
-  --lbr-cover-padding-bottom-no-background: 0px;
-  --lbr-tag-box-item-opacity-disabled: 25px;
-  --lbr-popup-menu-footer-padding-left: 0px;
-  --lbr-popup-menu-footer-padding-right: 0px;
-  --lbr-matrix-details-padding-right: 0px;
-  --lbr-dynamic-panel-tabs-item-padding-left: 0px;
-  --lbr-dynamic-panel-tabs-item-padding-right: 0px;
-  --lbr-dynamic-panel-tabs-item-opacity-disabled: 25px;
-  --lbr-dynamic-panel-tabs-button-icon-opacity-pressed: 50px;
-  --lbr-step-progress-bar-connector-opacity: 50px;
-  --lbr-step-progress-bar-step-dot-background-opacity: 50px;
-  --lbr-step-progress-bar-step-dot-margin-top: 0px;
-  --lbr-step-progress-bar-step-dot-margin-bottom: 0px;
-  --lbr-step-progress-bar-margin-top-position-bottom: 0px;
-  --lbr-page-padding-left: 0px;
-  --lbr-page-padding-right: 0px;
-  --ctr-survey-question-panel-opacity-hidden: 25px;
-  --lbr-question-panel-corner-radius-nested: 0px;
-  --lbr-progress-bar-section-title-opacity-pressed: 50px;
-  --lbr-dynamic-panel-item-header-title-opacity-disabled: 25px;
-  --lbr-placeholder-text-opacity-disabled: 25px;
-  --lbr-placeholder-padding-bottom-with-button: 0px;
-  --lbr-signature-signature-opacity-disabled: 25px;
-  --ctr-editor-color-swatch-icon-color: #FFFFFFFF;
-  --ctr-editor-color-swatch-icon-color-stroke: #00000040;
-  --lbr-pager-text-opacity-disabled: 25px;
-  --lbr-dynamic-panel-details-area-padding-bottom: 0px;
-  --lbr-question-panel-header-title-opacity-disabled: 25px;
-  --lbr-question-panel-header-description-opacity-disabled: 25px;
-  --lbr-question-panel-header-gap-mobile: 0px;
-  --lbr-panel-header-padding-left-expandable: 0px;
-  --lbr-dynamic-panel-tabs-padding-left-nested: 0px;
-  --lbr-dynamic-panel-tabs-padding-right-nested: 0px;
-  --lbr-page-padding-bottom-no-buttons: 0px;
-  --ctr-survey-page-margin-bottom: 0px;
-  --ctr-survey-page-margin-left-mobile: 0px;
-  --ctr-survey-page-margin-right-mobile: 0px;
-  --ctr-survey-page-margin-top-mobile: 0px;
-  --lbr-dynamic-panel-content-margin-top-placeholder: 0px;
-  --lbr-question-panel-padding-top-error: 0px;
-  --lbr-question-panel-padding-bottom-error: 0px;
-  --ctr-survey-question-panel-padding-top-selected: 0px;
-  --ctr-survey-page-header-padding-new-page: 0px;
-  --lbr-panel-layout-item-min-width: 0px;
-  --ctr-button-group-item-text-opacity-disabled: 25px;
-  --ctr-button-group-item-icon-opacity-disabled: 25px;
-  --lbr-matrix-margin-left-expandable: 0px;
-  --lbr-matrix-margin-left-no-row-title: 0px;
-  --lbr-matrix-gap-single-select: 0px;
-  --lbr-drop-down-buttons-margin: 0px;
-  --lbr-drop-down-padding-left-preview: 0px;
-  --lbr-drop-down-padding-right-preview: 0px;
-  --lbr-tag-box-item-padding-left-preview: 0px;
-  --ctr-survey-header-logo-placeholder-icon-opacity: 50px;
-  --ctr-survey-image-no-image-icon-opacity: 50px;
-  --ctr-list-search-corner-radius: 0px;
-  --ctr-property-grid-search-icon-opacity: 100px;
-  --ctr-toolbox-search-icon-opacity: 100px;
-  --ctr-preview-device-width: 400px;
-  --ctr-toolbox-item-shadow-hovered-1-color: #00000000;
-  --ctr-toolbox-item-shadow-pressed-color: #00000000;
-  --ctr-toolbox-item-shadow-hovered-2-color: #00000000;
-  --lbr-shadow-inner-offset-x: 0px;
-  --lbr-shadow-inner-offset-y: 1px;
-  --lbr-shadow-inner-blur: 2px;
-  --lbr-shadow-inner-spread: 0px;
-  --ctr-page-navigator-margin-top: 0px;
-  --lbr-progress-bar-pager-label-opacity-floating: 75px;
-  --ctr-survey-question-panel-floating-toolbar-opacity-no-focus: 25px;
-  --lbr-page-loading-background-opacity: 75px;
-  --lbr-page-loading-loading-icon-circle-opacity: 10px;
-  --lbr-ghost-button-opacity: 25px;
-  --ctr-toolbox-item-icon-opacity-disabled: 25px;
-  --ctr-list-item-icon-opacity-label: 50px;
-  --ctr-toolbox-item-shadow-subitem-1-color: #00000000;
-  --ctr-toolbox-item-shadow-subitem-2-color: #00000000;
-  --ctr-toolbox-submenu-margin-left: 0px;
-  --ctr-list-item-label-icon-opacity-label: 50px;
-  --ctr-survey-page-drag-indicator-opacity: 50px;
-  --lbr-footer-padding-left-transparent: 0px;
-  --lbr-footer-padding-right-transparent: 0px;
-  --lbr-app-header-menu-item-opacity-disabled: 25px;
-  --ctr-toggle-button-thumb-border-width: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-left-x-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-right-x-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-top-x-small: 0px;
-  --ctr-survey-question-panel-toolbar-item-icon-padding-bottom-x-small: 0px;
-  --lbr-slider-label-opacity-disabled: 25px;
-  --lbr-slider-thumb-dot-opacity-disabled: 100px;
-  --lbr-matching-item-text-opacity-disabled: 25px;
-  --ctr-super-tooltip-padding-left: 0px;
-  --ctr-super-tooltip-padding-right: 0px;
-  --ctr-super-tooltip-padding-top: 0px;
-  --ctr-super-tooltip-padding-bottom: 0px;
-  --lbr-blank-fields-text-item-padding-left: 0px;
-  --lbr-blank-fields-text-item-padding-right: 0px;
-  --ctr-survey-item-actionbar-padding-right-add: 0px;
-  --lbr-blank-fields-field-padding-top: 0px;
-  --lbr-blank-fields-field-padding-bottom: 0px;
-  --lbr-blank-fields-field-padding-left: 0px;
-  --lbr-blank-fields-field-padding-right: 0px;
-  --ctr-line-height-unit: 8px;
-  --ctr-font-unit: 8px;
-  --ctr-spacing-unit: 8px;
-  --ctr-corner-radius-unit: 8px;
-  --ctr-stroke-unit: 1px;
-  --ctr-size-unit: 8px;
-  --ctr-data-table-cell-padding-right-drop-down: 0px;
-  --ctr-image-gallery-item-image-opacity-hovered: 50px;
-  --ctr-image-gallery-item-image-opacity-disabled: 25px;
-  --ctr-image-gallery-item-image-opacity-selected: 50px;
-  --lbr-stroke-unit: 1px;
-  --lbr-spacing-unit: 8px;
-  --lbr-font-unit: 8px;
-  --lbr-corner-radius-unit: 8px;
-  --lbr-size-unit: 8px;
-  --lbr-line-height-unit: 8px;
-  --ctr-text-decor-padding-bottom-code: 0px;
-  --ctr-text-decor-padding-top-code: 0px;
-  --ctr-preview-pager-item-icon-padding-left: 0px;
-  --ctr-preview-pager-item-icon-padding-right: 0px;
-  --ctr-preview-pager-item-icon-padding-top: 0px;
-  --ctr-preview-pager-item-icon-padding-bottom: 0px;
-  --ctr-page-navigator-button-icon-opacity-disabled: 25px;
-  --lbr-button-icon-opacity-disabled: 25px;
-  --lbr-popup-toolbar-close-button-opacity-pressed: 50px;
-}
-
- /* Aliases  */
- :root {
-  --ctr-toolbox-item-icon-color: var(--sjs-primary-background-500);
-  --ctr-toolbox-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-icon-color-pressed: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-text-color-pressed: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-background-color: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-border-color: var(--sjs-border-25);
-  --ctr-toolbox-border-width-right: var(--sjs-stroke-x1);
-  --ctr-toolbox-group-header-padding-left: var(--sjs-spacing-x2);
-  --ctr-toolbox-group-header-padding-right: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-margin-left: var(--sjs-spacing-x150);
-  --ctr-menu-toolbar-button-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-menu-toolbar-button-background-color-selected: var(--sjs-primary-background-10);
-  --ctr-menu-toolbar-button-icon-color: var(--sjs-layer-1-foreground-75);
-  --ctr-menu-toolbar-button-icon-color-selected: var(--sjs-primary-background-500);
-  --ctr-toolbox-item-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-toolbox-item-text-color-hovered: var(--sjs-layer-1-foreground-100);
-  --ctr-property-grid-form-background-color: var(--sjs-layer-1-background-500);
-  --ctr-list-item-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-button-group-item-border-color: var(--sjs-border-10);
-  --ctr-button-group-item-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-button-group-item-background-color: var(--sjs-layer-3-background-500);
-  --ctr-button-group-item-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-menu-item-icon-color: var(--sjs-layer-1-foreground-75);
-  --ctr-button-group-item-icon-color: var(--sjs-layer-3-foreground-75);
-  --ctr-button-group-item-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-button-group-item-text-color-selected: var(--sjs-primary-background-500);
-  --ctr-button-group-item-icon-color-selected: var(--sjs-primary-background-500);
-  --ctr-button-group-gap: var(--sjs-spacing-x05);
-  --ctr-editor-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-editor-background-color: var(--sjs-layer-3-background-500);
-  --ctr-editor-border-color: var(--sjs-border-10);
-  --ctr-editor-background-color-disabled: var(--sjs-layer-1-background-500);
-  --ctr-editor-button-icon-color: var(--sjs-layer-3-foreground-75);
-  --ctr-editor-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-button-group-item-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-background-color: var(--sjs-layer-3-background-500);
-  --ctr-radio-button-border-color: var(--sjs-border-10);
-  --ctr-radio-button-border-width: var(--sjs-stroke-x1);
-  --ctr-checkbox-background-color: var(--sjs-layer-3-background-500);
-  --ctr-checkbox-border-color: var(--sjs-border-10);
-  --ctr-checkbox-border-width: var(--sjs-stroke-x1);
-  --ctr-checkbox-button-check-mark-color: var(--sjs-primary-background-500);
-  --ctr-radio-button-button-dot-color-default: var(--sjs-primary-background-500);
-  --ctr-radio-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-radio-button-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-radio-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-radio-button-background-color-disabled: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-button-dot-color-disabled: var(--sjs-border-25);
-  --ctr-checkbox-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-checkbox-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-checkbox-button-check-mark-color-disabled: var(--sjs-border-25);
-  --ctr-checkbox-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-checkbox-background-color-disabled: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-list-padding-left: var(--sjs-spacing-x1);
-  --ctr-list-padding-right: var(--sjs-spacing-x1);
-  --ctr-list-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-list-padding-top: var(--sjs-spacing-x1);
-  --ctr-list-border-color: var(--sjs-border-25);
-  --ctr-actionbar-button-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-popup-menu-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-popup-menu-footer-padding-left: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-button-group-item-background-color-disabled: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-border-color-selected: var(--sjs-border-25);
-  --ctr-radio-button-background-color-focused: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-background-color-selected-hovered: var(--sjs-layer-1-background-500);
-  --ctr-radio-button-background-color-selected-focused: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-focused: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-selected: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-selected-hovered: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-background-color-selected-focused: var(--sjs-layer-1-background-500);
-  --ctr-checkbox-border-color-selected: var(--sjs-border-25);
-  --ctr-radio-button-border-color-disabled: var(--sjs-border-10);
-  --ctr-checkbox-border-color-disabled: var(--sjs-border-10);
-  --ctr-button-group-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-button-group-padding: var(--sjs-spacing-x05);
-  --ctr-button-group-background-color: var(--sjs-layer-3-background-500);
-  --ctr-button-group-border-color: var(--sjs-border-10);
-  --ctr-button-group-border-width: var(--sjs-stroke-x1);
-  --ctr-button-group-item-border-width-selected: var(--sjs-stroke-x1);
-  --ctr-button-group-item-padding-horizontal: var(--sjs-spacing-x2);
-  --ctr-button-group-item-padding-vertical: var(--sjs-spacing-x1);
-  --ctr-button-group-background-color-disabled: var(--sjs-layer-1-background-500);
-  --ctr-button-group-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-button-group-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-button-group-item-text-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-survey-page-background-color-selected: var(--sjs-special-background);
-  --ctr-surface-background-color: var(--sjs-special-background);
-  --ctr-survey-question-panel-toolbar-item-corner-radius: var(--lbr-corner-radius-x075);
-  --ctr-popup-background-color: var(--sjs-layer-1-background-500);
-  --ctr-popup-corner-radius: var(--sjs-corner-radius-x2);
-  --ctr-shadow-large-color: var(--sjs-special-glow);
-  --ctr-shadow-medium-color: var(--sjs-special-glow);
-  --ctr-button-padding-horizontal: var(--sjs-spacing-x6);
-  --ctr-button-padding-vertical: var(--sjs-spacing-x2);
-  --ctr-button-contextual-button-margin-horizontal: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-margin-vertical: var(--sjs-spacing-x1);
-  --ctr-button-padding-horizontal-small: var(--sjs-spacing-x4);
-  --ctr-button-padding-vertical-small: var(--sjs-spacing-x150);
-  --ctr-button-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-button-corner-radius-small: var(--sjs-corner-radius-x075);
-  --ctr-list-item-icon-color: var(--sjs-primary-background-500);
-  --ctr-list-item-icon-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-list-item-icon-color-disabled: var(--sjs-layer-1-foreground-75);
-  --ctr-editor-button-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-survey-page-toolbar-item-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-survey-page-toolbar-item-corner-radius: var(--lbr-corner-radius-x075);
-  --ctr-list-search-icon-color: var(--sjs-layer-1-foreground-75);
-  --ctr-caption-with-actions-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-label-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-label-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-caption-with-actions-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-radio-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-checkbox-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-button-group-item-background-color-selected-disabled: var(--sjs-layer-1-background-400);
-  --ctr-popup-haze-background-color: var(--sjs-special-haze);
-  --ctr-shadow-small-color: var(--sjs-special-shadow);
-  --ctr-shadow-x-large-color: var(--sjs-special-glow);
-  --ctr-actionbar-button-icon-color: var(--sjs-layer-1-foreground-75);
-  --ctr-actionbar-button-icon-color-hovered: var(--sjs-layer-1-foreground-75);
-  --ctr-actionbar-button-icon-color-selected: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-with-text: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-with-text-hovered: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-icon-color-with-text-disabled: var(--sjs-layer-1-foreground-75);
-  --ctr-list-item-submenu-arrow-color: var(--sjs-layer-1-foreground-75);
-  --ctr-list-item-submenu-arrow-color-selected-item: var(--sjs-primary-foreground-100);
-  --ctr-page-navigator-button-icon-color: var(--sjs-layer-3-foreground-75);
-  --ctr-page-navigator-button-icon-color-hovered: var(--sjs-layer-3-foreground-75);
-  --ctr-list-border-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-tabs-padding-left: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-background-color: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-tabs-border-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-tabs-border-color: var(--sjs-border-25);
-  --ctr-property-grid-tabs-separator-margin: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-gap: var(--sjs-spacing-x150);
-  --ctr-property-grid-border-color: var(--sjs-border-25);
-  --ctr-property-grid-border-width-left: var(--sjs-stroke-x1);
-  --ctr-property-grid-placeholder-padding-left: var(--sjs-spacing-x6);
-  --ctr-property-grid-placeholder-padding-top: var(--sjs-spacing-x12);
-  --ctr-property-grid-placeholder-image-margin-top: var(--sjs-spacing-x3);
-  --ctr-property-grid-placeholder-text-gap: var(--sjs-spacing-x1);
-  --ctr-property-grid-placeholder-text-title-color: var(--sjs-layer-1-foreground-100);
-  --ctr-property-grid-placeholder-text-description-color: var(--sjs-layer-1-foreground-50);
-  --ctr-surface-placeholder-padding-left: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-padding-bottom: var(--sjs-spacing-x16);
-  --ctr-surface-placeholder-text-margin-top: var(--sjs-spacing-x4);
-  --ctr-surface-placeholder-text-margin-bottom: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-text-gap: var(--sjs-spacing-x1);
-  --ctr-surface-placeholder-max-width: var(--sjs-size-x90);
-  --ctr-surface-placeholder-padding-top: var(--sjs-spacing-x4);
-  --ctr-surface-placeholder-padding-right: var(--sjs-spacing-x6);
-  --ctr-toolbox-group-header-margin-right: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-padding-right: var(--sjs-spacing-x150);
-  --ctr-property-grid-tabs-padding-top: var(--sjs-spacing-x150);
-  --ctr-property-grid-placeholder-padding-right: var(--sjs-spacing-x6);
-  --ctr-popup-menu-footer-padding-right: var(--sjs-spacing-x1);
-  --ctr-editor-content-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-editor-label-color: var(--sjs-layer-3-foreground-50);
-  --ctr-editor-content-icon-color: var(--sjs-layer-3-foreground-75);
-  --ctr-editor-content-text-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-editor-button-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-editor-label-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-editor-content-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-content-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-button-icon-color-disabled: var(--sjs-layer-3-foreground-75);
-  --ctr-radio-button-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-checkbox-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-checkbox-description-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-checkbox-description-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-actionbar-button-gap: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-left-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-right-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-top-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-bottom-large-icon: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-text-color: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-actionbar-button-padding-left-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-right-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-top-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-bottom-small-icon: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-left-medium-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-right-medium-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-top-medium-text: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-padding-bottom-medium-text: var(--sjs-spacing-x05);
-  --ctr-actionbar-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-actionbar-button-border-color-selected: var(--sjs-primary-background-500);
-  --ctr-actionbar-button-border-width-selected: var(--sjs-stroke-x2);
-  --ctr-list-item-gap: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-left-large-icon-text: var(--sjs-spacing-x150);
-  --ctr-actionbar-button-padding-right-large-icon-text: var(--sjs-spacing-x2);
-  --ctr-list-item-padding-left: var(--sjs-spacing-x2);
-  --ctr-list-item-padding-right: var(--sjs-spacing-x6);
-  --ctr-list-item-padding-top: var(--sjs-spacing-x150);
-  --ctr-list-item-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-list-item-padding-right-submenu: var(--sjs-spacing-x1);
-  --ctr-list-item-padding-left-second-level: var(--sjs-spacing-x4);
-  --ctr-list-item-padding-bottom-with-icon: var(--sjs-spacing-x150);
-  --ctr-list-item-padding-top-with-icon: var(--sjs-spacing-x150);
-  --ctr-list-item-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-list-item-background-color-selected: var(--sjs-primary-background-500);
-  --ctr-list-item-text-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-list-item-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-text-color-hovered: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-submenu-arrow-color-hovered-item: var(--sjs-layer-1-foreground-75);
-  --ctr-list-item-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-list-item-contextual-buttons-color: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-contextual-buttons-color-hovered: var(--sjs-primary-background-500);
-  --ctr-list-item-contextual-buttons-color-danger-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-list-item-contextual-buttons-color-selected-item: var(--sjs-primary-foreground-100);
-  --ctr-list-item-contextual-buttons-padding: var(--sjs-spacing-x05);
-  --ctr-list-item-submenu-arrow-padding: var(--sjs-spacing-x05);
-  --ctr-list-item-contextual-buttons-gap: var(--sjs-spacing-x1);
-  --ctr-list-item-color-swatch-color-primary: var(--sjs-primary-background-500);
-  --ctr-list-item-color-swatch-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-list-item-color-swatch-width: var(--sjs-font-size-x4);
-  --ctr-list-item-color-swatch-height: var(--sjs-font-size-x3);
-  --ctr-list-item-color-swatch-border-color: var(--sjs-border-25-overlay);
-  --ctr-list-item-color-swatch-border-width: var(--sjs-stroke-x1);
-  --ctr-list-item-color-swatch-border-color-selected-item: var(--sjs-primary-foreground-100);
-  --ctr-list-background-color: var(--sjs-layer-1-background-500);
-  --ctr-editor-color-swatch-background-color-primary: var(--sjs-primary-background-500);
-  --ctr-editor-color-swatch-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-editor-color-swatch-border-color: var(--sjs-border-25-overlay);
-  --ctr-editor-color-swatch-border-width: var(--sjs-stroke-x1);
-  --ctr-editor-color-swatch-padding-horizontal: var(--sjs-font-size-x1);
-  --ctr-editor-color-swatch-padding-vertical: var(--sjs-font-size-x05);
-  --ctr-editor-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-editor-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-editor-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-editor-button-gap: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-icon-width-small: var(--sjs-font-size-x2);
-  --ctr-actionbar-button-icon-height-small: var(--sjs-font-size-x2);
-  --ctr-actionbar-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-actionbar-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-actionbar-button-drop-down-arrow-width: var(--sjs-font-size-x2);
-  --ctr-actionbar-button-drop-down-arrow-height: var(--sjs-font-size-x2);
-  --ctr-list-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-list-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-list-item-submenu-arrow-width: var(--sjs-font-size-x2);
-  --ctr-list-item-submenu-arrow-height: var(--sjs-font-size-x2);
-  --ctr-editor-color-swatch-icon-width: var(--sjs-font-size-x2);
-  --ctr-editor-color-swatch-icon-height: var(--sjs-font-size-x2);
-  --ctr-editor-content-icon-width: var(--sjs-font-size-x3);
-  --ctr-editor-content-icon-height: var(--sjs-font-size-x3);
-  --ctr-editor-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-editor-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-radio-button-button-width: var(--sjs-font-size-x3);
-  --ctr-radio-button-button-height: var(--sjs-font-size-x3);
-  --ctr-radio-button-button-dot-width: var(--sjs-size-x1);
-  --ctr-radio-button-button-dot-height: var(--sjs-size-x1);
-  --ctr-checkbox-button-width: var(--sjs-font-size-x3);
-  --ctr-checkbox-button-height: var(--sjs-font-size-x3);
-  --ctr-checkbox-link-color: var(--sjs-primary-background-500);
-  --ctr-button-group-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-button-group-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-menu-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-menu-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-menu-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-item-padding-left: var(--sjs-spacing-x3);
-  --ctr-menu-item-gap: var(--sjs-spacing-x1);
-  --ctr-menu-item-background-color: var(--sjs-layer-1-background-500);
-  --ctr-menu-item-border-color-selected: var(--sjs-primary-background-500);
-  --ctr-menu-item-border-width-bottom-selected: var(--sjs-stroke-x2);
-  --ctr-menu-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-menu-background-color: var(--sjs-layer-1-background-500);
-  --ctr-menu-toolbar-button-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-toolbar-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-menu-toolbar-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-menu-toolbar-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-gap: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-text-gap: var(--sjs-spacing-x05);
-  --ctr-menu-toolbar-button-text-color-secondary: var(--sjs-layer-1-foreground-50);
-  --ctr-menu-toolbar-button-text-color-selected: var(--sjs-primary-background-500);
-  --ctr-menu-toolbar-button-text-color-secondary-pressed: var(--sjs-layer-1-foreground-100);
-  --ctr-menu-toolbar-button-text-color-secondary-selected: var(--sjs-primary-background-500);
-  --ctr-menu-toolbar-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-menu-toolbar-button-background-color-pressed: var(--sjs-layer-1-background-400);
-  --ctr-menu-toolbar-button-text-color-secondary-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-toolbox-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-toolbox-item-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-toolbox-item-padding-left: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-padding-right: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-gap: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-toolbox-item-padding-right-no-text: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-padding-left-rtl: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-padding-right-rtl: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-border-color-floating: var(--sjs-secondary-background-500);
-  --ctr-toolbox-item-border-width-floating: var(--sjs-stroke-x2);
-  --ctr-toolbox-button-icon-color-pressed: var(--sjs-primary-background-500);
-  --ctr-toolbox-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-toolbox-button-background-color-pressed: var(--sjs-primary-background-10);
-  --ctr-page-navigator-item-dot-radius-small: var(--sjs-font-size-x075);
-  --ctr-page-navigator-item-dot-radius-large: var(--sjs-font-size-x1);
-  --ctr-page-navigator-item-dot-border-width-selected: var(--sjs-stroke-x2);
-  --ctr-page-navigator-item-dot-border-color-selected: var(--sjs-layer-3-foreground-75);
-  --ctr-page-navigator-item-dot-color-hovered: var(--sjs-primary-background-500);
-  --ctr-page-navigator-item-dot-color-default: var(--sjs-layer-3-foreground-75);
-  --ctr-page-navigator-item-dot-color-selected: var(--sjs-special-background);
-  --ctr-page-navigator-item-dot-container-width: var(--sjs-font-size-x250);
-  --ctr-page-navigator-item-dot-container-height: var(--sjs-font-size-x250);
-  --ctr-page-navigator-item-background-color-hovered: var(--sjs-layer-1-background-500);
-  --ctr-page-navigator-item-text-color-hovered: var(--sjs-layer-1-foreground-100);
-  --ctr-page-navigator-item-padding-left-hovered: var(--sjs-spacing-x2);
-  --ctr-page-navigator-item-padding-right: var(--sjs-spacing-x125);
-  --ctr-page-navigator-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-page-navigator-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-page-navigator-item-gap: var(--sjs-spacing-x1);
-  --ctr-page-navigator-item-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-page-navigator-item-padding-left: var(--sjs-spacing-x125);
-  --ctr-page-navigator-button-padding: var(--sjs-spacing-x1);
-  --ctr-page-navigator-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-page-navigator-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-page-navigator-button-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-page-navigator-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-page-navigator-button-background-color-pressed: var(--sjs-primary-background-10);
-  --ctr-page-navigator-button-icon-color-pressed: var(--sjs-layer-3-foreground-75);
-  --ctr-popup-menu-background-color: var(--sjs-layer-1-background-500);
-  --ctr-popup-menu-pointer-width: var(--sjs-size-x2);
-  --ctr-popup-menu-pointer-height: var(--sjs-size-x1);
-  --ctr-popup-menu-pointer-color: var(--sjs-layer-1-background-500);
-  --ctr-popup-menu-pointer-margin: var(--sjs-spacing-x4);
-  --ctr-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-button-text-color: var(--sjs-primary-background-500);
-  --ctr-button-gap: var(--sjs-spacing-x4);
-  --ctr-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-button-background-color-danger: var(--sjs-semantic-red-background-500);
-  --ctr-button-background-color-danger-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-button-background-color-cta: var(--sjs-primary-background-500);
-  --ctr-button-background-color-cta-hovered: var(--sjs-primary-background-400);
-  --ctr-button-text-color-danger: var(--sjs-semantic-red-foreground-100);
-  --ctr-button-text-color-cta: var(--sjs-primary-foreground-100);
-  --ctr-button-text-color-danger-focused: var(--sjs-semantic-red-background-500);
-  --ctr-button-border-color-danger-focused: var(--sjs-semantic-red-background-500);
-  --ctr-collapse-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-collapse-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-collapse-button-padding: var(--sjs-spacing-x150);
-  --ctr-collapse-button-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-collapse-button-icon-color: var(--sjs-layer-3-foreground-75);
-  --ctr-collapse-button-icon-color-hovered: var(--sjs-layer-3-foreground-75);
-  --ctr-collapse-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-property-grid-switcher-text-color: var(--sjs-layer-1-foreground-75);
-  --ctr-property-grid-switcher-gap: var(--sjs-spacing-x1);
-  --ctr-property-grid-switcher-toggle-button-background-color: var(--sjs-layer-3-background-500);
-  --ctr-property-grid-switcher-toggle-button-border-color: var(--sjs-border-25);
-  --ctr-property-grid-switcher-toggle-button-border-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-switcher-toggle-button-padding-left: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-switcher-toggle-button-padding-top: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-thumb-color: var(--sjs-layer-3-foreground-50);
-  --ctr-property-grid-switcher-toggle-button-thumb-width: var(--sjs-size-x1);
-  --ctr-property-grid-switcher-toggle-button-thumb-height: var(--sjs-size-x1);
-  --ctr-property-grid-switcher-toggle-button-thumb-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-property-grid-switcher-toggle-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-property-grid-switcher-toggle-button-background-color-hovered: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-switcher-toggle-button-background-color-checked: var(--sjs-primary-background-500);
-  --ctr-property-grid-switcher-toggle-button-background-color-checked-focused: var(--sjs-primary-foreground-100);
-  --ctr-property-grid-switcher-toggle-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-property-grid-switcher-toggle-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-property-grid-switcher-toggle-button-thumb-color-checked: var(--sjs-primary-foreground-100);
-  --ctr-property-grid-switcher-toggle-button-thumb-color-checked-focused: var(--sjs-primary-background-500);
-  --ctr-property-grid-switcher-toggle-button-padding-left-checked: var(--sjs-spacing-x2);
-  --ctr-property-grid-switcher-toggle-button-padding-right-checked: var(--sjs-spacing-x05);
-  --ctr-property-grid-switcher-toggle-button-thumb-color-focused: var(--sjs-primary-background-500);
-  --ctr-property-grid-chapter-caption-background-color: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-chapter-caption-padding-left: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-chapter-caption-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-chapter-caption-border-color: var(--sjs-border-25);
-  --ctr-property-grid-chapter-caption-text-color: var(--sjs-layer-1-foreground-75);
-  --ctr-property-grid-chapter-caption-text-color-selected: var(--sjs-layer-1-foreground-100);
-  --ctr-property-grid-chapter-caption-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-property-grid-chapter-caption-background-color-focused: var(--sjs-layer-1-background-400);
-  --ctr-property-grid-chapter-caption-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-expression-item-padding-left: var(--sjs-spacing-x2);
-  --ctr-expression-item-background-color-parameter: var(--sjs-semantic-blue-background-10);
-  --ctr-expression-item-padding-right: var(--sjs-spacing-x2);
-  --ctr-expression-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-expression-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-expression-item-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-expression-item-text-color-parameter: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-background-color-parameter-hovered: var(--sjs-semantic-blue-background-500);
-  --ctr-expression-item-background-color-parameter-editing: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-parameter-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-border-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-border-width: var(--sjs-stroke-x2);
-  --ctr-expression-item-text-color-parameter-hovered: var(--sjs-semantic-blue-foreground-100);
-  --ctr-expression-item-text-color-parameter-editing: var(--sjs-layer-1-foreground-100);
-  --ctr-expression-item-text-color-parameter-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-parameter-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-operator-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-operator: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-text-color-operator-hovered: var(--sjs-semantic-yellow-foreground-100);
-  --ctr-expression-item-text-color-operator-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-conjunction: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-text-color-conjunction-hovered: var(--sjs-semantic-yellow-foreground-100);
-  --ctr-expression-item-text-color-conjunction-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-conjunction-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-action: var(--sjs-layer-3-foreground-100);
-  --ctr-expression-item-text-color-action-hovered: var(--sjs-semantic-red-foreground-100);
-  --ctr-expression-item-text-color-action-empty: var(--sjs-layer-3-foreground-50);
-  --ctr-expression-item-text-color-action-error: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-text-color-button: var(--sjs-primary-background-500);
-  --ctr-expression-item-text-color-button-hovered: var(--sjs-primary-foreground-100);
-  --ctr-expression-item-background-color-operator: var(--sjs-semantic-yellow-background-10);
-  --ctr-expression-item-background-color-operator-hovered: var(--sjs-semantic-yellow-background-500);
-  --ctr-expression-item-background-color-operator-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-conjunction: var(--sjs-semantic-yellow-background-10);
-  --ctr-expression-item-background-color-conjunction-hovered: var(--sjs-semantic-yellow-background-500);
-  --ctr-expression-item-background-color-conjunction-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-action: var(--sjs-semantic-red-background-10);
-  --ctr-expression-item-background-color-action-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-background-color-action-error: var(--sjs-layer-1-background-500);
-  --ctr-expression-item-background-color-button: var(--sjs-primary-background-10);
-  --ctr-expression-item-background-color-button-hovered: var(--sjs-primary-background-500);
-  --ctr-expression-item-border-color-editing: var(--sjs-semantic-blue-background-500);
-  --ctr-expression-item-text-color-function: var(--sjs-layer-3-foreground-100);
-  --ctr-data-table-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-border-color: var(--sjs-border-25);
-  --ctr-data-table-border-width: var(--sjs-stroke-x1);
-  --ctr-separator-width: var(--sjs-stroke-x1);
-  --ctr-separator-color: var(--sjs-border-25);
-  --ctr-separator-margin-vertical-small: var(--sjs-spacing-x1);
-  --ctr-separator-margin-horizontal-small: var(--sjs-spacing-x1);
-  --ctr-separator-margin-vertical-medium: var(--sjs-spacing-x2);
-  --ctr-separator-margin-horizontal-medium: var(--sjs-spacing-x2);
-  --ctr-popup-padding-left: var(--sjs-spacing-x4);
-  --ctr-popup-padding-right: var(--sjs-spacing-x4);
-  --ctr-popup-padding-top: var(--sjs-spacing-x4);
-  --ctr-popup-padding-bottom: var(--sjs-spacing-x4);
-  --ctr-popup-gap: var(--sjs-spacing-x4);
-  --ctr-popup-title-color: var(--sjs-layer-1-foreground-100);
-  --ctr-popup-message-color: var(--sjs-layer-1-foreground-100);
-  --ctr-popup-title-margin-bottom: var(--sjs-spacing-x2);
-  --ctr-popup-buttons-gap: var(--sjs-spacing-x2);
-  --ctr-popup-margin-left: var(--sjs-spacing-x4);
-  --ctr-popup-margin-right: var(--sjs-spacing-x4);
-  --ctr-popup-margin-top: var(--sjs-spacing-x4);
-  --ctr-popup-margin-bottom: var(--sjs-spacing-x8);
-  --ctr-popup-description-color: var(--sjs-layer-1-foreground-75);
-  --ctr-popup-margin-top-mobile: var(--sjs-spacing-x2);
-  --ctr-popup-padding-left-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-padding-right-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-padding-top-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-padding-bottom-mobile: var(--sjs-spacing-x3);
-  --ctr-popup-corner-radius-mobile: var(--sjs-corner-radius-x2);
-  --ctr-popup-gap-mobile: var(--sjs-spacing-x3);
-  --ctr-toolbox-group-header-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-group-header-border-color: var(--sjs-border-25);
-  --ctr-toolbox-group-header-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-group-header-expand-button-width: var(--sjs-font-size-x3);
-  --ctr-toolbox-group-header-expand-button-height: var(--sjs-font-size-x3);
-  --ctr-notification-background-color: var(--sjs-layer-1-background-500);
-  --ctr-notification-padding-left: var(--sjs-spacing-x2);
-  --ctr-notification-padding-right: var(--sjs-spacing-x2);
-  --ctr-notification-padding-top: var(--sjs-spacing-x1);
-  --ctr-notification-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-notification-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-notification-corder-radius: var(--sjs-corner-radius-x05);
-  --ctr-notification-text-color-error: var(--sjs-semantic-red-foreground-100);
-  --ctr-notification-background-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-string-table-row-padding-left: var(--sjs-spacing-x3);
-  --ctr-string-table-row-padding-right: var(--sjs-spacing-x3);
-  --ctr-string-table-row-padding-top: var(--sjs-spacing-x1);
-  --ctr-string-table-row-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-string-table-row-gap: var(--sjs-spacing-x4);
-  --ctr-string-table-row-background-color: var(--sjs-layer-1-background-500);
-  --ctr-string-table-row-border-color: var(--sjs-border-10);
-  --ctr-string-table-row-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-string-table-row-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-row-text-color-title: var(--sjs-layer-1-foreground-100);
-  --ctr-string-table-row-expand-button-icon-width: var(--sjs-font-size-x2);
-  --ctr-string-table-row-expand-button-icon-height: var(--sjs-font-size-x2);
-  --ctr-string-table-row-expand-button-margin-right: var(--sjs-spacing-x1);
-  --ctr-string-table-row-expand-button-icon-color-default: var(--sjs-layer-1-foreground-75);
-  --ctr-string-table-header-background-color: var(--sjs-layer-3-background-500);
-  --ctr-string-table-header-text-color: var(--sjs-layer-3-foreground-75);
-  --ctr-string-table-group-header-background-color: var(--sjs-layer-2-background-500);
-  --ctr-string-table-group-header-text-color: var(--sjs-layer-2-foreground-75);
-  --ctr-string-table-row-margin-small: var(--sjs-spacing-x3);
-  --ctr-string-table-row-margin-medium: var(--sjs-spacing-x6);
-  --ctr-string-table-row-margin-large: var(--sjs-spacing-x9);
-  --ctr-text-decor-background-color-editing: var(--sjs-layer-1-background-500);
-  --ctr-text-decor-background-color-code: var(--sjs-secondary-background-10);
-  --ctr-text-decor-border-color: var(--sjs-border-25);
-  --ctr-text-decor-border-color-editing: var(--sjs-primary-background-500);
-  --ctr-text-decor-border-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-text-decor-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-text-decor-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-text-decor-text-color-limitation: var(--sjs-layer-1-foreground-50);
-  --ctr-text-decor-text-color-code: var(--sjs-layer-1-foreground-100);
-  --ctr-text-decor-border-width: var(--lbr-stroke-x2);
-  --ctr-text-decor-border-width-code: var(--lbr-stroke-x1);
-  --ctr-text-decor-padding-left: var(--lbr-spacing-x05);
-  --ctr-text-decor-padding-right: var(--lbr-spacing-x05);
-  --ctr-text-decor-padding-left-editing: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-right-editing: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-top-editing: var(--lbr-spacing-x05);
-  --ctr-text-decor-padding-bottom-editing: var(--lbr-spacing-x05);
-  --ctr-text-decor-gap: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-left-limitation: var(--lbr-spacing-x025);
-  --ctr-text-decor-padding-right-limitation: var(--lbr-spacing-x025);
-  --ctr-text-decor-corner-radius: var(--lbr-corner-radius-x0375);
-  --ctr-text-decor-border-color-code: var(--sjs-secondary-background-25);
-  --ctr-menu-border-color: var(--sjs-border-25);
-  --ctr-menu-border-width: var(--sjs-stroke-x1);
-  --ctr-menu-toolbar-gap: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-padding-horizontal: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-padding-vertical: var(--sjs-spacing-x150);
-  --ctr-menu-toolbar-padding-vertical-mobile: var(--sjs-spacing-x05);
-  --ctr-menu-toolbar-separator-height: var(--sjs-size-x3);
-  --ctr-popup-menu-footer-padding-top: var(--sjs-spacing-x05);
-  --ctr-popup-menu-footer-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-popup-menu-footer-background-color: var(--sjs-layer-3-background-500);
-  --ctr-popup-menu-footer-border-color: var(--sjs-border-25);
-  --ctr-popup-menu-footer-border-width-top: var(--sjs-stroke-x1);
-  --ctr-property-grid-header-background-color: var(--sjs-layer-1-background-500);
-  --ctr-property-grid-header-padding-left: var(--sjs-spacing-x2);
-  --ctr-property-grid-header-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-header-padding-top: var(--sjs-spacing-x150);
-  --ctr-property-grid-header-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-property-grid-header-border-color: var(--sjs-primary-background-500);
-  --ctr-property-grid-header-border-width-bottom: var(--sjs-stroke-x2);
-  --ctr-caption-with-actions-padding-right: var(--sjs-spacing-x05);
-  --ctr-caption-with-actions-description-button-margin-left: var(--sjs-spacing-x05);
-  --ctr-caption-with-actions-description-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-caption-with-actions-description-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-caption-with-actions-description-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-padding-left: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-padding-right: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-padding-top: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-data-table-cell-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-drop-down-arrow-color: var(--sjs-layer-1-foreground-50);
-  --ctr-data-table-cell-drop-down-arrow-width: var(--sjs-font-size-x3);
-  --ctr-data-table-cell-drop-down-arrow-height: var(--sjs-font-size-x3);
-  --ctr-data-table-cell-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-data-table-cell-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-text-color-header: var(--sjs-layer-3-foreground-50);
-  --ctr-data-table-cell-drop-down-arrow-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-data-table-cell-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-data-table-cell-corner-radius-focused: var(--sjs-corner-radius-x075);
-  --ctr-data-table-row-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-row-background-color-header: var(--sjs-layer-3-background-500);
-  --ctr-data-table-row-border-color: var(--sjs-border-10);
-  --ctr-data-table-row-border-width: var(--sjs-stroke-x1);
-  --ctr-data-table-row-padding-top: var(--sjs-spacing-x05);
-  --ctr-data-table-row-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-data-table-row-padding-right: var(--sjs-spacing-x05);
-  --ctr-data-table-row-drag-area-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-data-table-row-drag-area-icon-width: var(--sjs-font-size-x3);
-  --ctr-data-table-row-drag-area-icon-height: var(--sjs-font-size-x3);
-  --ctr-data-table-row-drag-area-padding-left: var(--sjs-spacing-x1);
-  --ctr-data-table-row-drag-area-padding-right: var(--sjs-spacing-x1);
-  --ctr-data-table-row-drag-area-padding-top: var(--sjs-spacing-x1);
-  --ctr-data-table-row-drag-area-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-data-table-row-padding-left-header: var(--sjs-spacing-x5);
-  --ctr-data-table-row-padding-right-header: var(--sjs-spacing-x05);
-  --ctr-data-table-row-padding-top-header: var(--sjs-spacing-x1);
-  --ctr-data-table-row-padding-bottom-header: var(--sjs-spacing-x1);
-  --ctr-data-table-row-padding-left-no-drag: var(--sjs-spacing-x1);
-  --ctr-data-table-row-background-color-drop-spot: var(--sjs-layer-1-background-400);
-  --ctr-string-table-row-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-string-table-title-background-color: var(--sjs-layer-1-background-500);
-  --ctr-string-table-title-border-color: var(--sjs-border-10);
-  --ctr-string-table-title-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-string-table-title-padding-left: var(--sjs-spacing-x3);
-  --ctr-string-table-title-padding-right: var(--sjs-spacing-x3);
-  --ctr-string-table-title-padding-top: var(--sjs-spacing-x2);
-  --ctr-string-table-title-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-string-table-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-string-table-title-actionbar-gap: var(--sjs-spacing-x1);
-  --ctr-string-table-title-caption-color: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-title-caption-padding-vert: var(--sjs-spacing-x1);
-  --ctr-string-table-title-padding-left-actions: var(--sjs-spacing-x2);
-  --ctr-string-table-title-padding-right-actions: var(--sjs-spacing-x2);
-  --ctr-error-message-background-color: var(--sjs-semantic-red-background-10);
-  --ctr-error-message-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-error-message-gap: var(--sjs-spacing-x1);
-  --ctr-error-message-padding-left: var(--sjs-spacing-x150);
-  --ctr-error-message-padding-right: var(--sjs-spacing-x150);
-  --ctr-error-message-padding-top: var(--sjs-spacing-x1);
-  --ctr-error-message-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-error-message-icon-width: var(--sjs-font-size-x3);
-  --ctr-error-message-icon-height: var(--sjs-font-size-x3);
-  --ctr-error-message-icon-color: var(--sjs-semantic-red-background-500);
-  --ctr-error-message-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-contextual-buttons-width: var(--sjs-font-size-x2);
-  --ctr-list-item-contextual-buttons-height: var(--sjs-font-size-x2);
-  --ctr-toolbox-separator-color: var(--sjs-border-25);
-  --ctr-toolbox-separator-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-separator-height: var(--sjs-stroke-x1);
-  --ctr-toolbox-separator-max-width: var(--sjs-size-max);
-  --ctr-toolbox-separator-padding-left: var(--sjs-spacing-x2);
-  --ctr-toolbox-separator-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-gap: var(--sjs-spacing-x05);
-  --ctr-toolbox-padding-top: var(--sjs-spacing-x150);
-  --ctr-toolbox-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-toolbox-group-gap: var(--sjs-spacing-x05);
-  --ctr-toolbox-group-padding-left: var(--sjs-spacing-x150);
-  --ctr-toolbox-group-padding-right: var(--sjs-spacing-x150);
-  --ctr-button-contextual-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-button-contextual-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-button-contextual-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-button-contextual-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-button-contextual-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-button-contextual-button-background-color-focused: var(--sjs-primary-background-10);
-  --lbr-contextual-button-background-color: var(--sjs-layer-1-background-500);
-  --lbr-contextual-button-width: var(--lbr-size-x6);
-  --lbr-contextual-button-height: var(--lbr-size-x6);
-  --lbr-contextual-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-contextual-button-padding-left: var(--lbr-spacing-x150);
-  --lbr-contextual-button-padding-right: var(--lbr-spacing-x150);
-  --lbr-contextual-button-padding-top: var(--lbr-spacing-x150);
-  --lbr-contextual-button-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-contextual-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-contextual-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --lbr-contextual-button-border-width: var(--lbr-stroke-x1);
-  --lbr-contextual-button-border-color: var(--sjs-border-25);
-  --lbr-contextual-button-border-color-hovered-positive: var(--sjs-primary-background-500);
-  --lbr-contextual-button-width-small: var(--lbr-size-x4);
-  --lbr-contextual-button-height-small: var(--lbr-size-x4);
-  --lbr-contextual-button-padding-left-small: var(--lbr-spacing-x1);
-  --lbr-contextual-button-padding-right-small: var(--lbr-spacing-x1);
-  --lbr-contextual-button-padding-top-small: var(--lbr-spacing-x1);
-  --lbr-contextual-button-padding-bottom-small: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-gap: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-left: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-right: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-background-color-hovered: var(--sjs-secondary-background-10);
-  --ctr-survey-question-panel-toolbar-item-icon-container-width: var(--lbr-size-x3);
-  --ctr-survey-question-panel-toolbar-item-icon-container-height: var(--lbr-size-x3);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-left: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-right: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-toolbar-item-icon-color: var(--sjs-secondary-background-500);
-  --ctr-survey-question-panel-toolbar-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-question-panel-toolbar-item-background-color-selected: var(--sjs-secondary-background-10);
-  --ctr-survey-question-panel-toolbar-item-icon-color-pressed: var(--sjs-layer-1-foreground-75);
-  --ctr-survey-page-toolbar-item-icon-color-pressed: var(--sjs-layer-3-foreground-75);
-  --ctr-survey-page-toolbar-item-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-survey-question-panel-toolbar-item-padding-left-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-padding-right-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-padding-top-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-padding-bottom-with-text: var(--lbr-spacing-x1);
-  --ctr-survey-page-toolbar-item-background-color-selected: var(--sjs-primary-background-10);
-  --ctr-survey-question-panel-drag-area-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-padding-top: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-drag-indicator-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-question-panel-drag-area-drag-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-question-panel-drag-area-drag-indicator-height: var(--lbr-size-x2);
-  --ctr-survey-question-panel-drag-area-expand-button-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-question-panel-drag-area-padding-top-mobile: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-drag-area-padding-bottom-mobile: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-drag-area-padding-top-with-buttons: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-drag-area-padding-bottom-with-buttons: var(--lbr-spacing-x05);
-  --ctr-preview-pager-background-color: var(--sjs-layer-1-background-500);
-  --ctr-preview-pager-border-color: var(--sjs-border-25);
-  --ctr-preview-pager-border-width-top: var(--sjs-stroke-x1);
-  --ctr-preview-pager-padding-top: var(--sjs-spacing-x1);
-  --ctr-preview-pager-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-preview-pager-gap: var(--sjs-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-code-viewer-code-error-row-background-color: var(--sjs-semantic-red-background-10);
-  --ctr-code-viewer-code-error-row-border-color: var(--sjs-border-25);
-  --ctr-code-viewer-code-error-row-border-width-top: var(--sjs-stroke-x1);
-  --ctr-code-viewer-code-error-row-padding-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-code-error-row-padding-right: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-padding-top: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-gap: var(--sjs-spacing-x2);
-  --ctr-code-viewer-code-error-row-icon-width: var(--sjs-font-size-x2);
-  --ctr-code-viewer-code-error-row-icon-height: var(--sjs-font-size-x2);
-  --ctr-code-viewer-code-error-row-icon-color: var(--sjs-semantic-red-background-500);
-  --ctr-code-viewer-code-error-row-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-code-viewer-code-error-row-fix-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-code-viewer-code-error-row-fix-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-fix-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-code-viewer-code-error-row-fix-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-code-viewer-code-error-row-fix-button-icon-width: var(--sjs-font-size-x3);
-  --ctr-code-viewer-code-error-row-fix-button-icon-height: var(--sjs-font-size-x3);
-  --ctr-code-viewer-code-error-row-fix-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-code-viewer-code-error-row-fix-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-code-viewer-background-color: var(--sjs-layer-1-background-500);
-  --ctr-code-viewer-title-margin-bottom: var(--sjs-spacing-x2);
-  --ctr-code-viewer-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-code-viewer-padding-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-padding-right: var(--sjs-spacing-x2);
-  --ctr-code-viewer-padding-top: var(--sjs-spacing-x2);
-  --ctr-code-viewer-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-code-viewer-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-code-viewer-text-color: var(--sjs-code-gray-300);
-  --ctr-code-viewer-text-margin-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-text-margin-right: var(--sjs-spacing-x2);
-  --ctr-code-viewer-text-margin-top: var(--sjs-spacing-x1);
-  --ctr-code-viewer-text-margin-bottom: var(--sjs-spacing-x1);
-  --ctr-code-viewer-line-number-panel-background-color: var(--sjs-layer-2-background-500);
-  --ctr-code-viewer-line-number-panel-width: var(--sjs-size-x8);
-  --ctr-code-viewer-line-number-panel-padding-left: var(--sjs-spacing-x2);
-  --ctr-code-viewer-line-number-panel-padding-right: var(--sjs-spacing-x2);
-  --ctr-code-viewer-line-number-panel-padding-top: var(--sjs-spacing-x1);
-  --ctr-code-viewer-line-number-panel-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-code-viewer-line-number-panel-text-color: var(--sjs-layer-2-foreground-50);
-  --ctr-data-table-cell-smiley-width: var(--sjs-size-x3);
-  --ctr-data-table-cell-smiley-height: var(--sjs-size-x3);
-  --ctr-data-table-cell-smiley-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-data-table-cell-smiley-padding: var(--sjs-spacing-x075);
-  --ctr-data-table-cell-smiley-color: var(--sjs-layer-1-foreground-100);
-  --ctr-data-table-cell-smiley-stroke-width: var(--sjs-stroke-x1);
-  --ctr-property-grid-group-caption-padding-left: var(--sjs-spacing-x4);
-  --ctr-property-grid-group-caption-padding-right: var(--sjs-spacing-x4);
-  --ctr-property-grid-group-caption-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-group-caption-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-group-caption-border-color: var(--sjs-border-25);
-  --ctr-property-grid-group-caption-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-group-caption-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-group-header-expand-button-color: var(--sjs-layer-1-foreground-75);
-  --lbr-question-panel-background-color: var(--sjs-layer-1-background-500);
-  --ctr-label-padding-top: var(--sjs-spacing-x1);
-  --ctr-label-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-padding-left: var(--sjs-spacing-x05);
-  --ctr-editor-padding-right: var(--sjs-spacing-x05);
-  --ctr-editor-padding-top: var(--sjs-spacing-x05);
-  --ctr-editor-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-editor-gap: var(--sjs-spacing-x05);
-  --ctr-editor-border-width: var(--sjs-stroke-x1);
-  --ctr-editor-content-margin-left: var(--sjs-spacing-x150);
-  --ctr-editor-content-margin-right: var(--sjs-spacing-x150);
-  --ctr-editor-content-margin-top: var(--sjs-spacing-x1);
-  --ctr-editor-content-margin-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-content-gap: var(--sjs-spacing-x1);
-  --ctr-editor-color-swatch-margin-left: var(--sjs-spacing-x150);
-  --ctr-editor-label-padding-left: var(--sjs-spacing-x150);
-  --ctr-editor-label-padding-right: var(--sjs-spacing-x2);
-  --ctr-editor-label-padding-top: var(--sjs-spacing-x1);
-  --ctr-editor-label-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-editor-label-separator-width: var(--sjs-stroke-x1);
-  --ctr-editor-label-separator-color: var(--sjs-border-10);
-  --ctr-editor-limit-label-padding-left: var(--sjs-spacing-x150);
-  --ctr-editor-limit-label-padding-right: var(--sjs-spacing-x150);
-  --ctr-editor-limit-label-padding-top: var(--sjs-spacing-x150);
-  --ctr-editor-limit-label-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-editor-buttons-gap: var(--sjs-spacing-x05);
-  --ctr-editor-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-editor-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-editor-border-color-error: var(--sjs-semantic-red-background-500);
-  --ctr-editor-error-margin: var(--sjs-spacing-x1);
-  --ctr-checkbox-list-gap-vertical: var(--sjs-spacing-x2);
-  --ctr-checkbox-list-gap-horizontal: var(--sjs-spacing-x4);
-  --ctr-surface-placeholder-text-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-surface-placeholder-text-description-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-page-placeholder-border-color: var(--sjs-border-25);
-  --ctr-survey-page-placeholder-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-page-placeholder-padding-left: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-padding-right: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-padding-top: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-padding-bottom: var(--lbr-spacing-x6);
-  --ctr-survey-page-placeholder-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-page-placeholder-gap: var(--lbr-spacing-x4);
-  --ctr-surface-placeholder-padding-top-completed: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-padding-bottom-completed: var(--sjs-spacing-x6);
-  --ctr-surface-placeholder-gap: var(--sjs-spacing-x4);
-  --ctr-data-table-placeholder-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-placeholder-gap: var(--sjs-spacing-x05);
-  --ctr-data-table-placeholder-padding-left: var(--sjs-spacing-x8);
-  --ctr-data-table-placeholder-padding-right: var(--sjs-spacing-x8);
-  --ctr-data-table-placeholder-padding-top: var(--sjs-spacing-x6);
-  --ctr-data-table-placeholder-padding-bottom: var(--sjs-spacing-x6);
-  --ctr-data-table-placeholder-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-placeholder-gap: var(--lbr-spacing-x05);
-  --ctr-survey-placeholder-padding-left: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-padding-right: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-padding-top-with-button: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-padding-bottom-with-button: var(--lbr-spacing-x6);
-  --ctr-survey-placeholder-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-placeholder-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-placeholder-border-color: var(--sjs-border-25);
-  --ctr-survey-placeholder-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-drop-indicator-color: var(--sjs-primary-background-500);
-  --ctr-survey-drop-indicator-width: var(--lbr-stroke-x2);
-  --ctr-search-background-color: var(--sjs-layer-1-background-500);
-  --ctr-search-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-search-padding-left: var(--sjs-spacing-x2);
-  --ctr-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-search-padding-top: var(--sjs-spacing-x150);
-  --ctr-search-padding-bottom: var(--sjs-spacing-x150);
-  --ctr-search-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-search-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-property-grid-search-background-color: var(--sjs-layer-3-background-500);
-  --ctr-property-grid-search-padding-left: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-search-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-property-grid-search-text-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-search-toolbar-gap: var(--sjs-spacing-x05);
-  --ctr-search-text-margin: var(--sjs-spacing-x05);
-  --ctr-property-grid-search-border-color: var(--sjs-border-10);
-  --ctr-property-grid-search-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-property-grid-search-gap: var(--sjs-spacing-x1);
-  --ctr-search-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-search-button-padding-vertical: var(--sjs-spacing-x05);
-  --ctr-search-button-padding-horizontal: var(--sjs-spacing-x05);
-  --ctr-search-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-search-button-icon-width: var(--sjs-font-size-x2);
-  --ctr-search-button-icon-height: var(--sjs-font-size-x2);
-  --ctr-search-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-search-button-icon-color-clear-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-search-button-background-color-clear-hovered: var(--sjs-semantic-red-background-10);
-  --ctr-property-grid-search-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-property-grid-search-button-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-property-grid-search-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-search-count-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-search-count-text-margin-right: var(--sjs-spacing-x1);
-  --ctr-property-grid-search-count-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-scrollbar-background-color: var(--sjs-border-25-overlay);
-  --ctr-scrollbar-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-scrollbar-padding-horizontal: var(--sjs-spacing-x05);
-  --ctr-scrollbar-padding-vertical: var(--sjs-spacing-x05);
-  --ctr-scrollbar-width: var(--sjs-size-x150);
-  --ctr-survey-question-panel-toolbar-gap: var(--lbr-spacing-x1);
-  --ctr-survey-info-panel-background-color: var(--sjs-layer-2-background-500);
-  --ctr-survey-info-panel-padding-left: var(--lbr-spacing-x8);
-  --ctr-survey-info-panel-padding-right: var(--lbr-spacing-x8);
-  --ctr-survey-info-panel-padding-top: var(--lbr-spacing-x4);
-  --ctr-survey-info-panel-padding-bottom: var(--lbr-spacing-x4);
-  --ctr-survey-info-panel-corner-radius: var(--lbr-corner-radius-x1);
-  --ctr-survey-info-panel-gap: var(--lbr-spacing-x05);
-  --ctr-survey-info-panel-text-color: var(--sjs-layer-2-foreground-50);
-  --ctr-survey-info-panel-padding-bottom-with-button: var(--lbr-spacing-x2);
-  --ctr-survey-info-panel-padding-left-small: var(--lbr-spacing-x3);
-  --ctr-survey-info-panel-padding-right-small: var(--lbr-spacing-x3);
-  --ctr-survey-action-button-padding-left: var(--lbr-spacing-x3);
-  --ctr-survey-action-button-padding-right: var(--lbr-spacing-x3);
-  --ctr-survey-action-button-padding-top: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-gap: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-corner-radius: var(--lbr-corner-radius-x1);
-  --ctr-survey-action-button-icon-width: var(--lbr-size-x3);
-  --ctr-survey-action-button-icon-height: var(--lbr-size-x3);
-  --ctr-survey-action-button-icon-width-small: var(--lbr-size-x2);
-  --ctr-survey-action-button-icon-height-small: var(--lbr-size-x2);
-  --ctr-survey-action-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-action-button-icon-color-positive: var(--sjs-primary-background-500);
-  --ctr-survey-action-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-action-button-text-color-positive: var(--sjs-primary-background-500);
-  --ctr-survey-action-button-text-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-action-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-action-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --ctr-survey-action-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-survey-action-button-icon-color-disabled: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-action-button-padding-left-with-icon: var(--lbr-spacing-x2);
-  --ctr-survey-action-button-padding-left-icon-only: var(--lbr-spacing-x1);
-  --ctr-survey-action-button-padding-right-icon-only: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-contextual-button-width: var(--lbr-size-x6);
-  --ctr-survey-contextual-button-height: var(--lbr-size-x6);
-  --ctr-survey-contextual-button-width-small: var(--lbr-size-x4);
-  --ctr-survey-contextual-button-height-small: var(--lbr-size-x4);
-  --ctr-survey-contextual-button-padding-left: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-left-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-padding-right: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-right-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-padding-top: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-top-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-padding-bottom: var(--lbr-spacing-x150);
-  --ctr-survey-contextual-button-padding-bottom-small: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-contextual-button-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-contextual-button-border-color: var(--sjs-border-25);
-  --ctr-survey-contextual-button-border-color-hovered-positive: var(--sjs-primary-background-500);
-  --ctr-survey-contextual-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-contextual-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --lbr-contextual-button-width-large: var(--lbr-size-x8);
-  --lbr-contextual-button-height-large: var(--lbr-size-x8);
-  --lbr-contextual-button-padding-left-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-padding-right-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-padding-top-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-padding-bottom-large: var(--lbr-spacing-x2);
-  --lbr-contextual-button-background-color-camera: var(--sjs-semantic-red-background-500);
-  --lbr-contextual-button-icon-color-camera: var(--sjs-semantic-red-foreground-100);
-  --lbr-contextual-button-border-width-hovered-camera: var(--lbr-stroke-x2);
-  --lbr-contextual-button-border-color-hovered-camera: var(--sjs-semantic-red-background-500);
-  --lbr-action-button-padding-left: var(--lbr-spacing-x3);
-  --lbr-action-button-padding-left-icon-only: var(--lbr-spacing-x1);
-  --lbr-action-button-padding-left-with-icon: var(--lbr-spacing-x2);
-  --lbr-action-button-padding-right: var(--lbr-spacing-x3);
-  --lbr-action-button-padding-right-icon-only: var(--lbr-spacing-x1);
-  --lbr-action-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-action-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-action-button-gap: var(--lbr-spacing-x1);
-  --lbr-action-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-action-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-action-button-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-action-button-icon-color-positive: var(--sjs-primary-background-500);
-  --lbr-action-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --lbr-action-button-text-color-positive: var(--sjs-primary-background-500);
-  --lbr-action-button-text-color-negative: var(--sjs-semantic-red-background-500);
-  --lbr-action-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-action-button-background-color-hovered-positive: var(--sjs-primary-background-10);
-  --lbr-action-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-survey-placeholder-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-survey-placeholder-border-color-hovered: var(--sjs-primary-background-500);
-  --ctr-survey-placeholder-border-width-hovered: var(--lbr-stroke-x2);
-  --ctr-survey-info-panel-icon-color: var(--sjs-primary-background-500);
-  --ctr-string-table-footer-text-color: var(--sjs-layer-3-foreground-50);
-  --ctr-string-table-footer-padding-top: var(--sjs-spacing-x2);
-  --ctr-string-table-footer-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-property-grid-background-color: var(--sjs-layer-1-background-500);
-  --lbr-tag-box-item-remove-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-tag-box-item-remove-button-padding: var(--lbr-spacing-x05);
-  --lbr-tag-box-item-remove-button-icon-color: var(--sjs-primary-foreground-100);
-  --lbr-tag-box-item-remove-button-background-color-hovered: var(--sjs-primary-foreground-25);
-  --lbr-popup-menu-search-background-color: var(--sjs-layer-1-background-500);
-  --lbr-popup-menu-search-padding-left: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-padding-right: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-padding-top: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-popup-menu-search-clear-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-popup-menu-search-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-popup-menu-search-clear-button-padding-horizontal: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-clear-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-popup-menu-search-clear-button-padding-vertical: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-clear-button-icon-color-hovered: var(--sjs-semantic-red-background-500);
-  --lbr-popup-menu-search-text-margin: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-clear-button-background-color-hovered: var(--sjs-semantic-red-background-10);
-  --lbr-popup-menu-search-border-color: var(--sjs-border-10);
-  --lbr-popup-menu-search-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-popup-menu-search-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-popup-menu-search-icon-margin-right: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-icon-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-header-logo-placeholder-icon-width: var(--lbr-size-x6);
-  --ctr-survey-header-logo-placeholder-icon-height: var(--lbr-size-x6);
-  --lbr-separator-color: var(--sjs-border-25);
-  --lbr-separator-margin-vertical-small: var(--lbr-spacing-x1);
-  --lbr-separator-margin-horizontal-small: var(--lbr-spacing-x1);
-  --lbr-separator-margin-vertical-medium: var(--lbr-spacing-x2);
-  --lbr-separator-margin-horizontal-medium: var(--lbr-spacing-x2);
-  --lbr-tooltip-padding-left: var(--lbr-spacing-x2);
-  --lbr-tooltip-padding-right: var(--lbr-spacing-x2);
-  --lbr-tooltip-padding-top: var(--lbr-spacing-x1);
-  --lbr-tooltip-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-tooltip-corder-radius: var(--lbr-corner-radius-x05);
-  --lbr-tooltip-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-tooltip-text-color-error: var(--sjs-semantic-red-foreground-100);
-  --lbr-tooltip-background-color: var(--sjs-layer-1-background-500);
-  --lbr-tooltip-background-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-notification-padding-left: var(--lbr-spacing-x6);
-  --lbr-notification-padding-right: var(--lbr-spacing-x6);
-  --lbr-notification-padding-top: var(--lbr-spacing-x3);
-  --lbr-notification-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-notification-corder-radius: var(--lbr-corner-radius-x1);
-  --lbr-notification-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-notification-text-color-error: var(--sjs-semantic-red-foreground-100);
-  --lbr-notification-background-color: var(--sjs-layer-1-background-500);
-  --lbr-notification-background-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-notification-gap: var(--lbr-spacing-x6);
-  --lbr-notification-text-color-success: var(--sjs-semantic-green-foreground-100);
-  --lbr-notification-background-color-success: var(--sjs-semantic-green-background-500);
-  --lbr-notification-button-border-width: var(--lbr-stroke-x2);
-  --lbr-notification-button-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-notification-button-padding-left: var(--lbr-spacing-x3);
-  --lbr-notification-button-padding-right: var(--lbr-spacing-x3);
-  --lbr-notification-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-notification-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-notification-padding-right-with-button: var(--lbr-spacing-x2);
-  --lbr-notification-padding-left-with-button: var(--lbr-spacing-x6);
-  --lbr-notification-padding-top-with-button: var(--lbr-spacing-x2);
-  --lbr-notification-padding-bottom-with-button: var(--lbr-spacing-x2);
-  --ctr-survey-placeholder-padding-top: var(--lbr-spacing-x6);
-  --ctr-survey-placeholder-padding-bottom: var(--lbr-spacing-x8);
-  --ctr-survey-placeholder-loading-width: var(--lbr-size-x6);
-  --ctr-survey-placeholder-loading-height: var(--lbr-size-x6);
-  --ctr-survey-placeholder-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-placeholder-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --ctr-survey-image-background-color-no-image: var(--sjs-layer-2-background-500);
-  --ctr-survey-image-no-image-icon-color: var(--sjs-layer-2-foreground-50);
-  --ctr-survey-image-no-image-icon-width: var(--lbr-size-x6);
-  --ctr-survey-image-no-image-icon-height: var(--lbr-size-x6);
-  --ctr-survey-image-picker-item-border-width-placeholder: var(--lbr-stroke-x1);
-  --ctr-survey-image-picker-item-border-color-placeholder: var(--sjs-border-25);
-  --ctr-survey-image-picker-item-border-color-hovered-placeholder: var(--sjs-primary-background-500);
-  --ctr-survey-image-picker-item-border-width-hovered-placeholder: var(--lbr-stroke-x2);
-  --ctr-survey-image-picker-item-background-color-hovered-placeholder: var(--sjs-primary-background-10);
-  --ctr-survey-image-picker-item-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-image-picker-item-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --ctr-survey-image-picker-item-no-image-icon-color: var(--sjs-layer-2-foreground-50);
-  --ctr-survey-image-picker-item-background-color-no-image: var(--sjs-layer-2-background-500);
-  --ctr-survey-image-picker-drop-spot-color: var(--sjs-layer-2-background-500);
-  --ctr-survey-image-picker-dragging-panel-corner-radius: var(--lbr-corner-radius-x1);
-  --ctr-survey-image-picker-dragging-panel-padding: var(--lbr-spacing-x05);
-  --ctr-survey-image-picker-dragging-panel-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-row-corner-radius-floating: var(--sjs-corner-radius-x05);
-  --ctr-survey-item-actionbar-sort-indicator-color: var(--sjs-primary-background-500);
-  --ctr-survey-item-actionbar-drag-indicator-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-item-actionbar-drag-indicator-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-drag-indicator-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-drag-indicator-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-drag-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-drag-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-item-actionbar-drag-indicator-height: var(--lbr-size-x3);
-  --ctr-survey-item-actionbar-sort-indicator-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-sort-indicator-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-item-actionbar-sort-indicator-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-sort-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-sort-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-item-actionbar-sort-indicator-height: var(--lbr-size-x3);
-  --ctr-actionbar-button-padding-bottom-large-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-top-large-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-top-large-icon-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-bottom-large-icon-text: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-left-large-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-right-large-text: var(--sjs-spacing-x2);
-  --ctr-actionbar-button-padding-right-medium-text-drop-down: var(--sjs-spacing-x1);
-  --ctr-actionbar-button-padding-right-large-text-drop-down: var(--sjs-spacing-x150);
-  --ctr-string-table-title-caption-color-secondary: var(--sjs-layer-1-foreground-50);
-  --ctr-string-table-title-caption-gap: var(--sjs-spacing-x05);
-  --ctr-property-grid-form-padding-left: var(--sjs-spacing-x4);
-  --ctr-property-grid-form-padding-right: var(--sjs-spacing-x4);
-  --ctr-property-grid-form-padding-top: var(--sjs-spacing-x2);
-  --ctr-property-grid-form-padding-bottom: var(--sjs-spacing-x5);
-  --ctr-property-grid-form-border-color: var(--sjs-border-25);
-  --ctr-property-grid-form-padding-top-no-label: var(--sjs-spacing-x4);
-  --ctr-property-grid-form-gap: var(--sjs-spacing-x2);
-  --ctr-page-navigator-padding-left: var(--sjs-spacing-x2);
-  --ctr-page-navigator-padding-right: var(--sjs-spacing-x2);
-  --ctr-page-navigator-padding-top: var(--sjs-spacing-x2);
-  --ctr-page-navigator-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-page-navigator-gap: var(--sjs-spacing-x2);
-  --ctr-toolbox-search-padding-left: var(--sjs-spacing-x3);
-  --ctr-toolbox-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-toolbox-search-padding-top: var(--sjs-spacing-x250);
-  --ctr-toolbox-search-icon-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-search-padding-bottom: var(--sjs-spacing-x250);
-  --ctr-toolbox-search-border-color: var(--sjs-border-25);
-  --ctr-toolbox-search-gap: var(--sjs-spacing-x1);
-  --ctr-toolbox-search-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-search-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-toolbox-search-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-search-clear-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-search-clear-button-background-color-hovered: var(--sjs-semantic-red-background-10);
-  --ctr-search-icon-color: var(--sjs-layer-1-foreground-75);
-  --ctr-search-gap: var(--sjs-spacing-x1);
-  --ctr-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-search-icon-width-small: var(--sjs-font-size-x2);
-  --ctr-search-icon-height-small: var(--sjs-font-size-x2);
-  --ctr-toolbox-search-icon-color: var(--sjs-primary-background-500);
-  --ctr-toolbox-search-clear-button-icon-color-hovered: var(--sjs-semantic-red-background-500);
-  --ctr-toolbox-separator-max-width-compact: var(--sjs-size-max);
-  --ctr-toolbox-separator-padding-left-compact: var(--sjs-spacing-x2);
-  --ctr-toolbox-separator-padding-right-compact: var(--sjs-spacing-x2);
-  --ctr-checkbox-gap: var(--sjs-spacing-x1);
-  --ctr-checkbox-description-button-margin-left: var(--sjs-spacing-x05);
-  --ctr-checkbox-description-text-margin-left: var(--sjs-font-size-x4);
-  --ctr-button-group-item-content-interval: var(--sjs-spacing-x1);
-  --ctr-radio-button-gap: var(--sjs-spacing-x1);
-  --ctr-editor-layout-gap: var(--sjs-spacing-x1);
-  --ctr-expression-items-gap: var(--sjs-spacing-x1);
-  --ctr-expression-rows-gap: var(--sjs-spacing-x2);
-  --ctr-font-large-size: var(--sjs-font-size-x4);
-  --ctr-font-large-line-height: var(--sjs-line-height-x5);
-  --ctr-font-medium-size: var(--sjs-font-size-x3);
-  --ctr-font-medium-line-height: var(--sjs-line-height-x4);
-  --ctr-font-default-size: var(--sjs-font-size-x2);
-  --ctr-font-default-line-height: var(--sjs-line-height-x3);
-  --ctr-font-small-size: var(--sjs-font-size-x150);
-  --ctr-font-small-line-height: var(--sjs-line-height-x2);
-  --ctr-font-code-size: var(--sjs-font-size-x2);
-  --ctr-font-code-line-height: var(--sjs-line-height-x3);
-  --ctr-survey-checkboxes-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --lbr-checkboxes-item-margin-top: var(--lbr-spacing-x05);
-  --lbr-checkboxes-item-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-checkboxes-item-text-margin-left: var(--lbr-spacing-x1);
-  --lbr-shadow-x-large-color: var(--sjs-special-glow);
-  --lbr-shadow-large-color: var(--sjs-special-glow);
-  --lbr-shadow-medium-color: var(--sjs-special-glow);
-  --lbr-shadow-small-color: var(--sjs-special-shadow);
-  --lbr-checkboxes-item-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-text-margin-top: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-text-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-checkboxes-item-button-width: var(--lbr-size-x3);
-  --lbr-checkboxes-item-button-height: var(--lbr-size-x3);
-  --lbr-checkboxes-item-button-corner-radius: var(--lbr-corner-radius-x025);
-  --lbr-checkboxes-item-button-background-color: var(--sjs-layer-2-background-500);
-  --lbr-checkboxes-item-button-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-checkboxes-item-button-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-checkboxes-item-button-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-checkboxes-item-button-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-checkboxes-item-button-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-checkboxes-item-button-check-mark-width: var(--lbr-size-x2);
-  --lbr-checkboxes-item-button-check-mark-height: var(--lbr-size-x2);
-  --lbr-checkboxes-item-button-check-mark-color: var(--sjs-primary-background-500);
-  --lbr-checkboxes-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-checkboxes-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --lbr-checkboxes-item-button-background-color-preview: var(--sjs-layer-1-background-500);
-  --lbr-checkboxes-item-button-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-checkboxes-item-button-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-checkboxes-item-button-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-checkboxes-item-button-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-checkboxes-item-button-background-color-focused: var(--sjs-layer-1-background-500);
-  --lbr-checkboxes-item-button-background-color-checked: var(--sjs-primary-background-500);
-  --lbr-checkboxes-item-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-checkboxes-item-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-checkboxes-item-button-check-mark-color-checked: var(--sjs-primary-foreground-100);
-  --lbr-checkboxes-item-button-check-mark-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-checkboxes-item-button-check-mark-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-checkboxes-item-button-check-mark-color-read-only: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-checkboxes-item-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-checkboxes-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-survey-checkboxes-item-corner-radius-floating: var(--lbr-corner-radius-x1);
-  --ctr-survey-checkboxes-item-padding-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-checkboxes-item-padding-right-floating: var(--lbr-spacing-x3);
-  --ctr-survey-checkboxes-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-checkboxes-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-checkboxes-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-checkboxes-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-checkboxes-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-checkboxes-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-checkboxes-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-checkboxes-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-checkboxes-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-checkboxes-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --ctr-survey-radio-button-group-item-corner-radius-floating: var(--lbr-corner-radius-x1);
-  --ctr-survey-radio-button-group-item-margin-left: var(--lbr-spacing-x5);
-  --ctr-survey-radio-button-group-item-margin-left-mobile: var(--lbr-spacing-x3);
-  --ctr-survey-radio-button-group-item-margin-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-radio-button-group-item-margin-right-floating: var(--lbr-spacing-x3);
-  --lbr-radio-buttons-item-margin-top: var(--lbr-spacing-x05);
-  --lbr-radio-buttons-item-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-radio-buttons-item-text-margin-left: var(--lbr-spacing-x1);
-  --ctr-survey-radio-button-group-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-width: var(--lbr-size-x3);
-  --lbr-radio-buttons-item-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-radio-buttons-item-button-background-color: var(--sjs-layer-2-background-500);
-  --lbr-radio-buttons-item-button-dot-width: var(--lbr-size-x1);
-  --lbr-radio-buttons-item-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-radio-buttons-item-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-radio-buttons-item-button-dot-color: var(--sjs-primary-background-500);
-  --lbr-radio-buttons-item-button-dot-color-checked: var(--sjs-primary-foreground-100);
-  --lbr-radio-buttons-item-button-dot-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-radio-buttons-item-button-dot-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-radio-buttons-item-text-margin-top: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-radio-buttons-item-text-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-radio-buttons-item-button-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-radio-buttons-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-radio-button-group-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --lbr-radio-buttons-item-button-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-radio-buttons-item-button-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-radio-buttons-item-button-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-radio-buttons-item-button-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-radio-buttons-item-button-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-radio-buttons-item-button-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-radio-buttons-item-button-background-color-focused: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-checked: var(--sjs-primary-background-500);
-  --lbr-radio-buttons-item-button-background-color-preview: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-error: var(--sjs-semantic-red-background-10);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-radio-button-group-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-radio-button-group-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --lbr-radio-buttons-item-button-dot-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-radio-buttons-item-button-check-mark-width: var(--lbr-size-x2);
-  --lbr-radio-buttons-item-button-check-mark-height: var(--lbr-size-x2);
-  --lbr-radio-buttons-item-button-check-mark-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-radio-buttons-item-button-background-color-alternate: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-read-only-alternate: var(--sjs-layer-1-background-500);
-  --lbr-radio-buttons-item-button-background-color-disabled-alternate: var(--sjs-layer-1-background-500);
-  --lbr-editor-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-editor-padding-left: var(--lbr-spacing-x2);
-  --lbr-editor-padding-right: var(--lbr-spacing-x2);
-  --lbr-editor-padding-top: var(--lbr-spacing-x150);
-  --lbr-editor-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-editor-gap: var(--lbr-spacing-x2);
-  --lbr-editor-background-color: var(--sjs-layer-2-background-500);
-  --lbr-editor-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-editor-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-editor-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-editor-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-editor-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-editor-text-color: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-text-color-placeholder: var(--sjs-layer-2-foreground-50);
-  --lbr-editor-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-editor-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-editor-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-editor-text-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-text-color-disabled-placeholder: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-editor-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-editor-limit-label-color: var(--sjs-layer-2-foreground-50);
-  --lbr-editor-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-editor-border-width-bottom-preview: var(--lbr-stroke-x1);
-  --lbr-editor-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-editor-text-color-read-only-placeholder: var(--sjs-layer-1-foreground-50);
-  --lbr-editor-text-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-matrix-total-row-cell-padding-left: var(--lbr-spacing-x2);
-  --lbr-matrix-total-row-cell-padding-right: var(--lbr-spacing-x2);
-  --lbr-matrix-total-row-cell-padding-top: var(--lbr-spacing-x150);
-  --lbr-matrix-total-row-cell-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-matrix-total-row-cell-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-matrix-total-row-cell-border-color: var(--sjs-border-10);
-  --lbr-labeled-editor-padding-left: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-padding-right: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-padding-top-mobile: var(--lbr-spacing-x1);
-  --lbr-labeled-editor-padding-bottom-mobile: var(--lbr-spacing-x1);
-  --lbr-labeled-editor-label-color: var(--sjs-layer-2-foreground-50);
-  --lbr-labeled-editor-label-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-labeled-editor-padding-top-mobile-empty: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-padding-bottom-mobile-empty: var(--lbr-spacing-x2);
-  --ctr-survey-labeled-editor-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-labeled-editor-margin-left-mobile: var(--lbr-spacing-x3n);
-  --lbr-editor-button-corner-radius: var(--lbr-corner-radius-x025);
-  --lbr-editor-button-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-editor-button-icon-color: var(--sjs-layer-2-foreground-50);
-  --lbr-editor-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-editor-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-editor-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-editor-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-editor-button-icon-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-editor-button-icon-width: var(--lbr-size-x3);
-  --lbr-editor-button-icon-height: var(--lbr-size-x3);
-  --lbr-rating-item-background-color: var(--sjs-layer-1-background-500);
-  --lbr-rating-item-padding-left: var(--lbr-spacing-x05);
-  --lbr-rating-item-padding-right: var(--lbr-spacing-x05);
-  --lbr-rating-item-padding-top: var(--lbr-spacing-x05);
-  --lbr-rating-item-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-rating-item-width: var(--lbr-size-x6);
-  --lbr-rating-item-height: var(--lbr-size-x6);
-  --lbr-rating-item-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-rating-item-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-rating-item-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-rating-item-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-rating-item-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-rating-item-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-rating-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-item-text-margin-left: var(--lbr-spacing-x2);
-  --lbr-rating-item-text-margin-right: var(--lbr-spacing-x2);
-  --lbr-rating-smiley-icon-color: var(--sjs-border-25);
-  --lbr-rating-smiley-icon-width: var(--lbr-size-x3);
-  --lbr-rating-smiley-icon-height: var(--lbr-size-x3);
-  --lbr-rating-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-rating-item-background-color-selected: var(--sjs-primary-background-500);
-  --lbr-rating-item-background-color-disabled-selected: var(--sjs-layer-2-background-400);
-  --lbr-rating-item-background-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-rating-item-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-rating-item-border-width-disabled: var(--lbr-stroke-x2);
-  --lbr-rating-item-border-width-read-only: var(--lbr-stroke-x2);
-  --lbr-rating-item-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-rating-item-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-rating-item-border-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-item-border-color-read-only: var(--sjs-border-25);
-  --lbr-rating-item-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-item-border-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-item-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-item-text-color-read-only: var(--sjs-layer-1-foreground-50);
-  --lbr-rating-item-text-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-rating-label-color: var(--sjs-layer-1-foreground-50);
-  --lbr-rating-label-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-border-width: var(--lbr-stroke-x2);
-  --lbr-rating-smiley-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-rating-smiley-border-color: var(--sjs-border-25);
-  --lbr-rating-smiley-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-border-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-smiley-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-smiley-border-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-rating-smiley-background-color-selected: var(--sjs-primary-background-500);
-  --lbr-rating-smiley-background-color-disabled-selected: var(--sjs-layer-2-background-400);
-  --lbr-rating-smiley-background-color-preview-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-background-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-rating-smiley-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-rating-smiley-icon-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-icon-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-smiley-icon-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-smiley-icon-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-rating-smiley-icon-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-icon-color-preview-selected: var(--sjs-layer-1-background-500);
-  --lbr-rating-smiley-icon-color-error: var(--sjs-layer-1-foreground-50);
-  --lbr-rating-smiley-icon-color-disabled-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-smiley-red-icon-color: var(--sjs-semantic-red-background-500);
-  --lbr-rating-smiley-red-icon-color-selected: var(--sjs-semantic-red-foreground-100);
-  --lbr-rating-smiley-red-border-color: var(--sjs-semantic-red-background-500);
-  --lbr-rating-smiley-red-background-color-hovered: var(--sjs-semantic-red-background-10);
-  --lbr-rating-smiley-red-background-color-selected: var(--sjs-semantic-red-background-500);
-  --lbr-rating-smiley-red-background-color-selected-focused: var(--sjs-semantic-red-foreground-100);
-  --lbr-rating-smiley-yellow-icon-color: var(--sjs-semantic-yellow-background-500);
-  --lbr-rating-smiley-yellow-icon-color-selected: var(--sjs-semantic-yellow-foreground-100);
-  --lbr-rating-smiley-yellow-border-color: var(--sjs-semantic-yellow-background-500);
-  --lbr-rating-smiley-yellow-background-color-hovered: var(--sjs-semantic-yellow-background-10);
-  --lbr-rating-smiley-yellow-background-color-selected: var(--sjs-semantic-yellow-background-500);
-  --lbr-rating-smiley-yellow-background-color-selected-focused: var(--sjs-semantic-yellow-foreground-100);
-  --lbr-rating-smiley-green-icon-color: var(--sjs-semantic-green-background-500);
-  --lbr-rating-smiley-green-icon-color-selected: var(--sjs-semantic-green-foreground-100);
-  --lbr-rating-smiley-green-border-color: var(--sjs-semantic-green-background-500);
-  --lbr-rating-smiley-green-background-color-hovered: var(--sjs-semantic-green-background-10);
-  --lbr-rating-smiley-green-background-color-selected: var(--sjs-semantic-green-background-500);
-  --lbr-rating-smiley-green-background-color-selected-focused: var(--sjs-semantic-green-foreground-100);
-  --lbr-rating-star-width: var(--lbr-size-x6);
-  --lbr-rating-star-height: var(--lbr-size-x6);
-  --lbr-rating-star-border-width: var(--lbr-stroke-x2);
-  --lbr-rating-star-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-rating-star-border-color: var(--sjs-border-25);
-  --lbr-rating-star-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-star-border-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-rating-star-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-rating-star-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-rating-star-background-color-selected: var(--sjs-primary-background-500);
-  --lbr-rating-star-background-color-preview-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-star-background-color-disabled-selected: var(--sjs-layer-2-background-400);
-  --lbr-rating-star-background-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-rating-star-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-rating-star-background-color-read-only-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-rating-star-background-color-inactive: var(--sjs-border-25);
-  --lbr-ranking-item-number-width: var(--lbr-size-x5);
-  --lbr-ranking-item-number-height: var(--lbr-size-x5);
-  --lbr-ranking-item-number-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-ranking-item-number-background-color: var(--sjs-primary-background-10);
-  --lbr-ranking-item-number-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-item-number-icon-width: var(--lbr-size-x2);
-  --lbr-ranking-item-number-icon-height: var(--lbr-size-x2);
-  --lbr-rating-star-width-small: var(--lbr-size-x3);
-  --lbr-rating-star-height-small: var(--lbr-size-x3);
-  --lbr-ranking-item-number-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-ranking-item-number-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-ranking-item-number-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-ranking-item-number-border-width-focused: var(--lbr-stroke-x2);
-  --ctr-survey-ranking-item-digit-background-color-inactive: var(--sjs-layer-3-background-500);
-  --ctr-survey-ranking-item-digit-text-color-inactive: var(--sjs-layer-3-foreground-50);
-  --lbr-ranking-item-number-icon-color: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-item-gap: var(--lbr-spacing-x2);
-  --lbr-ranking-item-text-margin-top: var(--lbr-spacing-x1);
-  --lbr-ranking-item-text-margin-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-ranking-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --lbr-ranking-item-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-item-actionbar-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-item-actionbar-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-drag-indicator-icon-color: var(--sjs-primary-background-500);
-  --ctr-survey-ranking-margin-left: var(--lbr-spacing-x5);
-  --ctr-survey-ranking-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-ranking-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-ranking-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-ranking-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-ranking-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-ranking-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-ranking-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-ranking-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-ranking-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-ranking-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --ctr-survey-ranking-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-survey-ranking-item-corner-radius-floating: var(--lbr-corner-radius-x1);
-  --ctr-survey-ranking-item-padding-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-ranking-item-padding-right-floating: var(--lbr-spacing-x4);
-  --ctr-survey-ranking-item-padding-top-floating: var(--lbr-spacing-x05);
-  --ctr-survey-ranking-item-padding-bottom-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-shadow-floating-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-ranking-item-shadow-floating-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-ranking-item-shadow-floating-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-ranking-item-shadow-floating-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-ranking-item-shadow-floating-1-color: var(--lbr-shadow-large-color);
-  --lbr-ranking-item-shadow-floating-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-ranking-item-shadow-floating-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-ranking-item-shadow-floating-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-ranking-item-shadow-floating-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-ranking-item-shadow-floating-2-color: var(--lbr-shadow-medium-color);
-  --lbr-ranking-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --lbr-ranking-item-corner-radius-floating: var(--lbr-corner-radius-round);
-  --lbr-ranking-item-padding-left-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-padding-top-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-padding-bottom-floating: var(--lbr-spacing-x05);
-  --lbr-ranking-item-padding-right-floating: var(--lbr-spacing-x4);
-  --lbr-ranking-drop-spot-color: var(--sjs-layer-1-background-400);
-  --lbr-ranking-item-number-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-ranking-item-number-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-item-number-border-width-preview: var(--lbr-stroke-x1);
-  --ctr-survey-item-actionbar-padding-left-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-item-actionbar-padding-right: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-sort-indicator-icon-color: var(--sjs-primary-background-500);
-  --lbr-ranking-indicators-drag-indicator-icon-width: var(--lbr-size-x3);
-  --lbr-ranking-indicators-drag-indicator-icon-height: var(--lbr-size-x3);
-  --lbr-ranking-indicators-sort-indicator-icon-width: var(--lbr-size-x3);
-  --lbr-ranking-indicators-sort-indicator-icon-height: var(--lbr-size-x3);
-  --lbr-ranking-indicators-padding-top: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-padding-left-mobile: var(--lbr-spacing-x2);
-  --lbr-ranking-indicators-drag-indicator-padding-left: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-drag-indicator-padding-right: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-sort-indicator-padding-right: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-sort-indicator-padding-left: var(--lbr-spacing-x1);
-  --lbr-ranking-indicators-drag-indicator-icon-color-mobile: var(--sjs-layer-1-foreground-100);
-  --lbr-ranking-indicators-drag-indicator-padding-top: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-drag-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-sort-indicator-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-ranking-indicators-sort-indicator-padding-top: var(--lbr-spacing-x05);
-  --lbr-radio-buttons-item-button-height: var(--lbr-size-x3);
-  --lbr-radio-buttons-item-button-dot-height: var(--lbr-size-x1);
-  --lbr-boolean-thumb-background-color-active: var(--sjs-layer-1-background-500);
-  --lbr-boolean-thumb-padding-left: var(--lbr-spacing-x3);
-  --lbr-boolean-thumb-padding-right: var(--lbr-spacing-x3);
-  --lbr-boolean-thumb-padding-top: var(--lbr-spacing-x1);
-  --lbr-boolean-thumb-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-boolean-thumb-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-boolean-thumb-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-boolean-thumb-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-boolean-thumb-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-boolean-thumb-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-boolean-thumb-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-boolean-thumb-text-color: var(--sjs-layer-2-foreground-50);
-  --lbr-boolean-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-boolean-background-color: var(--sjs-layer-2-background-500);
-  --lbr-boolean-shadow-offset-x: var(--lbr-shadow-inner-offset-x);
-  --lbr-boolean-shadow-offset-y: var(--lbr-shadow-inner-offset-y);
-  --lbr-boolean-shadow-blur: var(--lbr-shadow-inner-blur);
-  --lbr-boolean-shadow-spread: var(--lbr-shadow-inner-spread);
-  --lbr-boolean-shadow-color: var(--lbr-shadow-inner-color);
-  --lbr-boolean-padding-left: var(--lbr-spacing-x05);
-  --lbr-boolean-padding-right: var(--lbr-spacing-x05);
-  --lbr-boolean-padding-top: var(--lbr-spacing-x05);
-  --lbr-boolean-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-boolean-gap: var(--lbr-spacing-x05);
-  --lbr-boolean-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-boolean-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-boolean-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-boolean-thumb-text-color-active: var(--sjs-primary-background-500);
-  --lbr-boolean-thumb-text-color-disabled: var(--sjs-layer-2-foreground-100);
-  --lbr-boolean-thumb-text-color-read-only: var(--sjs-layer-2-foreground-50);
-  --lbr-boolean-thumb-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-text-color-read-only-active: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-text-color-preview-active: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-text-color-disabled-active: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-boolean-thumb-border-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-thumb-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-boolean-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-boolean-thumb-border-width-read-only: var(--lbr-stroke-x2);
-  --lbr-boolean-thumb-border-width-preview: var(--lbr-stroke-x1);
-  --lbr-boolean-thumb-background-color-hovered: var(--sjs-layer-2-background-400);
-  --lbr-image-picker-item-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-image-picker-item-title-margin-top: var(--lbr-spacing-x1);
-  --lbr-image-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-image-contextual-buttons-gap: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-icon-color-positive: var(--sjs-primary-background-500);
-  --lbr-contextual-button-icon-color-positive: var(--sjs-primary-background-500);
-  --ctr-survey-image-picker-dragging-panel-shadow-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-image-picker-dragging-panel-shadow-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-image-picker-dragging-panel-shadow-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-image-picker-dragging-panel-shadow-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-image-picker-dragging-panel-shadow-color: var(--ctr-shadow-medium-color);
-  --lbr-image-picker-item-background-error: var(--sjs-semantic-red-background-500);
-  --lbr-image-picker-item-check-mark-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-file-upload-item-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-file-upload-gap: var(--lbr-spacing-x1);
-  --lbr-file-upload-item-image-thumbnail-width: var(--lbr-size-x12);
-  --lbr-file-upload-item-image-thumbnail-height: var(--lbr-size-x12);
-  --lbr-file-upload-item-image-thumbnail-background-color: var(--sjs-layer-3-background-500);
-  --lbr-file-upload-item-file-icon-width: var(--lbr-size-x9);
-  --lbr-file-upload-item-file-icon-height: var(--lbr-size-x9);
-  --lbr-file-upload-item-file-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-file-upload-item-loading-width: var(--lbr-size-x6);
-  --lbr-file-upload-item-loading-height: var(--lbr-size-x6);
-  --lbr-file-upload-item-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --lbr-file-upload-item-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-file-upload-contextual-buttons-margin-left: var(--lbr-spacing-x1);
-  --lbr-file-upload-contextual-buttons-margin-right: var(--lbr-spacing-x1);
-  --lbr-file-upload-contextual-buttons-margin-top: var(--lbr-spacing-x1);
-  --lbr-file-upload-contextual-buttons-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-placeholder-border-color-placeholder: var(--sjs-border-25);
-  --lbr-placeholder-border-width-placeholder: var(--lbr-stroke-x1);
-  --lbr-file-upload-contextual-buttons-gap: var(--lbr-spacing-x1);
-  --lbr-signature-loading-width: var(--lbr-size-x6);
-  --lbr-signature-loading-height: var(--lbr-size-x6);
-  --lbr-signature-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-signature-signature-color: var(--sjs-primary-background-500);
-  --lbr-file-upload-pager-margin: var(--lbr-spacing-x2);
-  --lbr-file-upload-item-list-gap: var(--lbr-spacing-x4);
-  --lbr-file-upload-item-list-margin-left: var(--lbr-spacing-x6);
-  --lbr-file-upload-item-list-margin-right: var(--lbr-spacing-x6);
-  --lbr-placeholder-border-color-hovered: var(--sjs-primary-background-500);
-  --lbr-placeholder-border-width-hovered: var(--lbr-stroke-x2);
-  --lbr-placeholder-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-file-upload-data-area-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-file-upload-data-area-background-color-image: var(--sjs-layer-2-background-500);
-  --lbr-file-upload-data-area-background-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-placeholder-loading-width: var(--lbr-size-x6);
-  --lbr-placeholder-loading-height: var(--lbr-size-x6);
-  --lbr-placeholder-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --lbr-placeholder-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-file-upload-contextual-buttons-camera-button-margin: var(--lbr-spacing-x1);
-  --lbr-list-item-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-list-item-gap: var(--lbr-spacing-x4);
-  --lbr-list-item-padding-left: var(--lbr-spacing-x2);
-  --lbr-list-item-padding-right: var(--lbr-spacing-x2);
-  --lbr-list-item-padding-top: var(--lbr-spacing-x150);
-  --lbr-list-item-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-list-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-list-item-description-color: var(--sjs-layer-1-foreground-50);
-  --lbr-list-item-text-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-list-item-text-color-loading: var(--sjs-layer-1-foreground-50);
-  --lbr-list-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-list-item-background-color-selected-focused: var(--sjs-primary-background-500);
-  --lbr-list-item-border-color-focused: var(--sjs-border-10);
-  --lbr-list-item-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-list-item-background-color-selected: var(--sjs-primary-background-10);
-  --lbr-list-item-description-color-selected-focused: var(--sjs-primary-foreground-100);
-  --lbr-list-item-description-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-panel-layout-gap-small: var(--lbr-spacing-x1);
-  --lbr-panel-layout-gap-medium: var(--lbr-spacing-x2);
-  --lbr-panel-layout-gap-large: var(--lbr-spacing-x4);
-  --lbr-page-layout-gap-small: var(--lbr-spacing-x1);
-  --lbr-page-layout-gap-medium: var(--lbr-spacing-x2);
-  --lbr-page-layout-gap-large: var(--lbr-spacing-x4);
-  --lbr-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-button-padding-left: var(--lbr-spacing-x8);
-  --lbr-button-padding-right: var(--lbr-spacing-x8);
-  --lbr-button-padding-top: var(--lbr-spacing-x2);
-  --lbr-button-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-button-background-color: var(--sjs-layer-1-background-500);
-  --lbr-button-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-button-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-button-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-button-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-button-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-button-text-color: var(--sjs-primary-background-500);
-  --lbr-button-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-button-background-color-panelless: var(--sjs-layer-2-background-500);
-  --lbr-button-background-color-hovered-panelless: var(--sjs-layer-2-background-400);
-  --lbr-button-background-color-cta: var(--sjs-primary-background-500);
-  --lbr-button-background-color-hovered-cta: var(--sjs-primary-background-400);
-  --lbr-button-background-color-danger: var(--sjs-semantic-red-background-500);
-  --lbr-button-border-color-focused-danger: var(--sjs-semantic-red-background-500);
-  --lbr-button-border-width-focused-danger: var(--lbr-stroke-x2);
-  --lbr-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-button-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-button-text-color-cta: var(--sjs-primary-foreground-100);
-  --lbr-button-text-color-danger: var(--sjs-semantic-red-foreground-100);
-  --lbr-button-padding-left-small: var(--lbr-spacing-x4);
-  --lbr-button-padding-right-small: var(--lbr-spacing-x4);
-  --lbr-button-padding-top-small: var(--lbr-spacing-x150);
-  --lbr-button-padding-bottom-small: var(--lbr-spacing-x150);
-  --lbr-button-text-color-disabled-panelless: var(--sjs-layer-2-foreground-100);
-  --lbr-dialog-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-dialog-footer-margin-top: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-left: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-right: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-top: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-dialog-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-dialog-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-dialog-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-dialog-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-dialog-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-dialog-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-dialog-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-dialog-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-dialog-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-dialog-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-dialog-background-color: var(--sjs-layer-1-background-400);
-  --lbr-dialog-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-dialog-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-dialog-title-margin-bottom: var(--lbr-spacing-x2);
-  --lbr-dialog-footer-gap: var(--lbr-spacing-x2);
-  --lbr-dialog-screen-color: var(--sjs-special-haze);
-  --lbr-dialog-margin-left: var(--lbr-spacing-x4);
-  --lbr-dialog-margin-right: var(--lbr-spacing-x4);
-  --lbr-dialog-margin-top: var(--lbr-spacing-x4);
-  --lbr-dialog-margin-bottom: var(--lbr-spacing-x4);
-  --lbr-dialog-padding-left-center: var(--lbr-spacing-x8);
-  --lbr-dialog-padding-right-center: var(--lbr-spacing-x8);
-  --lbr-window-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-window-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-window-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-window-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-window-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-window-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-window-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-window-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-window-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-window-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-window-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-window-background-color: var(--sjs-layer-3-background-500);
-  --lbr-window-header-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-window-border-color: var(--sjs-border-25);
-  --lbr-window-border-width: var(--lbr-stroke-x1);
-  --lbr-window-header-padding-left: var(--lbr-spacing-x2);
-  --lbr-window-header-padding-right: var(--lbr-spacing-x1);
-  --lbr-window-header-padding-top: var(--lbr-spacing-x1);
-  --lbr-window-header-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-window-header-gap: var(--lbr-spacing-x4);
-  --lbr-window-header-button-gap: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-window-header-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-window-header-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-window-header-button-icon-color: var(--sjs-layer-3-foreground-50);
-  --lbr-window-header-button-icon-width: var(--lbr-size-x2);
-  --lbr-window-header-button-icon-height: var(--lbr-size-x2);
-  --lbr-window-header-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --lbr-window-header-button-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-matrix-title-cell-padding-left: var(--lbr-spacing-x2);
-  --lbr-matrix-title-cell-padding-right: var(--lbr-spacing-x2);
-  --lbr-matrix-title-cell-padding-top: var(--lbr-spacing-x150);
-  --lbr-matrix-title-cell-padding-bottom: var(--lbr-spacing-x150);
-  --lbr-matrix-title-cell-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-matrix-cell-corner-radius: var(--lbr-corner-radius-x075);
-  --ctr-survey-matrix-cell-border-color-hovered: var(--sjs-secondary-background-10);
-  --ctr-survey-matrix-cell-border-color-selected: var(--sjs-secondary-background-500);
-  --ctr-survey-matrix-cell-border-color-edit: var(--sjs-primary-background-500);
-  --ctr-survey-matrix-cell-border-width: var(--lbr-stroke-x2);
-  --lbr-matrix-row-gap: var(--lbr-spacing-x2);
-  --lbr-matrix-details-padding-left: var(--lbr-spacing-x8);
-  --lbr-matrix-details-padding-right-delete-button: var(--lbr-spacing-x7);
-  --lbr-matrix-details-padding-top: var(--lbr-spacing-x3);
-  --lbr-matrix-details-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-progress-bar-section-color-completed: var(--sjs-semantic-green-background-500);
-  --lbr-progress-bar-height: var(--lbr-size-x025);
-  --lbr-progress-bar-section-color-disabled-completed: var(--sjs-border-25);
-  --lbr-progress-bar-section-color: var(--sjs-border-10);
-  --lbr-progress-bar-section-color-disabled: var(--sjs-border-10);
-  --lbr-progress-bar-section-title-color: var(--sjs-layer-3-foreground-50);
-  --lbr-progress-bar-section-title-margin-left: var(--lbr-spacing-x4);
-  --lbr-progress-bar-section-title-margin-right: var(--lbr-spacing-x4);
-  --lbr-progress-bar-pager-label-text-color: var(--sjs-layer-3-foreground-50);
-  --lbr-progress-bar-pager-padding-left: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-padding-right: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-padding-top: var(--lbr-spacing-x1);
-  --lbr-progress-bar-pager-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-progress-bar-section-title-margin-top: var(--lbr-spacing-x2);
-  --lbr-progress-bar-section-title-margin-bottom: var(--lbr-spacing-x2);
-  --ctr-survey-header-logo-placeholder-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-header-logo-placeholder-padding-left: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-padding-right: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-padding-top: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-toolbar-gap: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-placeholder-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-survey-header-logo-placeholder-icon-color-hovered: var(--sjs-primary-background-500);
-  --ctr-survey-header-logo-loading-circle-color: var(--sjs-layer-1-foreground-100);
-  --ctr-survey-header-logo-loading-circle-color-spin: var(--sjs-primary-background-500);
-  --ctr-survey-header-logo-loading-width: var(--lbr-size-x6);
-  --ctr-survey-header-logo-loading-height: var(--lbr-size-x6);
-  --ctr-survey-header-logo-loading-margin-left: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-loading-margin-right: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-loading-margin-top: var(--lbr-spacing-x1);
-  --ctr-survey-header-logo-loading-margin-bottom: var(--lbr-spacing-x1);
-  --ctr-survey-contextual-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --lbr-header-logo-height: var(--lbr-size-x5);
-  --lbr-header-padding-left: var(--lbr-spacing-x3);
-  --ctr-survey-header-padding-right-logo-placeholder: var(--lbr-spacing-x1);
-  --lbr-header-padding-top: var(--lbr-spacing-x3);
-  --lbr-header-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-header-border-color: var(--sjs-primary-background-500);
-  --lbr-header-border-width-bottom: var(--lbr-stroke-x2);
-  --lbr-header-gap: var(--lbr-spacing-x4);
-  --lbr-header-text-gap: var(--lbr-spacing-x1);
-  --lbr-header-text-title-color: var(--sjs-primary-background-500);
-  --lbr-header-text-description-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-header-text-title-color: var(--sjs-layer-3-foreground-100);
-  --ctr-survey-header-text-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-header-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-header-text-title-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-header-text-description-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-header-text-title-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-header-padding-right: var(--lbr-spacing-x3);
-  --lbr-header-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-header-padding-right-mobile-toc-button: var(--lbr-spacing-x2);
-  --ctr-survey-header-text-margin-left-mobile-logo-placeholder: var(--lbr-spacing-x250);
-  --ctr-survey-header-padding-left-mobile-logo-placeholder: var(--lbr-spacing-x1);
-  --lbr-header-gap-vertical-mobile: var(--lbr-spacing-x3);
-  --lbr-header-logo-margin-top-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-header-gap: var(--lbr-spacing-x1);
-  --lbr-cover-gap: var(--lbr-spacing-x3);
-  --lbr-cover-text-gap: var(--lbr-spacing-x1);
-  --lbr-cover-text-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-cover-text-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-cover-text-max-width: var(--lbr-size-x80);
-  --lbr-cover-text-title-color-with-background: var(--sjs-primary-foreground-100);
-  --lbr-cover-text-description-color-with-background: var(--sjs-primary-foreground-100);
-  --lbr-cover-padding-left: var(--lbr-spacing-x5);
-  --lbr-cover-padding-right: var(--lbr-spacing-x5);
-  --lbr-cover-padding-top: var(--lbr-spacing-x5);
-  --lbr-cover-padding-bottom: var(--lbr-spacing-x5);
-  --lbr-cover-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-padding-top-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-padding-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-cover-height: var(--lbr-size-x32);
-  --lbr-cover-overlap: var(--lbr-spacing-x8);
-  --lbr-cover-overlap-mobile: var(--lbr-spacing-x2);
-  --lbr-timer-background-color: var(--sjs-layer-1-background-500);
-  --lbr-timer-padding: var(--lbr-spacing-x1);
-  --lbr-timer-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-timer-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-timer-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-timer-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-timer-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-timer-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-timer-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-timer-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-timer-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-timer-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-timer-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-timer-width: var(--lbr-size-x18);
-  --lbr-timer-height: var(--lbr-size-x18);
-  --lbr-timer-text-color-primary: var(--sjs-primary-background-500);
-  --lbr-timer-text-color-secondary: var(--sjs-layer-1-foreground-50);
-  --lbr-timer-progress-color: var(--sjs-layer-3-background-500);
-  --lbr-timer-progress-width: var(--lbr-stroke-x2);
-  --lbr-timer-progress-color-filled: var(--sjs-primary-background-500);
-  --lbr-timer-progress-width-filled: var(--lbr-stroke-x4);
-  --lbr-timer-width-small: var(--lbr-size-x9);
-  --lbr-timer-height-small: var(--lbr-size-x9);
-  --lbr-timer-padding-small: var(--lbr-spacing-x05);
-  --lbr-tag-box-item-corner-radius: var(--lbr-corner-radius-x025);
-  --lbr-tag-box-item-padding-left: var(--lbr-spacing-x150);
-  --lbr-tag-box-item-padding-right: var(--lbr-spacing-x150);
-  --lbr-tag-box-item-padding-top: var(--lbr-spacing-x1);
-  --lbr-tag-box-item-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-tag-box-item-background-color: var(--sjs-primary-background-500);
-  --lbr-tag-box-item-text-color: var(--sjs-primary-foreground-100);
-  --lbr-tag-box-item-remove-button-margin-left: var(--lbr-spacing-x4);
-  --lbr-tag-box-item-mask-color-1: var(--sjs-primary-background-500);
-  --lbr-tag-box-item-mask-color-2: var(--sjs-primary-background-10);
-  --lbr-tag-box-item-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-tag-box-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-tag-box-item-text-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-popup-menu-footer-background-color: var(--sjs-layer-2-background-500);
-  --lbr-popup-menu-footer-padding-top: var(--lbr-spacing-x05);
-  --lbr-popup-menu-footer-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-menu-footer-border-color: var(--sjs-border-10);
-  --lbr-popup-menu-footer-border-width-top: var(--lbr-stroke-x1);
-  --lbr-toc-background-color: var(--sjs-layer-1-background-500);
-  --lbr-toc-border-color: var(--sjs-border-25);
-  --lbr-toc-border-width-right: var(--lbr-stroke-x1);
-  --lbr-toc-padding-left: var(--lbr-spacing-x1);
-  --lbr-toc-padding-right: var(--lbr-spacing-x1);
-  --lbr-toc-padding-top: var(--lbr-spacing-x1);
-  --lbr-toc-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-ranking-gap-vertical: var(--lbr-spacing-x3);
-  --ctr-survey-checkboxes-show-more-button-margin-top: var(--lbr-spacing-x05);
-  --ctr-survey-checkboxes-show-more-button-margin-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-checkboxes-show-more-button-margin-left: var(--lbr-spacing-x6);
-  --ctr-survey-checkboxes-info-panel-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-radio-button-group-show-more-button-margin-left: var(--lbr-spacing-x6);
-  --ctr-survey-radio-button-group-show-more-button-margin-top: var(--lbr-spacing-x05);
-  --ctr-survey-radio-button-group-show-more-button-margin-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-radio-button-group-info-panel-margin-top: var(--lbr-spacing-x2);
-  --lbr-checkboxes-comment-box-margin-top: var(--lbr-spacing-x2);
-  --lbr-radio-buttons-comment-box-margin-top: var(--lbr-spacing-x2);
-  --lbr-checkboxes-info-panel-margin-left: var(--lbr-spacing-x5);
-  --lbr-checkboxes-info-panel-margin-right: var(--lbr-spacing-x5);
-  --lbr-radio-buttons-info-panel-margin-left: var(--lbr-spacing-x5);
-  --lbr-radio-buttons-info-panel-margin-right: var(--lbr-spacing-x5);
-  --lbr-drop-down-comment-box-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-drop-down-gap: var(--lbr-spacing-x2);
-  --lbr-rating-item-gap: var(--lbr-spacing-x1);
-  --ctr-survey-rating-actionbar-margin-top: var(--lbr-spacing-x05);
-  --ctr-survey-rating-actionbar-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-rating-label-margin: var(--lbr-spacing-x1);
-  --lbr-matrix-margin-top-error: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-tabs-item-padding-top: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-tabs-item-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-tabs-item-border-color-selected: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-tabs-item-border-width-bottom-selected: var(--lbr-stroke-x2);
-  --lbr-dynamic-panel-tabs-item-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-dynamic-panel-tabs-item-text-color-selected: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-tabs-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-dynamic-panel-tabs-button-icon-width: var(--lbr-size-x3);
-  --lbr-dynamic-panel-tabs-button-icon-height: var(--lbr-size-x3);
-  --lbr-dynamic-panel-tabs-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-dynamic-panel-tabs-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-tabs-item-border-color-hovered: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-tabs-item-border-width-bottom-hovered: var(--lbr-stroke-x2);
-  --lbr-dynamic-panel-tabs-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-tabs-button-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-dynamic-panel-tabs-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-tabs-border-color: var(--sjs-border-10);
-  --lbr-dynamic-panel-tabs-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-dynamic-panel-tabs-padding-left: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-tabs-padding-right: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-tabs-gap: var(--lbr-spacing-x4);
-  --lbr-step-progress-bar-step-dot-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-step-progress-bar-step-gap: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-step-title-margin-horizontal: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-step-title-margin-vertical: var(--lbr-spacing-x05);
-  --lbr-step-progress-bar-step-title-text-color: var(--sjs-layer-3-foreground-100);
-  --lbr-step-progress-bar-step-background-color: var(--sjs-layer-3-background-500);
-  --lbr-step-progress-bar-step-dot-margin-left: var(--lbr-spacing-x075);
-  --lbr-step-progress-bar-step-dot-background-color-unvisited: var(--sjs-layer-3-foreground-50);
-  --lbr-step-progress-bar-step-dot-border-color-selected: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-border-width-selected: var(--lbr-stroke-x4);
-  --lbr-step-progress-bar-step-dot-text-color-unvisited: var(--sjs-layer-3-background-500);
-  --lbr-step-progress-bar-step-dot-text-width: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-step-dot-text-height: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-step-dot-text-margin-bottom: var(--lbr-spacing-x025);
-  --lbr-step-progress-bar-connector-color: var(--sjs-layer-3-foreground-50);
-  --lbr-step-progress-bar-connector-color-visited: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-connector-height: var(--lbr-size-x025);
-  --lbr-step-progress-bar-step-dot-background-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-step-progress-bar-step-dot-border-width-hovered: var(--lbr-stroke-x6);
-  --lbr-step-progress-bar-step-dot-text-color-selected: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-background-color-hovered: var(--sjs-primary-foreground-100);
-  --lbr-step-progress-bar-step-dot-text-color-hovered: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-background-color-visited: var(--sjs-primary-background-500);
-  --lbr-step-progress-bar-step-dot-text-color-visited: var(--sjs-primary-foreground-100);
-  --lbr-step-progress-bar-step-dot-margin-right: var(--lbr-spacing-x075);
-  --lbr-step-progress-bar-step-dot-width-with-number: var(--lbr-size-x3);
-  --lbr-step-progress-bar-step-dot-height-with-number: var(--lbr-size-x3);
-  --lbr-step-progress-bar-step-dot-width: var(--lbr-size-x1);
-  --lbr-step-progress-bar-step-dot-height: var(--lbr-size-x1);
-  --lbr-step-progress-bar-margin-left: var(--lbr-spacing-x5);
-  --lbr-step-progress-bar-margin-right: var(--lbr-spacing-x5);
-  --lbr-step-progress-bar-margin-top: var(--lbr-spacing-x4);
-  --lbr-step-progress-bar-pager-text-color: var(--sjs-layer-3-foreground-50);
-  --lbr-step-progress-bar-margin-bottom: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-bottom-position-bottom: var(--lbr-spacing-x6);
-  --lbr-step-progress-bar-pager-margin-vertical: var(--lbr-spacing-x1);
-  --lbr-step-progress-bar-step-title-margin-vertical-mobile: var(--lbr-spacing-x250);
-  --lbr-step-progress-bar-margin-bottom-with-pager: var(--lbr-spacing-x1n);
-  --lbr-step-progress-bar-margin-top-fit-to-survey: var(--lbr-spacing-x7);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-no-titles: var(--lbr-spacing-x4);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-no-titles-fit-to-survey: var(--lbr-spacing-x12);
-  --lbr-step-progress-bar-margin-left-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-right-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-top-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-margin-bottom-position-bottom-no-titles-mobile: var(--lbr-spacing-x3);
-  --lbr-step-progress-bar-pager-margin-horizontal: var(--lbr-spacing-x075);
-  --ctr-survey-question-panel-toolbar-margin-left: var(--lbr-spacing-x1n);
-  --ctr-survey-question-panel-toolbar-margin-right: var(--lbr-spacing-x1n);
-  --ctr-survey-question-panel-toolbar-margin-top: var(--lbr-spacing-x2);
-  --lbr-question-panel-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-question-panel-border-color-selected: var(--sjs-secondary-background-500);
-  --ctr-survey-question-panel-border-width-selected: var(--lbr-stroke-x2);
-  --lbr-question-panel-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-question-panel-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-question-panel-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-question-panel-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-question-panel-shadow-color: var(--lbr-shadow-small-color);
-  --ctr-survey-page-border-color-selected: var(--sjs-secondary-background-500);
-  --ctr-survey-page-border-width-selected: var(--lbr-stroke-x2);
-  --lbr-page-padding-top: var(--lbr-spacing-x5);
-  --lbr-page-padding-bottom: var(--lbr-spacing-x12);
-  --ctr-survey-page-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-page-button-footer-margin-top: var(--lbr-spacing-x4);
-  --lbr-page-error-margin-top-below-content: var(--lbr-spacing-x2);
-  --lbr-page-error-margin-bottom-above-content: var(--lbr-spacing-x2);
-  --lbr-page-button-footer-gap: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-padding-left: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-padding-right: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-padding-top: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-footer-padding-bottom: var(--lbr-spacing-x3);
-  --ctr-survey-question-panel-border-color-hovered: var(--sjs-secondary-background-25);
-  --ctr-survey-question-panel-border-width-hovered: var(--lbr-stroke-x2);
-  --ctr-survey-question-panel-border-color-nested: var(--sjs-border-25);
-  --ctr-survey-question-panel-border-width-nested: var(--lbr-stroke-x1);
-  --ctr-survey-question-panel-corner-radius-selection-panelless: var(--lbr-corner-radius-x075);
-  --lbr-panel-border-color-panelless: var(--sjs-border-25);
-  --lbr-panel-border-width-panelless: var(--lbr-stroke-x1);
-  --lbr-question-panel-background-color-hovered: var(--sjs-layer-1-background-400);
-  --ctr-survey-page-border-color-hovered: var(--sjs-secondary-background-25);
-  --ctr-survey-page-border-width-hovered: var(--lbr-stroke-x2);
-  --lbr-panel-border-color-nested: var(--sjs-border-10);
-  --lbr-panel-border-width-nested: var(--lbr-stroke-x1);
-  --lbr-panel-border-color-nested-panelless: var(--sjs-border-10);
-  --lbr-panel-border-width-nested-panelless: var(--lbr-stroke-x1);
-  --lbr-dynamic-panel-footer-border-color: var(--sjs-border-10);
-  --lbr-dynamic-panel-footer-border-width-top: var(--lbr-stroke-x1);
-  --lbr-dynamic-panel-progress-bar-background-color: var(--sjs-layer-1-background-500);
-  --lbr-progress-bar-section-title-color-selected: var(--sjs-layer-3-foreground-100);
-  --lbr-progress-bar-section-title-color-pressed: var(--sjs-layer-3-foreground-100);
-  --lbr-matrix-row-background-color-alternate: var(--sjs-layer-1-background-400);
-  --lbr-question-panel-header-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-question-panel-header-description-color: var(--sjs-layer-1-foreground-50);
-  --lbr-question-panel-header-gap: var(--lbr-spacing-x05);
-  --lbr-question-panel-number-color: var(--sjs-layer-1-foreground-50);
-  --lbr-question-panel-number-width: var(--lbr-size-x5);
-  --lbr-question-panel-number-margin-left: var(--lbr-spacing-x1);
-  --lbr-question-panel-number-margin-right: var(--lbr-spacing-x1);
-  --lbr-question-panel-number-height: var(--lbr-size-x3);
-  --lbr-question-panel-number-margin-bottom: var(--lbr-spacing-x0375);
-  --lbr-question-panel-expand-button-icon-width: var(--lbr-size-x2);
-  --lbr-question-panel-expand-button-icon-height: var(--lbr-size-x2);
-  --lbr-question-panel-expand-button-padding-left: var(--lbr-spacing-x2);
-  --lbr-question-panel-expand-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-question-panel-expand-button-padding-top: var(--lbr-spacing-x05);
-  --lbr-question-panel-expand-button-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-question-panel-expand-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-panel-add-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-panel-content-margin-left: var(--lbr-spacing-x5);
-  --lbr-panel-content-margin-right: var(--lbr-spacing-x5);
-  --lbr-panel-content-margin-top: var(--lbr-spacing-x5);
-  --lbr-panel-content-margin-bottom: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-item-header-title-color: var(--sjs-layer-1-foreground-50);
-  --lbr-dynamic-panel-item-header-title-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-item-header-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-dynamic-panel-remove-button-margin: var(--lbr-spacing-x2);
-  --lbr-page-header-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-header-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-page-header-title-color-not-completed-rule: var(--sjs-secondary-background-500);
-  --ctr-survey-page-header-title-gap: var(--sjs-spacing-x1);
-  --lbr-page-header-gap: var(--lbr-spacing-x05);
-  --ctr-survey-page-header-padding-vertical-with-button: var(--sjs-spacing-x05);
-  --lbr-toc-menu-button-background-color-page: var(--lbr-surface-background-color);
-  --lbr-surface-background-color: var(--sjs-layer-3-background-500);
-  --lbr-popup-menu-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-popup-menu-padding-left: var(--lbr-spacing-x05);
-  --lbr-popup-menu-padding-right: var(--lbr-spacing-x05);
-  --lbr-popup-menu-padding-top: var(--lbr-spacing-x05);
-  --lbr-popup-menu-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-menu-background-color: var(--sjs-layer-1-background-500);
-  --lbr-popup-menu-shadow-1-offset-x: var(--lbr-shadow-large-offset-x);
-  --lbr-popup-menu-shadow-1-offset-y: var(--lbr-shadow-large-offset-y);
-  --lbr-popup-menu-shadow-1-blur: var(--lbr-shadow-large-blur);
-  --lbr-popup-menu-shadow-1-spread: var(--lbr-shadow-large-spread);
-  --lbr-popup-menu-shadow-1-color: var(--lbr-shadow-large-color);
-  --lbr-popup-menu-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-popup-menu-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-popup-menu-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-popup-menu-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-popup-menu-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-popup-menu-screen-color: var(--sjs-special-haze);
-  --lbr-popup-menu-margin-left: var(--lbr-spacing-x4);
-  --lbr-popup-menu-margin-right: var(--lbr-spacing-x4);
-  --lbr-popup-menu-margin-top: var(--lbr-spacing-x4);
-  --lbr-popup-menu-margin-bottom: var(--lbr-spacing-x4);
-  --lbr-popup-menu-width-tablet: var(--lbr-size-x40);
-  --lbr-pager-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-pager-text-margin-top: var(--lbr-spacing-x05);
-  --lbr-pager-text-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-pager-gap: var(--lbr-spacing-x2);
-  --lbr-error-panel-background-color: var(--sjs-semantic-red-background-10);
-  --lbr-error-panel-text-color: var(--sjs-semantic-red-background-500);
-  --lbr-error-panel-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-error-panel-padding-left-small: var(--sjs-spacing-x150);
-  --lbr-error-panel-padding-right-small: var(--lbr-spacing-x150);
-  --lbr-error-panel-padding-top-small: var(--lbr-spacing-x1);
-  --lbr-error-panel-padding-bottom-small: var(--lbr-spacing-x1);
-  --lbr-error-panel-padding-left-medium: var(--lbr-spacing-x3);
-  --lbr-error-panel-padding-right-medium: var(--lbr-spacing-x3);
-  --lbr-error-panel-padding-top-medium: var(--lbr-spacing-x2);
-  --lbr-error-panel-padding-bottom-medium: var(--lbr-spacing-x2);
-  --lbr-error-panel-padding-left-large: var(--lbr-spacing-x5);
-  --lbr-error-panel-padding-right-large: var(--lbr-spacing-x5);
-  --lbr-error-panel-padding-top-large: var(--lbr-spacing-x3);
-  --lbr-error-panel-padding-bottom-large: var(--lbr-spacing-x3);
-  --lbr-placeholder-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-placeholder-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-placeholder-padding-left: var(--lbr-spacing-x8);
-  --lbr-placeholder-padding-right: var(--lbr-spacing-x8);
-  --lbr-placeholder-padding-top: var(--lbr-spacing-x2);
-  --lbr-placeholder-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-placeholder-gap: var(--lbr-spacing-x05);
-  --lbr-placeholder-padding-left-small: var(--lbr-spacing-x3);
-  --lbr-placeholder-padding-right-small: var(--lbr-spacing-x3);
-  --lbr-placeholder-padding-bottom-with-button-small: var(--lbr-spacing-x2);
-  --lbr-logo-color-primary: var(--sjs-primary-background-500);
-  --lbr-logo-color-secondary: var(--sjs-secondary-background-500);
-  --lbr-scrollbar-thumb-color: var(--sjs-border-25);
-  --lbr-scrollbar-thumb-margin: var(--lbr-spacing-x05);
-  --lbr-scrollbar-width: var(--lbr-size-x150);
-  --lbr-scrollbar-thumb-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-complete-page-gap: var(--lbr-spacing-x6);
-  --lbr-complete-page-padding-left: var(--lbr-spacing-x8);
-  --lbr-complete-page-padding-right: var(--lbr-spacing-x8);
-  --lbr-complete-page-padding-top: var(--lbr-spacing-x12);
-  --lbr-complete-page-padding-bottom: var(--lbr-spacing-x16);
-  --lbr-complete-page-text-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-complete-page-text-description-color: var(--sjs-layer-3-foreground-50);
-  --lbr-complete-page-text-gap: var(--lbr-spacing-x2);
-  --lbr-complete-page-gap-no-description: var(--lbr-spacing-x3);
-  --lbr-placeholder-text-color-active: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-background-error: var(--sjs-semantic-red-background-10);
-  --lbr-signature-signature-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-signature-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-signature-signature-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-footer-logo-height: var(--lbr-spacing-x8);
-  --lbr-footer-text-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-footer-text-description-color: var(--sjs-layer-1-foreground-50);
-  --lbr-footer-text-gap: var(--lbr-spacing-x05);
-  --lbr-footer-gap: var(--lbr-spacing-x1);
-  --lbr-footer-padding-left: var(--lbr-spacing-x16);
-  --lbr-footer-padding-right: var(--lbr-spacing-x16);
-  --lbr-footer-padding-top: var(--lbr-spacing-x4);
-  --lbr-footer-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-footer-background-color: var(--sjs-layer-1-background-500);
-  --lbr-footer-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-footer-border-color: var(--sjs-border-25);
-  --lbr-footer-padding-left-simple: var(--lbr-spacing-x2);
-  --lbr-footer-padding-right-simple: var(--lbr-spacing-x2);
-  --lbr-footer-padding-top-simple: var(--lbr-spacing-x1);
-  --lbr-footer-padding-bottom-simple: var(--lbr-spacing-x1);
-  --lbr-footer-logo-color-simple: var(--sjs-layer-3-foreground-50);
-  --lbr-top-banner-background-color: var(--sjs-secondary-background-500);
-  --lbr-top-banner-text-color: var(--sjs-secondary-foreground-100);
-  --lbr-top-banner-padding-left: var(--lbr-spacing-x16);
-  --lbr-top-banner-padding-right: var(--lbr-spacing-x16);
-  --lbr-top-banner-padding-top: var(--lbr-spacing-x150);
-  --lbr-top-banner-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-top-banner-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-top-banner-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-top-banner-padding-top-mobile: var(--lbr-spacing-x1);
-  --lbr-top-banner-padding-bottom-mobile: var(--lbr-spacing-x150);
-  --lbr-dynamic-panel-item-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-nested-matrix-panel-header-border-color-nested: var(--sjs-border-10);
-  --lbr-nested-matrix-panel-header-border-width-bottom-nested: var(--lbr-stroke-x1);
-  --ctr-survey-page-header-title-color-placeholder: var(--sjs-layer-3-foreground-50);
-  --lbr-pager-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-panel-header-border-color: var(--sjs-border-10);
-  --lbr-panel-header-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-panel-content-margin-left-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-content-margin-right-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-details-area-padding-left: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-details-area-padding-right: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-details-area-padding-top: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-top-header-below: var(--lbr-spacing-x150);
-  --lbr-question-panel-header-description-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-question-panel-header-padding-bottom-action-button: var(--lbr-spacing-x1);
-  --lbr-question-panel-header-padding-bottom-mobile: var(--lbr-spacing-x1);
-  --lbr-question-panel-header-padding-top-header-below-mobile: var(--lbr-spacing-x075);
-  --lbr-question-panel-expand-button-padding-left-mobile: var(--lbr-spacing-x1);
-  --lbr-question-panel-expand-button-padding-right-mobile: var(--lbr-spacing-x05);
-  --lbr-question-panel-expand-button-icon-width-mobile: var(--lbr-size-x150);
-  --lbr-question-panel-expand-button-icon-height-mobile: var(--lbr-size-x150);
-  --lbr-question-panel-expand-button-padding-top-mobile: var(--lbr-spacing-x075);
-  --lbr-question-panel-expand-button-padding-bottom-mobile: var(--lbr-spacing-x075);
-  --ctr-survey-question-panel-toolbar-margin-top-mobile: var(--lbr-spacing-x1);
-  --lbr-nested-matrix-panel-header-padding-bottom-nested: var(--lbr-spacing-x2);
-  --lbr-matrix-total-row-cell-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-dynamic-panel-item-header-padding-left: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-item-header-padding-right: var(--lbr-spacing-x5);
-  --lbr-dynamic-panel-item-header-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-item-header-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-header-padding-left: var(--lbr-spacing-x5);
-  --lbr-panel-header-padding-right: var(--lbr-spacing-x5);
-  --lbr-panel-header-padding-top: var(--lbr-spacing-x4);
-  --lbr-panel-header-padding-bottom: var(--lbr-spacing-x4);
-  --lbr-panel-header-title-color: var(--sjs-layer-1-foreground-100);
-  --lbr-question-panel-expand-button-icon-color-focused: var(--sjs-layer-1-background-500);
-  --lbr-question-panel-expand-button-icon-color-focused-stroke: var(--sjs-primary-background-500);
-  --lbr-dynamic-panel-item-header-padding-top: var(--lbr-spacing-x4);
-  --lbr-dynamic-panel-item-header-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-top-nested: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-bottom-nested: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-header-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-header-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-panel-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-panel-content-margin-top-mobile: var(--lbr-spacing-x3);
-  --lbr-panel-content-margin-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-footer-padding-top-mobile: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-footer-padding-bottom-mobile: var(--lbr-spacing-x1);
-  --lbr-dynamic-panel-remove-button-margin-vertical-mobile: var(--lbr-spacing-x1);
-  --lbr-page-button-footer-margin-top-panelless: var(--lbr-spacing-x7);
-  --lbr-page-padding-left-responsive: var(--lbr-spacing-x5);
-  --lbr-page-padding-right-responsive: var(--lbr-spacing-x5);
-  --lbr-page-padding-bottom-responsive: var(--lbr-spacing-x5);
-  --lbr-page-padding-top-responsive: var(--lbr-spacing-x5);
-  --lbr-page-width: var(--lbr-size-x80);
-  --lbr-page-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-page-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-page-padding-top-mobile: var(--lbr-spacing-x3);
-  --lbr-page-padding-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-page-error-margin-top-below-content-mobile: var(--lbr-spacing-x2);
-  --lbr-page-error-margin-bottom-above-content-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-page-button-footer-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-page-padding-left: var(--lbr-spacing-x3);
-  --ctr-survey-page-padding-right: var(--lbr-spacing-x3);
-  --ctr-survey-page-padding-top: var(--lbr-spacing-x5);
-  --ctr-survey-page-padding-bottom: var(--lbr-spacing-x3);
-  --ctr-survey-page-margin-left: var(--lbr-spacing-x2);
-  --ctr-survey-page-margin-right: var(--lbr-spacing-x2);
-  --ctr-survey-page-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-page-width: var(--lbr-size-x90);
-  --ctr-survey-page-padding-top-selected: var(--lbr-spacing-x1);
-  --ctr-survey-page-background-color-hovered: var(--sjs-special-background);
-  --ctr-survey-page-margin-bottom-new-page: var(--lbr-spacing-x9);
-  --ctr-survey-question-panel-margin-left-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-question-panel-margin-right-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-question-panel-margin-top-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-page-toolbar-margin-left: var(--lbr-spacing-x1n);
-  --ctr-survey-page-toolbar-margin-right: var(--lbr-spacing-x1n);
-  --ctr-survey-page-padding-top-mobile: var(--lbr-spacing-x3);
-  --lbr-dynamic-panel-content-margin-bottom-placeholder: var(--lbr-spacing-x10);
-  --lbr-question-panel-padding-left: var(--lbr-spacing-x5);
-  --lbr-question-panel-padding-right: var(--lbr-spacing-x5);
-  --lbr-question-panel-padding-top: var(--lbr-spacing-x4);
-  --lbr-question-panel-padding-bottom: var(--lbr-spacing-x5);
-  --lbr-question-panel-header-padding-right-header-left: var(--lbr-spacing-x3);
-  --lbr-question-panel-header-padding-bottom-header-left: var(--lbr-spacing-x150);
-  --lbr-question-panel-header-padding-top-header-left: var(--lbr-spacing-x150);
-  --lbr-question-panel-padding-left-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-top-mobile: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-bottom-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-top-no-header: var(--lbr-spacing-x5);
-  --lbr-question-panel-padding-bottom-collapsed: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-top-action-button: var(--lbr-spacing-x1n);
-  --lbr-question-panel-header-padding-bottom-action-button-collapsed: var(--lbr-spacing-x1n);
-  --lbr-question-panel-error-margin-vertical: var(--lbr-spacing-x5);
-  --lbr-question-panel-error-margin-vertical-near-header: var(--lbr-spacing-x4);
-  --lbr-question-panel-error-margin-horizontal: var(--lbr-spacing-x5n);
-  --lbr-question-panel-error-margin-vertical-panelless: var(--lbr-spacing-x1);
-  --lbr-question-panel-error-margin-vertical-near-header-panelless: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-bottom-header-below: var(--lbr-spacing-x4);
-  --lbr-question-panel-error-margin-horizontal-mobile: var(--lbr-spacing-x3n);
-  --lbr-question-panel-error-margin-vertical-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-error-margin-vertical-near-header-mobile: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-top-no-header-mobile: var(--lbr-spacing-x3);
-  --lbr-question-panel-padding-bottom-header-below-mobile: var(--lbr-spacing-x2);
-  --lbr-question-panel-padding-bottom-collapsed-mobile: var(--lbr-spacing-x1);
-  --lbr-question-panel-header-padding-left-expandable: var(--lbr-spacing-x5n);
-  --lbr-question-panel-header-padding-left-numbering: var(--lbr-spacing-x5n);
-  --lbr-question-panel-header-padding-right-action-button: var(--lbr-spacing-x3n);
-  --lbr-question-panel-padding-top-collapsed: var(--lbr-spacing-x2);
-  --lbr-question-panel-header-padding-left-expandable-mobile: var(--lbr-spacing-x3n);
-  --lbr-question-panel-header-padding-left-numbering-mobile: var(--lbr-spacing-x3n);
-  --lbr-question-panel-padding-top-collapsed-mobile: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-padding-bottom-selected: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-drag-area-margin-left: var(--lbr-spacing-x5n);
-  --ctr-survey-question-panel-drag-area-margin-right: var(--lbr-spacing-x5n);
-  --ctr-survey-question-panel-padding-bottom-minimized: var(--lbr-spacing-x4);
-  --ctr-survey-question-panel-drag-area-margin-bottom-no-header: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-padding-left-panelless: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-right-panelless: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-top-panelless: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-bottom-panelless-no-editing: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-bottom-selected-mobile: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-drag-area-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-question-panel-drag-area-margin-right-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-question-panel-padding-bottom: var(--lbr-spacing-x8);
-  --lbr-page-header-padding-bottom: var(--lbr-spacing-x3);
-  --ctr-survey-question-panel-margin-bottom-panelless: var(--lbr-spacing-x2n);
-  --ctr-survey-page-button-footer-margin-top-panelless: var(--lbr-spacing-x7);
-  --lbr-page-header-padding-bottom-mobile: var(--lbr-spacing-x2);
-  --lbr-multiple-text-gap: var(--lbr-spacing-x2);
-  --lbr-labeled-editor-error-margin-top: var(--lbr-spacing-x1);
-  --ctr-string-table-shadow-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-string-table-shadow-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-string-table-shadow-blur: var(--ctr-shadow-small-blur);
-  --ctr-string-table-shadow-spread: var(--ctr-shadow-small-spread);
-  --ctr-string-table-shadow-color: var(--ctr-shadow-small-color);
-  --ctr-survey-question-panel-drag-area-expand-button-margin: var(--lbr-spacing-x05);
-  --lbr-editor-min-height: var(--lbr-size-x6);
-  --lbr-matrix-row-padding-left-expandable-header-row: var(--lbr-spacing-x6);
-  --lbr-matrix-row-padding-right-delete-button-colunm-title-row: var(--lbr-spacing-x7);
-  --lbr-matrix-margin-left: var(--lbr-spacing-x2n);
-  --lbr-matrix-gap: var(--lbr-spacing-x2);
-  --lbr-matrix-details-padding-left-no-row-titles: var(--lbr-spacing-x6);
-  --lbr-matrix-add-button-margin-left: var(--lbr-spacing-x3n);
-  --lbr-matrix-add-button-margin-left-expandable: var(--lbr-spacing-x3);
-  --lbr-matrix-margin-top-colunm-titles: var(--lbr-spacing-x150n);
-  --lbr-matrix-margin-bottom-add-button: var(--lbr-spacing-x150n);
-  --lbr-matrix-row-padding-top-single-select: var(--lbr-spacing-x1);
-  --lbr-matrix-row-padding-bottom-single-select: var(--lbr-spacing-x1);
-  --lbr-matrix-row-margin-bottom-column-titles-alt-rows: var(--lbr-spacing-x2);
-  --ctr-survey-ranking-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-ranking-item-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-radio-button-group-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-radio-button-group-item-margin-left-hovered-mobile: var(--lbr-spacing-x3n);
-  --lbr-drop-down-buttons-gap: var(--lbr-spacing-x05);
-  --lbr-drop-down-padding-left: var(--lbr-spacing-x2);
-  --lbr-drop-down-padding-right: var(--lbr-spacing-x05);
-  --lbr-drop-down-padding-top: var(--lbr-spacing-x05);
-  --lbr-drop-down-padding-bottom: var(--lbr-spacing-x05);
-  --lbr-tag-box-gap: var(--lbr-spacing-x05);
-  --lbr-tag-box-padding-left: var(--lbr-spacing-x05);
-  --lbr-tag-box-search-text-margin-left: var(--lbr-spacing-x2);
-  --lbr-file-upload-height: var(--lbr-size-x40);
-  --lbr-ranking-gap-horizontal: var(--lbr-spacing-x5);
-  --lbr-image-height: var(--lbr-size-x40);
-  --ctr-survey-image-contextual-buttons-margin-left: var(--lbr-spacing-x1);
-  --ctr-survey-image-contextual-buttons-margin-right: var(--lbr-spacing-x1);
-  --ctr-survey-image-contextual-buttons-margin-top: var(--lbr-spacing-x1);
-  --ctr-survey-image-contextual-buttons-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-height: var(--lbr-size-x20);
-  --lbr-image-picker-item-select-button-margin-left: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-select-button-margin-right: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-select-button-margin-top: var(--lbr-spacing-x1);
-  --lbr-image-picker-item-select-button-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-signature-height: var(--lbr-size-x40);
-  --lbr-signature-contextual-buttons-margin-left: var(--lbr-spacing-x1);
-  --lbr-signature-contextual-buttons-margin-right: var(--lbr-spacing-x1);
-  --lbr-signature-contextual-buttons-margin-top: var(--lbr-spacing-x1);
-  --lbr-signature-contextual-buttons-margin-bottom: var(--lbr-spacing-x1);
-  --lbr-ranking-drop-spot-height: var(--lbr-spacing-x5);
-  --lbr-ranking-drop-spot-width: var(--lbr-size-x32);
-  --lbr-ranking-drop-spot-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-toolbox-group-header-min-height: var(--sjs-spacing-x5);
-  --lbr-image-picker-gap: var(--lbr-spacing-x2);
-  --ctr-editor-layout-min-width: var(--sjs-size-x32);
-  --lbr-image-picker-item-min-width: var(--lbr-size-x32);
-  --ctr-data-table-actionbar-button-width: var(--sjs-spacing-x5);
-  --ctr-actionbar-button-icon-color-colorful: var(--sjs-primary-background-500);
-  --lbr-toc-menu-button-margin-page: var(--lbr-spacing-x2);
-  --lbr-toc-menu-button-corner-radius: var(--lbr-corner-radius-round);
-  --ctr-survey-item-actionbar-padding-left-inactive-mobile: var(--lbr-spacing-x5);
-  --ctr-survey-radio-button-group-show-more-button-margin-left-mobile: var(--lbr-spacing-x8);
-  --ctr-survey-checkboxes-show-more-button-margin-left-mobile: var(--lbr-spacing-x8);
-  --lbr-rating-item-width-small: var(--lbr-spacing-x3);
-  --lbr-rating-item-height-small: var(--lbr-spacing-x3);
-  --lbr-contextual-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --lbr-contextual-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-contextual-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-list-search-padding-left: var(--sjs-spacing-x3);
-  --ctr-list-search-padding-right: var(--sjs-spacing-x2);
-  --ctr-list-search-padding-top: var(--sjs-spacing-x250);
-  --ctr-list-search-padding-bottom: var(--sjs-spacing-x250);
-  --ctr-list-search-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-list-search-border-color: var(--sjs-border-25);
-  --ctr-list-search-gap: var(--sjs-spacing-x2);
-  --ctr-list-search-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --ctr-list-search-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-list-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-list-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-property-grid-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-property-grid-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-toolbox-search-icon-width: var(--sjs-font-size-x3);
-  --ctr-toolbox-search-icon-height: var(--sjs-font-size-x3);
-  --ctr-button-padding-horizontal-contextual-button: var(--sjs-spacing-x10);
-  --ctr-survey-header-width: var(--lbr-size-x90);
-  --ctr-surface-gap: var(--sjs-spacing-x5);
-  --ctr-surface-padding-top: var(--sjs-spacing-x5);
-  --ctr-expression-item-padding-left-button: var(--sjs-spacing-x4);
-  --ctr-expression-item-padding-right-button: var(--sjs-spacing-x4);
-  --ctr-preview-device-background-color: var(--sjs-layer-1-background-500);
-  --ctr-preview-device-border-color: var(--sjs-layer-3-background-500);
-  --ctr-preview-device-border-width: var(--sjs-stroke-x4);
-  --ctr-preview-device-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-preview-device-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-preview-device-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-preview-device-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-preview-device-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-preview-device-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-preview-device-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-preview-device-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-preview-device-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-preview-device-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-preview-device-padding-left: var(--sjs-spacing-x2);
-  --ctr-preview-device-padding-right: var(--sjs-spacing-x2);
-  --ctr-preview-device-padding-top: var(--sjs-spacing-x8);
-  --ctr-preview-device-padding-bottom: var(--sjs-spacing-x8);
-  --ctr-preview-device-frame-background-color: var(--lbr-surface-background-color);
-  --ctr-preview-device-corner-radius: var(--sjs-corner-radius-x4);
-  --ctr-surface-padding-left: var(--sjs-spacing-x5);
-  --ctr-surface-padding-right: var(--sjs-spacing-x5);
-  --ctr-surface-padding-bottom: var(--sjs-spacing-x5);
-  --ctr-preview-device-frame-border-width: var(--sjs-stroke-x2);
-  --ctr-preview-device-frame-border-color: var(--sjs-border-25);
-  --ctr-surface-divider-color: var(--sjs-border-25);
-  --ctr-surface-divider-width: var(--sjs-stroke-x1);
-  --ctr-toolbox-button-padding-left: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-padding-top: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-toolbox-button-margin-horizontal: var(--sjs-spacing-x05);
-  --ctr-toolbox-shadow-floating-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-shadow-floating-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-toolbox-shadow-floating-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-shadow-floating-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-toolbox-shadow-floating-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-shadow-floating-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-toolbox-shadow-floating-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-shadow-floating-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-toolbox-shadow-floating-2-color: var(--ctr-shadow-large-color);
-  --ctr-toolbox-shadow-floating-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-border-width-right-floating: var(--sjs-stroke-x1);
-  --ctr-surface-text-color: var(--sjs-layer-3-foreground-100);
-  --ctr-surface-text-color-link: var(--sjs-primary-background-400);
-  --ctr-string-table-background-color: var(--sjs-layer-3-background-500);
-  --lbr-header-gap-mobile: var(--lbr-spacing-x2);
-  --lbr-toc-menu-button-margin-right-header: var(--lbr-spacing-x1n);
-  --lbr-complete-page-text-max-width: var(--lbr-size-x90);
-  --ctr-toolbox-item-padding-left-submenu: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-padding-top-submenu: var(--sjs-spacing-x150);
-  --ctr-toolbox-item-padding-bottom-submenu: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-margin-left: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-gap: var(--sjs-spacing-x05);
-  --ctr-data-table-row-shadow-floating-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-data-table-row-shadow-floating-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-data-table-row-shadow-floating-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-data-table-row-shadow-floating-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-data-table-row-shadow-floating-1-color: var(--ctr-shadow-medium-color);
-  --ctr-data-table-row-shadow-floating-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-data-table-row-shadow-floating-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-data-table-row-shadow-floating-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-data-table-row-shadow-floating-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-data-table-row-shadow-floating-2-color: var(--ctr-shadow-large-color);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-blur: var(--ctr-shadow-small-blur);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-spread: var(--ctr-shadow-small-spread);
-  --ctr-code-viewer-code-error-row-fix-button-shadow-color: var(--ctr-shadow-small-color);
-  --ctr-toolbox-item-shadow-floating-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-item-shadow-floating-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-item-shadow-floating-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-item-shadow-floating-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-item-shadow-floating-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-item-shadow-floating-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-toolbox-item-shadow-floating-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-toolbox-item-shadow-floating-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-toolbox-item-shadow-floating-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-toolbox-item-shadow-floating-2-color: var(--ctr-shadow-large-color);
-  --ctr-toolbox-item-shadow-hovered-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-item-shadow-hovered-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-item-shadow-hovered-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-item-shadow-hovered-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-item-shadow-pressed-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-toolbox-item-shadow-pressed-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-toolbox-item-shadow-pressed-blur: var(--ctr-shadow-small-blur);
-  --ctr-toolbox-item-shadow-pressed-spread: var(--ctr-shadow-small-spread);
-  --ctr-toolbox-item-shadow-hovered-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-toolbox-item-shadow-hovered-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-toolbox-item-shadow-hovered-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-toolbox-item-shadow-hovered-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-page-navigator-item-shadow-hovered-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-page-navigator-item-shadow-hovered-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-page-navigator-item-shadow-hovered-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-page-navigator-item-shadow-hovered-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-page-navigator-item-shadow-hovered-1-color: var(--ctr-shadow-medium-color);
-  --ctr-page-navigator-item-shadow-hovered-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-page-navigator-item-shadow-hovered-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-page-navigator-item-shadow-hovered-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-page-navigator-item-shadow-hovered-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-page-navigator-item-shadow-hovered-2-color: var(--ctr-shadow-small-color);
-  --ctr-button-shadow-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-button-shadow-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-button-shadow-blur: var(--ctr-shadow-small-blur);
-  --ctr-button-shadow-spread: var(--ctr-shadow-small-spread);
-  --ctr-button-shadow-color: var(--ctr-shadow-small-color);
-  --ctr-popup-menu-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-popup-menu-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-popup-menu-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-popup-menu-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-popup-menu-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-popup-menu-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-popup-menu-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-popup-menu-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-popup-menu-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-popup-menu-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-text-decor-shadow-editing-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-text-decor-shadow-editing-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-text-decor-shadow-editing-blur: var(--ctr-shadow-medium-blur);
-  --ctr-text-decor-shadow-editing-spread: var(--ctr-shadow-medium-spread);
-  --ctr-text-decor-shadow-editing-color: var(--ctr-shadow-medium-color);
-  --ctr-search-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-search-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-search-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-search-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-search-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-search-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-search-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-search-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-search-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-search-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-popup-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-popup-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-popup-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-popup-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-popup-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-popup-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-popup-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-popup-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-popup-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-popup-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-popup-shadow-3-offset-x: var(--ctr-shadow-x-large-offset-x);
-  --ctr-popup-shadow-3-offset-y: var(--ctr-shadow-x-large-offset-y);
-  --ctr-popup-shadow-3-blur: var(--ctr-shadow-x-large-blur);
-  --ctr-popup-shadow-3-spread: var(--ctr-shadow-x-large-spread);
-  --ctr-popup-shadow-3-color: var(--ctr-shadow-x-large-color);
-  --ctr-notification-shadow-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-notification-shadow-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-notification-shadow-blur: var(--ctr-shadow-medium-blur);
-  --ctr-notification-shadow-spread: var(--ctr-shadow-medium-spread);
-  --ctr-notification-shadow-color: var(--ctr-shadow-medium-color);
-  --lbr-shadow-inner-color: var(--sjs-special-shadow);
-  --ctr-code-viewer-text-margin-left-results-table: var(--sjs-spacing-x3);
-  --ctr-code-viewer-text-margin-right-results-table: var(--sjs-spacing-x3);
-  --ctr-code-viewer-text-margin-top-results-table: var(--sjs-spacing-x2);
-  --ctr-code-viewer-text-margin-bottom-results-table: var(--sjs-spacing-x2);
-  --lbr-matrix-margin-right-delete-button: var(--lbr-spacing-x3n);
-  --ctr-survey-ranking-info-panel-margin-top-select-to-rank-horizontal: var(--lbr-spacing-x2);
-  --ctr-checkbox-list-margin-top: var(--sjs-spacing-x2);
-  --ctr-editor-color-swatch-background-color-secondary: var(--sjs-secondary-background-500);
-  --ctr-editor-color-swatch-background-color-red: var(--sjs-semantic-red-background-500);
-  --ctr-editor-color-swatch-background-color-blue: var(--sjs-semantic-blue-background-500);
-  --ctr-editor-color-swatch-background-color-light: var(--sjs-layer-3-background-500);
-  --ctr-editor-color-swatch-background-color-dark: var(--sjs-layer-1-foreground-100);
-  --ctr-editor-color-swatch-background-color-gray: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-color-swatch-color-secondary: var(--sjs-secondary-background-500);
-  --ctr-list-item-color-swatch-color-red: var(--sjs-semantic-red-background-500);
-  --ctr-list-item-color-swatch-color-blue: var(--sjs-semantic-blue-background-500);
-  --ctr-list-item-color-swatch-color-light: var(--sjs-layer-3-background-500);
-  --ctr-list-item-color-swatch-color-dark: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-color-swatch-color-gray: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-background-color-submenu: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-text-color-submenu: var(--sjs-layer-2-foreground-100);
-  --lbr-file-upload-item-remove-button-margin-right-file: var(--lbr-spacing-x05);
-  --lbr-file-upload-item-remove-button-margin-right-thumbnail: var(--lbr-spacing-x2n);
-  --lbr-file-upload-item-remove-button-margin-top-thumbnail: var(--lbr-spacing-x2n);
-  --lbr-contextual-button-border-color-hovered-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-contextual-button-border-color-hovered-negative: var(--sjs-semantic-red-background-500);
-  --lbr-step-progress-bar-padding-left-fit-to-survey: var(--lbr-spacing-x05n);
-  --lbr-step-progress-bar-padding-right-fit-to-survey: var(--lbr-spacing-x05n);
-  --lbr-step-progress-bar-padding-left-fit-to-survey-with-number: var(--lbr-spacing-x1n);
-  --lbr-step-progress-bar-padding-right-fit-to-survey-with-number: var(--lbr-spacing-x1n);
-  --lbr-step-progress-bar-width: var(--lbr-size-x80);
-  --ctr-toolbox-min-width: var(--sjs-size-x20);
-  --ctr-popup-menu-margin-top-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-margin-bottom-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-margin-left-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-margin-right-tablet: var(--sjs-spacing-x3);
-  --ctr-popup-menu-max-width-tablet: var(--sjs-size-x40);
-  --ctr-font-default-line-height-all-caps: var(--sjs-line-height-x2);
-  --lbr-progress-bar-height-large: var(--lbr-size-x05);
-  --lbr-progress-bar-margin-vertical: var(--lbr-spacing-x6n);
-  --lbr-progress-bar-margin-vertical-with-titles: var(--lbr-spacing-x3n);
-  --lbr-progress-bar-pager-label-background-color-floating: var(--sjs-layer-1-background-500);
-  --lbr-progress-bar-pager-label-padding-left: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-label-padding-right: var(--lbr-spacing-x150);
-  --lbr-progress-bar-pager-label-padding-top: var(--lbr-spacing-x1);
-  --lbr-progress-bar-pager-label-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-progress-bar-pager-label-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-progress-bar-pager-label-text-color-floating: var(--sjs-layer-1-foreground-100);
-  --lbr-progress-bar-pager-label-shadow-1-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-progress-bar-pager-label-shadow-1-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-progress-bar-pager-label-shadow-1-blur: var(--lbr-shadow-small-blur);
-  --lbr-progress-bar-pager-label-shadow-1-spread: var(--lbr-shadow-small-spread);
-  --lbr-progress-bar-pager-label-shadow-1-color: var(--lbr-shadow-small-color);
-  --lbr-progress-bar-pager-label-shadow-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-progress-bar-pager-label-shadow-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-progress-bar-pager-label-shadow-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-progress-bar-pager-label-shadow-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-progress-bar-pager-label-shadow-2-color: var(--lbr-shadow-medium-color);
-  --lbr-step-progress-bar-background-color-fixed: var(--sjs-layer-3-background-500);
-  --lbr-step-progress-bar-shadow-fixed-1-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-step-progress-bar-shadow-fixed-1-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-step-progress-bar-shadow-fixed-1-blur: var(--lbr-shadow-small-blur);
-  --lbr-step-progress-bar-shadow-fixed-1-spread: var(--lbr-shadow-small-spread);
-  --lbr-step-progress-bar-shadow-fixed-1-color: var(--lbr-shadow-small-color);
-  --lbr-step-progress-bar-shadow-fixed-2-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-step-progress-bar-shadow-fixed-2-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-step-progress-bar-shadow-fixed-2-blur: var(--lbr-shadow-medium-blur);
-  --lbr-step-progress-bar-shadow-fixed-2-spread: var(--lbr-shadow-medium-spread);
-  --lbr-step-progress-bar-shadow-fixed-2-color: var(--lbr-shadow-medium-color);
-  --lbr-step-progress-bar-margin-top-fixed: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-top-no-titles-fixed: var(--lbr-spacing-x2);
-  --lbr-step-progress-bar-margin-bottom-no-titles-fixed: var(--lbr-spacing-x1);
-  --lbr-step-progress-bar-margin-bottom-with-pager-fixed: var(--lbr-spacing-x150);
-  --lbr-step-progress-bar-margin-top-position-bottom-mobile: var(--lbr-spacing-x2);
-  --ctr-page-banner-background-color: var(--sjs-secondary-background-500);
-  --ctr-page-banner-text-color: var(--sjs-secondary-foreground-100);
-  --ctr-page-banner-padding-left: var(--sjs-spacing-x8);
-  --ctr-page-banner-padding-right: var(--sjs-spacing-x8);
-  --ctr-page-banner-padding-top: var(--sjs-spacing-x150);
-  --ctr-page-banner-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-page-banner-padding-left-mobile: var(--sjs-spacing-x3);
-  --ctr-page-banner-padding-right-mobile: var(--sjs-spacing-x3);
-  --ctr-page-banner-padding-top-mobile: var(--sjs-spacing-x1);
-  --ctr-page-banner-padding-bottom-mobile: var(--sjs-spacing-x150);
-  --ctr-survey-panel-border-color-container: var(--sjs-border-25);
-  --ctr-survey-panel-border-width-container: var(--lbr-stroke-x1);
-  --ctr-survey-question-panel-padding-bottom-selected-panelless: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-padding-bottom-panelless: var(--lbr-spacing-x6);
-  --ctr-surface-background-color-panelless: var(--sjs-layer-1-background-500);
-  --ctr-button-background-color-panelless: var(--sjs-layer-2-background-500);
-  --ctr-button-background-color-panelless-hovered: var(--sjs-layer-2-background-400);
-  --ctr-button-text-color-panelless-disabled: var(--sjs-layer-2-foreground-100);
-  --ctr-button-contextual-button-icon-color-panelless: var(--sjs-layer-2-foreground-50);
-  --ctr-toolbox-group-padding-left-compact: var(--sjs-spacing-x150);
-  --ctr-toolbox-group-padding-right-compact: var(--sjs-spacing-x150);
-  --ctr-radio-button-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-checkbox-button-check-mark-width: var(--sjs-font-size-x2);
-  --ctr-checkbox-button-check-mark-height: var(--sjs-font-size-x2);
-  --lbr-drop-down-content-margin-top: var(--lbr-spacing-x1);
-  --lbr-drop-down-content-margin-bottom: var(--lbr-spacing-x1);
-  --ctr-property-grid-width: var(--sjs-size-x60);
-  --ctr-survey-panel-drag-area-margin-bottom-panelless-selected: var(--lbr-spacing-x2);
-  --ctr-survey-panel-drag-area-margin-bottom-panelless-no-header-selected: var(--lbr-spacing-x3);
-  --ctr-survey-question-panel-floating-toolbar-margin: var(--lbr-spacing-x150);
-  --ctr-survey-question-panel-floating-toolbar-padding-left: var(--lbr-spacing-x150);
-  --ctr-survey-question-panel-floating-toolbar-padding-right: var(--lbr-spacing-x150);
-  --ctr-survey-question-panel-floating-toolbar-padding-top: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-padding-bottom: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-gap-items: var(--lbr-spacing-x05);
-  --ctr-survey-question-panel-floating-toolbar-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-question-panel-floating-toolbar-border-color: var(--sjs-border-25-overlay);
-  --ctr-survey-question-panel-floating-toolbar-border-width: var(--lbr-stroke-x1);
-  --ctr-survey-question-panel-floating-toolbar-background-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-question-panel-floating-toolbar-gap-groups: var(--lbr-spacing-x1);
-  --lbr-page-loading-background-color: var(--sjs-layer-3-background-500);
-  --lbr-page-loading-padding-bottom: var(--lbr-spacing-x8);
-  --lbr-page-loading-loading-icon-width: var(--lbr-size-x12);
-  --lbr-page-loading-loading-icon-height: var(--lbr-size-x12);
-  --lbr-page-loading-loading-icon-circle-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-loading-loading-icon-circle-color-spin: var(--sjs-primary-background-500);
-  --lbr-page-loading-title-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-loading-padding-top: var(--lbr-spacing-x3);
-  --lbr-page-loading-padding-left: var(--lbr-spacing-x3);
-  --lbr-page-loading-padding-right: var(--lbr-spacing-x3);
-  --lbr-page-loading-message-color: var(--sjs-layer-3-foreground-50);
-  --lbr-ghost-button-padding-left: var(--lbr-spacing-x2);
-  --lbr-ghost-button-padding-right: var(--lbr-spacing-x2);
-  --lbr-ghost-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-ghost-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-ghost-button-border-width: var(--lbr-stroke-x2);
-  --lbr-ghost-button-border-color: var(--sjs-layer-3-foreground-100);
-  --lbr-ghost-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-ghost-button-text-color: var(--sjs-layer-3-foreground-100);
-  --lbr-page-loading-buttons-margin-top: var(--lbr-spacing-x3);
-  --lbr-ghost-button-border-color-hovered: var(--sjs-primary-background-500);
-  --lbr-ghost-button-text-color-hovered: var(--sjs-primary-background-400);
-  --lbr-ghost-button-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-page-loading-buttons-gap: var(--lbr-spacing-x1);
-  --lbr-page-loading-error-icon-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-page-loading-error-icon-width-error: var(--lbr-size-x8);
-  --lbr-page-loading-error-icon-height-error: var(--lbr-size-x8);
-  --ctr-toolbox-item-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --ctr-toolbox-item-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-font-large-size: var(--lbr-font-size-x4);
-  --lbr-font-large-line-height: var(--lbr-line-height-x5);
-  --lbr-font-medium-size: var(--lbr-font-size-x3);
-  --lbr-font-medium-line-height: var(--lbr-line-height-x4);
-  --lbr-font-default-size: var(--lbr-font-size-x2);
-  --lbr-font-default-line-height: var(--lbr-line-height-x3);
-  --lbr-font-default-line-height-all-caps: var(--lbr-line-height-x2);
-  --lbr-font-small-size: var(--lbr-font-size-x150);
-  --lbr-font-small-line-height: var(--lbr-line-height-x2);
-  --lbr-font-code-size: var(--lbr-font-size-x2);
-  --lbr-font-code-line-height: var(--lbr-line-height-x3);
-  --ctr-list-item-padding-right-with-label-icon: var(--sjs-spacing-x150);
-  --ctr-survey-question-panel-padding-bottom-minimized-mobile: var(--lbr-spacing-x2);
-  --ctr-survey-question-panel-padding-bottom-minimized-selected-mobile: var(--lbr-spacing-x3);
-  --ctr-survey-panel-background-color-overing: var(--sjs-primary-background-10);
-  --ctr-survey-panel-border-color-overing: var(--sjs-primary-background-500);
-  --ctr-survey-panel-border-width-overing: var(--lbr-stroke-x2);
-  --ctr-survey-page-background-color-overing: var(--sjs-primary-background-10);
-  --ctr-survey-page-border-color-overing: var(--sjs-primary-background-500);
-  --ctr-survey-page-border-width-overing: var(--lbr-stroke-x2);
-  --ctr-toolbox-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-margin-horizontal-no-text: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-padding-left-no-text: var(--sjs-spacing-x1);
-  --ctr-toolbox-item-background-color-pressed: var(--sjs-layer-1-background-400);
-  --ctr-toolbox-item-shadow-subitem-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-item-shadow-subitem-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-item-shadow-subitem-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-item-shadow-subitem-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-item-shadow-subitem-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-toolbox-item-shadow-subitem-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-toolbox-item-shadow-subitem-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-toolbox-item-shadow-subitem-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-toolbox-submenu-group-margin-right: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-margin-top: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-margin-bottom: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-margin-bottom-last: var(--sjs-spacing-x150);
-  --ctr-toolbox-submenu-group-border-color: var(--sjs-border-10);
-  --ctr-toolbox-submenu-group-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-toolbox-submenu-background-color: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-submenu-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-toolbox-submenu-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-toolbox-submenu-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-toolbox-submenu-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-toolbox-submenu-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-toolbox-submenu-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-toolbox-submenu-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-toolbox-submenu-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-toolbox-submenu-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-toolbox-submenu-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-toolbox-submenu-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-toolbox-submenu-margin-top: var(--sjs-spacing-x1n);
-  --ctr-list-item-background-color-selected-submenu: var(--sjs-layer-1-background-400);
-  --ctr-list-item-text-color-selected-submenu: var(--sjs-layer-1-foreground-100);
-  --ctr-list-item-icon-color-selected-submenu: var(--sjs-primary-background-500);
-  --ctr-list-item-submenu-arrow-color-selected-item-submenu: var(--sjs-layer-1-foreground-75);
-  --ctr-menu-item-padding-left-icon: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-button-padding-right: var(--sjs-spacing-x1);
-  --ctr-menu-toolbar-button-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-menu-item-padding-right: var(--sjs-spacing-x3);
-  --ctr-menu-item-padding-right-icon: var(--sjs-spacing-x2);
-  --ctr-menu-toolbar-button-padding-top-with-description: var(--sjs-spacing-x05);
-  --ctr-property-grid-header-padding-top-with-subtitle: var(--sjs-spacing-x075);
-  --ctr-property-grid-header-padding-bottom-with-subtitle: var(--sjs-spacing-x075);
-  --ctr-data-table-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-data-table-placeholder-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-list-item-label-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-label-icon-color-hovered: var(--sjs-layer-1-foreground-50);
-  --ctr-list-item-label-icon-color-disabled: var(--sjs-layer-1-foreground-75);
-  --ctr-list-item-label-icon-color-selected: var(--sjs-primary-foreground-100);
-  --ctr-data-table-form-gap: var(--sjs-spacing-x2);
-  --ctr-data-table-form-padding-left: var(--sjs-spacing-x4);
-  --ctr-data-table-form-background-color: var(--sjs-layer-1-background-500);
-  --ctr-data-table-form-padding-right: var(--sjs-spacing-x4);
-  --ctr-data-table-form-padding-top: var(--sjs-spacing-x2);
-  --ctr-data-table-form-padding-top-no-label: var(--sjs-spacing-x4);
-  --ctr-data-table-form-padding-bottom: var(--sjs-spacing-x5);
-  --ctr-data-table-form-border-width-bottom: var(--sjs-stroke-x1);
-  --ctr-data-table-form-border-color: var(--sjs-border-10);
-  --ctr-menu-toolbar-button-padding-left-with-description: var(--sjs-spacing-x150);
-  --ctr-menu-toolbar-button-padding-right-with-description: var(--sjs-spacing-x150);
-  --ctr-survey-page-border-color-minimized: var(--sjs-border-10);
-  --ctr-survey-page-border-width-minimized: var(--lbr-stroke-x2);
-  --ctr-survey-page-drag-indicator-width: var(--lbr-size-x3);
-  --ctr-survey-page-drag-indicator-height: var(--lbr-size-x2);
-  --ctr-survey-page-drag-indicator-color: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-resize-frame-grip-width: var(--lbr-size-x150);
-  --ctr-survey-resize-frame-grip-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-survey-resize-frame-grip-color: var(--sjs-layer-1-background-500);
-  --ctr-survey-resize-frame-grip-height: var(--lbr-size-x150);
-  --ctr-survey-resize-frame-margin: var(--lbr-spacing-x1n);
-  --ctr-survey-resize-frame-grip-border-color: var(--sjs-secondary-background-500);
-  --ctr-survey-resize-frame-grip-border-width: var(--lbr-stroke-x2);
-  --lbr-footer-text-description-color-transparent: var(--sjs-layer-3-foreground-50);
-  --lbr-footer-text-title-color-transparent: var(--sjs-layer-3-foreground-100);
-  --lbr-footer-padding-top-transparent: var(--lbr-spacing-x8n);
-  --lbr-footer-padding-bottom-transparent: var(--lbr-spacing-x12);
-  --lbr-footer-padding-bottom-transparent-responsive: var(--lbr-spacing-x5);
-  --lbr-footer-padding-left-transparent-responsive: var(--lbr-spacing-x5);
-  --lbr-footer-padding-right-transparent-responsive: var(--lbr-spacing-x5);
-  --lbr-footer-padding-top-transparent-responsive: var(--lbr-spacing-x1n);
-  --lbr-footer-text-max-width: var(--lbr-size-x50);
-  --lbr-app-header-background-color: var(--sjs-primary-background-500);
-  --lbr-app-header-padding-left: var(--lbr-spacing-x3);
-  --lbr-app-header-padding-right: var(--lbr-spacing-x5);
-  --lbr-app-header-menu-item-padding-top: var(--lbr-spacing-x250);
-  --lbr-app-header-menu-item-padding-bottom: var(--lbr-spacing-x3);
-  --lbr-app-header-border-color: var(--sjs-primary-background-400);
-  --lbr-app-header-border-width-bottom: var(--lbr-stroke-x4);
-  --lbr-app-header-title-text-color: var(--sjs-primary-foreground-100);
-  --lbr-app-header-title-icon-width: var(--lbr-size-x4);
-  --lbr-app-header-title-icon-height: var(--lbr-size-x4);
-  --lbr-app-header-title-icon-color: var(--sjs-primary-foreground-100);
-  --lbr-app-header-title-gap: var(--lbr-spacing-x150);
-  --lbr-app-header-menu-gap: var(--lbr-spacing-x5);
-  --lbr-app-header-menu-item-border-color-selected: var(--sjs-primary-foreground-100);
-  --lbr-app-header-menu-item-border-width-bottom: var(--lbr-stroke-x4);
-  --lbr-app-header-menu-item-text-color: var(--sjs-primary-foreground-100);
-  --lbr-app-header-title-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-app-header-menu-item-border-color-hovered: var(--sjs-primary-foreground-100);
-  --lbr-footer-padding-left-transparent-mobile: var(--lbr-spacing-x3);
-  --lbr-footer-padding-right-transparent-mobile: var(--lbr-spacing-x3);
-  --lbr-footer-padding-top-transparent-mobile: var(--lbr-spacing-x3);
-  --lbr-footer-padding-bottom-transparent-mobile: var(--lbr-spacing-x3);
-  --ctr-surface-toolbar-padding-left: var(--sjs-spacing-x2);
-  --ctr-surface-toolbar-padding-right: var(--sjs-spacing-x2);
-  --ctr-surface-toolbar-padding-top: var(--sjs-spacing-x2);
-  --ctr-surface-toolbar-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-surface-toolbar-gap: var(--sjs-spacing-x1);
-  --ctr-toggle-button-thumb-background-color-active: var(--sjs-layer-3-foreground-75);
-  --ctr-toggle-button-thumb-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-toggle-button-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-toggle-button-gap: var(--sjs-spacing-x05);
-  --ctr-toggle-button-padding-left: var(--sjs-font-size-x075);
-  --ctr-toggle-button-padding-right: var(--sjs-font-size-x075);
-  --ctr-toggle-button-padding-top: var(--sjs-font-size-x075);
-  --ctr-toggle-button-padding-bottom: var(--sjs-font-size-x075);
-  --ctr-toggle-button-background-color: var(--sjs-layer-3-background-500);
-  --ctr-toggle-button-border-color-focused: var(--sjs-primary-background-500);
-  --ctr-toggle-button-border-width-focused: var(--sjs-stroke-x2);
-  --ctr-toggle-button-border-color: var(--sjs-border-10);
-  --ctr-toggle-button-border-width: var(--sjs-stroke-x1);
-  --ctr-toggle-button-thumb-width: var(--sjs-font-size-x150);
-  --ctr-toggle-button-thumb-height: var(--sjs-font-size-x150);
-  --ctr-toggle-button-background-color-checked: var(--sjs-primary-background-500);
-  --ctr-toggle-button-thumb-background-color-checked-focused: var(--sjs-primary-background-500);
-  --ctr-toggle-button-background-color-checked-focused: var(--sjs-primary-foreground-100);
-  --ctr-toggle-button-background-color-hovered: var(--sjs-layer-3-background-400);
-  --ctr-toggle-button-label-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-toggle-button-gap-label: var(--sjs-spacing-x1);
-  --ctr-toggle-button-thumb-background-color-checked: var(--sjs-primary-foreground-100);
-  --ctr-property-grid-advanced-mode-switcher-margin-top: var(--sjs-spacing-x4);
-  --ctr-property-grid-advanced-mode-switcher-margin-bottom: var(--sjs-spacing-x3);
-  --ctr-toggle-button-thumb-border-color: var(--sjs-border-10);
-  --ctr-toolbox-item-submenu-button-background-color: var(--sjs-layer-1-background-500);
-  --ctr-toolbox-item-submenu-button-background-color-hovered: var(--sjs-primary-background-10);
-  --ctr-toolbox-item-submenu-button-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-toolbox-item-submenu-button-padding-left: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-padding-right: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-padding-top: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-padding-bottom: var(--sjs-spacing-x05);
-  --ctr-toolbox-item-submenu-button-icon-width: var(--sjs-font-size-x2);
-  --ctr-toolbox-item-submenu-button-icon-height: var(--sjs-font-size-x2);
-  --ctr-toolbox-item-submenu-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-submenu-button-icon-color-hovered: var(--sjs-layer-1-foreground-50);
-  --ctr-toolbox-item-submenu-button-margin-left: var(--sjs-spacing-x2);
-  --ctr-toolbox-item-submenu-button-margin-right: var(--sjs-spacing-x1n);
-  --lbr-surface-background-color-panelless: var(--sjs-layer-1-background-500);
-  --ctr-survey-question-panel-toolbar-item-icon-container-width-x-small: var(--lbr-size-x2);
-  --ctr-survey-question-panel-toolbar-item-icon-container-height-x-small: var(--lbr-size-x2);
-  --lbr-slider-label-tick-color: var(--sjs-border-25);
-  --lbr-slider-label-tick-width: var(--lbr-size-x0125);
-  --lbr-slider-label-tick-height: var(--lbr-size-x05);
-  --lbr-slider-label-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-min-width: var(--lbr-size-x4);
-  --lbr-slider-thumb-width: var(--lbr-size-x4);
-  --lbr-slider-thumb-height: var(--lbr-size-x4);
-  --lbr-slider-thumb-color: var(--sjs-layer-1-background-500);
-  --lbr-slider-thumb-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-slider-thumb-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-slider-thumb-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-slider-thumb-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-slider-thumb-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-slider-thumb-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-slider-thumb-padding-left: var(--lbr-spacing-x075);
-  --lbr-slider-path-height: var(--lbr-size-x05);
-  --lbr-slider-path-color: var(--sjs-border-10);
-  --lbr-slider-path-color-filled: var(--sjs-primary-background-500);
-  --lbr-slider-path-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-slider-label-gap: var(--lbr-spacing-x05);
-  --lbr-slider-gap: var(--lbr-spacing-x1);
-  --lbr-slider-path-margin-left: var(--lbr-spacing-x1);
-  --lbr-slider-path-margin-right: var(--lbr-spacing-x1);
-  --lbr-slider-thumb-dot-width: var(--lbr-size-x150);
-  --lbr-slider-thumb-dot-height: var(--lbr-size-x150);
-  --lbr-slider-thumb-dot-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-slider-thumb-dot-color: var(--sjs-primary-background-500);
-  --lbr-slider-margin-left: var(--lbr-spacing-x05n);
-  --lbr-slider-margin-right: var(--lbr-spacing-x05n);
-  --lbr-slider-thumb-padding-right: var(--lbr-spacing-x075);
-  --lbr-slider-thumb-padding-top: var(--lbr-spacing-x075);
-  --lbr-slider-thumb-padding-bottom: var(--lbr-spacing-x075);
-  --lbr-tooltip-pointer-width: var(--lbr-size-x150);
-  --lbr-tooltip-pointer-height: var(--lbr-size-x075);
-  --lbr-tooltip-pointer-margin-left: var(--lbr-spacing-x1);
-  --lbr-tooltip-pointer-margin-right: var(--lbr-spacing-x1);
-  --lbr-tooltip-shadow-1-offset-x: var(--lbr-shadow-medium-offset-x);
-  --lbr-tooltip-shadow-1-offset-y: var(--lbr-shadow-medium-offset-y);
-  --lbr-tooltip-shadow-1-blur: var(--lbr-shadow-medium-blur);
-  --lbr-tooltip-shadow-1-spread: var(--lbr-shadow-medium-spread);
-  --lbr-tooltip-shadow-1-color: var(--lbr-shadow-medium-color);
-  --lbr-tooltip-shadow-2-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-tooltip-shadow-2-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-tooltip-shadow-2-blur: var(--lbr-shadow-small-blur);
-  --lbr-tooltip-shadow-2-spread: var(--lbr-shadow-small-spread);
-  --lbr-tooltip-shadow-2-color: var(--lbr-shadow-small-color);
-  --lbr-slider-tooltip-text-color: var(--sjs-primary-background-500);
-  --lbr-slider-thumb-dot-width-hovering: var(--lbr-size-x2);
-  --lbr-slider-thumb-dot-height-hovering: var(--lbr-size-x2);
-  --lbr-slider-path-color-read-only: var(--sjs-layer-1-background-400);
-  --lbr-slider-path-color-filled-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-path-height-preview: var(--lbr-size-x0125);
-  --lbr-slider-path-color-preview: var(--sjs-border-10);
-  --lbr-slider-path-color-filled-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-tick-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-tick-color-read-only: var(--sjs-border-10);
-  --lbr-slider-thumb-dot-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-thumb-dot-width-preivew: var(--lbr-size-x0125);
-  --lbr-slider-thumb-dot-height-preview: var(--lbr-size-x2);
-  --lbr-slider-label-text-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-label-tick-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-slider-thumb-dot-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-slider-path-color-filled-disabled: var(--sjs-layer-2-background-400);
-  --lbr-slider-thumb-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-slider-thumb-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-slider-path-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-slider-thumb-dot-color-error: var(--sjs-semantic-red-background-500);
-  --lbr-slider-path-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-matching-item-corner-radius: var(--lbr-corner-radius-x1);
-  --lbr-matching-item-padding-left: var(--lbr-spacing-x3);
-  --lbr-matching-item-padding-right: var(--lbr-spacing-x3);
-  --lbr-matching-item-padding-top: var(--lbr-spacing-x2);
-  --lbr-matching-item-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-matching-item-background-color: var(--sjs-layer-1-background-500);
-  --lbr-matching-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-gap-vertical: var(--lbr-spacing-x2);
-  --lbr-matching-item-border-color-answered: var(--sjs-border-10);
-  --lbr-matching-gap-horizontal: var(--lbr-spacing-x4);
-  --lbr-matching-item-background-color-answered: var(--sjs-layer-2-background-500);
-  --lbr-matching-item-background-color-hovered: var(--sjs-layer-1-background-400);
-  --lbr-matching-item-background-color-active: var(--sjs-primary-background-10);
-  --lbr-matching-item-border-width: var(--lbr-stroke-x1);
-  --lbr-matching-item-border-color: var(--sjs-border-25);
-  --lbr-matching-item-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-matching-item-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-matching-item-border-color-active: var(--sjs-border-10);
-  --lbr-matching-item-text-color-answered: var(--sjs-layer-2-foreground-50);
-  --lbr-matching-item-background-color-error: var(--sjs-semantic-red-background-10);
-  --lbr-matching-item-border-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-text-color-disalbed-answered: var(--sjs-layer-2-foreground-100);
-  --lbr-matching-item-background-color-answered-disabled: var(--sjs-layer-2-background-400);
-  --lbr-matching-item-background-color-disabled: var(--sjs-layer-2-background-400);
-  --lbr-matching-item-border-color-read-only-answered: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-text-color-preview: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-text-color-read-only-answered: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-connector-button-icon-width: var(--lbr-size-x2);
-  --lbr-matching-connector-button-icon-height: var(--lbr-size-x2);
-  --lbr-matching-connector-button-icon-color: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-background-color: var(--sjs-layer-1-background-500);
-  --lbr-matching-connector-button-corner-radius: var(--lbr-corner-radius-round);
-  --lbr-matching-connector-button-border-width: var(--lbr-stroke-x1);
-  --lbr-matching-connector-button-border-color: var(--sjs-border-25);
-  --lbr-matching-connector-button-padding-left: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-padding-right: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-padding-top: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-padding-bottom: var(--lbr-spacing-x025);
-  --lbr-matching-connector-button-icon-color-hovered: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-border-color-hovered: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-matching-connector-button-border-color-focused: var(--sjs-semantic-red-background-500);
-  --lbr-matching-connector-button-icon-color-focused: var(--sjs-semantic-red-background-500);
-  --lbr-matching-item-text-color-read-only: var(--sjs-layer-1-foreground-100);
-  --lbr-matching-item-background-color-read-only: var(--sjs-layer-1-background-400);
-  --ctr-survey-matching-item-margin-left-hovered: var(--lbr-spacing-x5n);
-  --ctr-survey-matching-item-margin-left-mobile: var(--lbr-spacing-x3n);
-  --ctr-survey-matching-item-shadow-floating-1-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-survey-matching-item-shadow-floating-1-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-survey-matching-item-shadow-floating-1-blur: var(--ctr-shadow-large-blur);
-  --ctr-survey-matching-item-shadow-floating-1-spread: var(--ctr-shadow-large-spread);
-  --ctr-survey-matching-item-shadow-floating-1-color: var(--ctr-shadow-large-color);
-  --ctr-survey-matching-item-shadow-floating-2-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-survey-matching-item-shadow-floating-2-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-survey-matching-item-shadow-floating-2-blur: var(--ctr-shadow-medium-blur);
-  --ctr-survey-matching-item-shadow-floating-2-spread: var(--ctr-shadow-medium-spread);
-  --ctr-survey-matching-item-shadow-floating-2-color: var(--ctr-shadow-medium-color);
-  --ctr-survey-matching-item-background-color-floating: var(--sjs-layer-1-background-500);
-  --ctr-survey-matching-item-padding-left-floating: var(--lbr-spacing-x1);
-  --ctr-survey-matching-item-padding-right-floating: var(--lbr-spacing-x1);
-  --ctr-survey-matching-item-padding-top-floating: var(--lbr-spacing-x1);
-  --ctr-survey-matching-item-padding-bottom-floating: var(--lbr-spacing-x1);
-  --ctr-survey-matching-item-corner-radius-floating: var(--lbr-corner-radius-x2);
-  --ctr-survey-matching-item-text-color-inactive: var(--sjs-layer-1-foreground-50);
-  --ctr-survey-matching-item-border-color-inactive: var(--sjs-border-10);
-  --ctr-tooltip-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-tooltip-padding-left: var(--sjs-spacing-x3);
-  --ctr-tooltip-padding-right: var(--sjs-spacing-x3);
-  --ctr-tooltip-padding-top: var(--sjs-spacing-x2);
-  --ctr-tooltip-padding-bottom: var(--sjs-spacing-x2);
-  --ctr-tooltip-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-tooltip-background-color: var(--sjs-layer-1-background-500);
-  --ctr-tooltip-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-tooltip-shadow-2-offset-x: var(--ctr-shadow-small-offset-x);
-  --ctr-tooltip-shadow-2-offset-y: var(--ctr-shadow-small-offset-y);
-  --ctr-tooltip-shadow-2-blur: var(--ctr-shadow-small-blur);
-  --ctr-tooltip-shadow-2-spread: var(--ctr-shadow-small-spread);
-  --ctr-tooltip-shadow-2-color: var(--ctr-shadow-small-color);
-  --ctr-tooltip-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-tooltip-pointer-width: var(--sjs-size-x1);
-  --ctr-tooltip-pointer-height: var(--sjs-size-x05);
-  --ctr-tooltip-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-tooltip-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-tooltip-pointer-margin-left: var(--sjs-spacing-x1);
-  --ctr-tooltip-shadow-1-color: var(--ctr-shadow-medium-color);
-  --ctr-tooltip-pointer-margin-right: var(--sjs-spacing-x1);
-  --ctr-super-tooltip-corder-radius: var(--sjs-corner-radius-x075);
-  --ctr-super-tooltip-text-color-title: var(--sjs-layer-1-foreground-100);
-  --ctr-super-tooltip-image-width: var(--sjs-size-x32);
-  --ctr-super-tooltip-image-height: var(--sjs-size-x32);
-  --ctr-super-tooltip-text-color-description: var(--sjs-layer-1-foreground-50);
-  --ctr-super-tooltip-text-gap: var(--sjs-spacing-x05);
-  --ctr-super-tooltip-background-color: var(--sjs-layer-1-background-500);
-  --ctr-super-tooltip-pointer-width: var(--sjs-size-x150);
-  --ctr-super-tooltip-pointer-height: var(--sjs-size-x075);
-  --ctr-super-tooltip-pointer-margin-left: var(--sjs-spacing-x2);
-  --ctr-super-tooltip-pointer-margin-right: var(--sjs-spacing-x2);
-  --ctr-super-tooltip-width: var(--sjs-size-x64);
-  --ctr-super-tooltip-text-margin-left: var(--sjs-spacing-x3);
-  --ctr-super-tooltip-text-margin-right: var(--sjs-spacing-x3);
-  --ctr-super-tooltip-text-margin-top: var(--sjs-spacing-x250);
-  --ctr-super-tooltip-text-margin-bottom: var(--sjs-spacing-x3);
-  --ctr-super-tooltip-shadow-1-offset-x: var(--ctr-shadow-medium-offset-x);
-  --ctr-super-tooltip-shadow-2-offset-x: var(--ctr-shadow-large-offset-x);
-  --ctr-super-tooltip-shadow-2-offset-y: var(--ctr-shadow-large-offset-y);
-  --ctr-super-tooltip-shadow-2-blur: var(--ctr-shadow-large-blur);
-  --ctr-super-tooltip-shadow-2-spread: var(--ctr-shadow-large-spread);
-  --ctr-super-tooltip-shadow-2-color: var(--ctr-shadow-large-color);
-  --ctr-super-tooltip-shadow-1-offset-y: var(--ctr-shadow-medium-offset-y);
-  --ctr-super-tooltip-shadow-1-blur: var(--ctr-shadow-medium-blur);
-  --ctr-super-tooltip-shadow-1-spread: var(--ctr-shadow-medium-spread);
-  --ctr-super-tooltip-shadow-1-color: var(--ctr-shadow-medium-color);
-  --lbr-timer-gap: var(--lbr-spacing-x05n);
-  --lbr-blank-fields-text-item-padding-top: var(--lbr-spacing-x1);
-  --lbr-blank-fields-text-item-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-blank-fields-text-item-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-blank-fields-text-item-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --lbr-blank-fields-field-border-width: var(--lbr-stroke-x1);
-  --lbr-blank-fields-field-border-width-focused: var(--lbr-stroke-x2);
-  --lbr-blank-fields-field-border-color: var(--sjs-border-10);
-  --lbr-blank-fields-field-border-color-focused: var(--sjs-primary-background-500);
-  --lbr-blank-fields-gap: var(--lbr-spacing-x1);
-  --lbr-blank-fields-line-height: var(--lbr-spacing-x2);
-  --ctr-survey-blank-form-add-row-button-margin-left: var(--lbr-spacing-x3n);
-  --ctr-survey-blank-form-add-row-button-margin-top: var(--lbr-spacing-x2);
-  --ctr-survey-blank-form-add-row-button-margin-buttom: var(--lbr-spacing-x1n);
-  --ctr-menu-item-padding-bottom: var(--sjs-spacing-x250);
-  --ctr-menu-item-padding-top: var(--sjs-spacing-x250);
-  --ctr-survey-blank-form-item-text-color-placeholder: var(--sjs-layer-1-foreground-50);
-  --lbr-blank-fields-field-label-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-blank-fields-field-label-margin-top: var(--lbr-spacing-x05);
-  --lbr-blank-fields-field-margin-bottom: var(--lbr-spacing-x150n);
-  --lbr-blank-fields-field-margin-top: var(--lbr-spacing-x1);
-  --lbr-blank-fields-field-text-color: var(--sjs-layer-1-foreground-100);
-  --ctr-scrollbar-padding-horizontal-hovered: var(--sjs-spacing-x025);
-  --ctr-scrollbar-padding-vertical-hovered: var(--sjs-spacing-x025);
-  --ctr-toolbox-search-margin-bottom-compact: var(--sjs-spacing-x1n);
-  --lbr-slider-margin-top: var(--lbr-spacing-x1);
-  --lbr-button-padding-right-mobile: var(--lbr-spacing-x3);
-  --lbr-button-padding-left-mobile: var(--lbr-spacing-x3);
-  --ctr-image-gallery-item-min-width: var(--sjs-size-x28);
-  --ctr-image-gallery-item-title-margin-top: var(--sjs-spacing-x05);
-  --ctr-image-gallery-item-title-color: var(--sjs-layer-1-foreground-100);
-  --ctr-image-gallery-gap: var(--sjs-spacing-x2);
-  --ctr-image-gallery-item-corner-radius: var(--sjs-corner-radius-x075);
-  --ctr-image-gallery-item-border-color: var(--sjs-border-25-overlay);
-  --ctr-image-gallery-item-border-width: var(--sjs-stroke-x1);
-  --ctr-image-gallery-item-checkmark-background-color: var(--sjs-primary-foreground-100);
-  --ctr-image-gallery-item-checkmark-icon-color: var(--sjs-primary-background-500);
-  --ctr-image-gallery-item-checkmark-icon-width: var(--sjs-size-x4);
-  --ctr-image-gallery-item-checkmark-icon-height: var(--sjs-size-x4);
-  --ctr-image-gallery-item-checkmark-corner-radius: var(--sjs-corner-radius-round);
-  --ctr-image-gallery-item-checkmark-padding: var(--sjs-spacing-x1);
-  --ctr-image-gallery-item-background-color-selected: var(--sjs-primary-background-500);
-  --ctr-survey-radio-button-group-item-background-color-drop-spot: var(--sjs-layer-1-background-400);
-  --ctr-survey-radio-button-group-item-corner-radius-drop-spot: var(--lbr-corner-radius-x1);
-  --ctr-survey-radio-button-group-item-height-drop-spot: var(--lbr-size-x6);
-  --ctr-image-gallery-item-background-height-drop-spot: var(--sjs-size-x6);
-  --ctr-image-gallery-item-background-corner-radius-drop-spot: var(--sjs-corner-radius-x1);
-  --ctr-image-gallery-item-background-height-drop-spot-2: var(--sjs-size-x6);
-  --ctr-image-gallery-item-background-corner-radius-drop-spot-2: var(--sjs-corner-radius-x1);
-  --ctr-survey-checkboxes-item-height-drop-spot: var(--lbr-size-x6);
-  --ctr-survey-checkboxes-item-corner-radius-drop-spot: var(--lbr-corner-radius-x1);
-  --ctr-survey-checkboxes-item-background-color-drop-spot: var(--sjs-layer-2-background-500);
-  --ctr-survey-ranking-item-background-color-drop-spot: var(--sjs-layer-2-background-500);
-  --ctr-survey-ranking-item-height-drop-spot: var(--lbr-size-x6);
-  --ctr-survey-ranking-item-corner-radius-drop-spot: var(--lbr-corner-radius-x1);
-  --ctr-checkbox-description-text-margin-top: var(--sjs-spacing-x1);
-  --lbr-dynamic-panel-footer-pager-margin-left: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-pager-margin-right: var(--lbr-spacing-x2);
-  --lbr-dynamic-panel-footer-pager-margin-top: var(--lbr-spacing-x05);
-  --lbr-dynamic-panel-footer-pager-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-menu-search-icon-width: var(--lbr-size-x3);
-  --lbr-popup-menu-search-icon-height: var(--lbr-size-x3);
-  --lbr-popup-menu-search-clear-button-icon-height: var(--lbr-size-x2);
-  --lbr-popup-menu-search-clear-button-icon-width: var(--lbr-size-x2);
-  --ctr-page-navigator-button-icon-color-checked: var(--sjs-primary-background-500);
-  --ctr-page-navigator-button-background-color-checked: var(--sjs-primary-background-10);
-  --ctr-surface-button-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-surface-button-gap: var(--lbr-spacing-x4);
-  --ctr-surface-button-padding-horizontal-contextual-button: var(--lbr-spacing-x10);
-  --ctr-surface-button-contextual-button-margin-horizontal: var(--lbr-spacing-x1);
-  --ctr-surface-button-padding-vertical: var(--lbr-spacing-x2);
-  --ctr-surface-button-contextual-button-icon-width: var(--lbr-size-x3);
-  --ctr-surface-button-contextual-button-icon-height: var(--lbr-size-x3);
-  --ctr-surface-button-contextual-button-margin-vertical: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-corner-radius: var(--lbr-corner-radius-x05);
-  --ctr-surface-button-contextual-button-padding-left: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-padding-right: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-padding-top: var(--lbr-spacing-x1);
-  --ctr-surface-button-contextual-button-padding-bottom: var(--lbr-spacing-x1);
-  --ctr-text-decor-padding-right-code: var(--sjs-spacing-x05);
-  --ctr-text-decor-padding-left-code: var(--sjs-spacing-x05);
-  --ctr-preview-pager-item-corner-radius: var(--sjs-corner-radius-x05);
-  --ctr-preview-pager-item-padding-left: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-left-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-right: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-right-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-top: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-top-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-bottom: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-padding-bottom-with-text: var(--sjs-spacing-x1);
-  --ctr-preview-pager-item-icon-container-width: var(--sjs-font-size-x2);
-  --ctr-preview-pager-item-icon-container-height: var(--sjs-font-size-x2);
-  --lbr-matching-connector-width: var(--lbr-size-x450);
-  --lbr-matching-connector-height: var(--lbr-size-x150);
-  --lbr-tag-box-item-remove-button-icon-width: var(--lbr-font-size-x2);
-  --lbr-tag-box-item-remove-button-icon-height: var(--lbr-font-size-x2);
-  --ctr-editor-border-color-highlighted: var(--sjs-layer-1-foreground-75);
-  --ctr-editor-border-width-highlighed: var(--sjs-stroke-x2);
-  --ctr-survey-page-content-margin-top-no-header: var(--lbr-spacing-x1);
-  --ctr-survey-question-panel-toolbar-item-background-color-pressed: var(--sjs-layer-1-background-400);
-  --ctr-survey-page-toolbar-item-background-color-pressed: var(--sjs-primary-background-10);
-  --ctr-survey-page-toolbar-item-icon-color-disabled: var(--sjs-layer-3-foreground-50);
-  --ctr-survey-page-toolbar-item-icon-color: var(--sjs-primary-background-500);
-  --ctr-survey-page-margin-left-with-toolbar: var(--sjs-spacing-x925);
-  --ctr-survey-page-margin-right-with-toolbar: var(--sjs-spacing-x925);
-  --ctr-expression-item-padding-left-icon-only: var(--sjs-spacing-x1);
-  --ctr-expression-item-padding-right-icon-only: var(--sjs-spacing-x1);
-  --ctr-expression-item-icon-width: var(--sjs-font-size-x3);
-  --ctr-expression-item-icon-height: var(--sjs-font-size-x3);
-  --ctr-expression-item-icon-color: var(--sjs-semantic-red-background-500);
-  --ctr-expression-item-background-color-remove-button-hovered: var(--sjs-semantic-red-background-10);
-  --ctr-survey-header-padding-bottom-advanced: var(--lbr-spacing-x2);
-  --ctr-survey-header-padding-top-advanced: var(--lbr-spacing-x2);
-  --ctr-collapse-button-margin-top: var(--sjs-spacing-x05n);
-  --ctr-collapse-button-margin-right: var(--sjs-spacing-x2);
-  --ctr-property-grid-min-width: var(--sjs-size-x40);
-  --ctr-list-padding-left-no-data: var(--sjs-spacing-x2);
-  --ctr-list-padding-right-no-data: var(--sjs-spacing-x2);
-  --ctr-list-padding-top-no-data: var(--sjs-spacing-x4);
-  --ctr-list-padding-bottom-no-data: var(--sjs-spacing-x4);
-  --ctr-list-no-data-text-color: var(--sjs-layer-1-foreground-50);
-  --ctr-page-navigator-button-icon-color-disabled: var(--sjs-layer-3-foreground-100);
-  --ctr-actionbar-button-border-color-highlighted: var(--sjs-layer-1-foreground-75);
-  --ctr-actionbar-button-border-width-highlighed: var(--sjs-stroke-x2);
-  --ctr-survey-question-panel-toolbar-item-text-color-selected: var(--sjs-secondary-background-400);
-  --ctr-survey-question-panel-toolbar-item-icon-color-selected: var(--sjs-secondary-background-500);
-  --ctr-actionbar-button-background-color-hovered-colorful: var(--sjs-primary-background-10);
-  --ctr-actionbar-button-background-color-hovered-negative: var(--sjs-semantic-red-background-10);
-  --ctr-actionbar-button-text-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-actionbar-button-icon-color-negative: var(--sjs-semantic-red-background-500);
-  --ctr-actionbar-button-icon-color-with-text-hovered-negative: var(--sjs-semantic-red-background-500);
-  --ctr-actionbar-button-icon-color-with-text-negative: var(--sjs-semantic-red-background-500);
-  --ctr-survey-header-logo-placeholder-margin-left-advanced: var(--lbr-spacing-x2n);
-  --ctr-survey-header-logo-margin-top-advanced: var(--lbr-spacing-x2);
-  --ctr-survey-header-logo-margin-right-advanced: var(--lbr-spacing-x2);
-  --lbr-button-icon-width: var(--lbr-size-x3);
-  --lbr-button-icon-height: var(--lbr-size-x3);
-  --lbr-button-icon-color: var(--sjs-primary-background-500);
-  --lbr-button-icon-color-disabled: var(--sjs-layer-1-foreground-100);
-  --lbr-button-padding-left-small-icon-only: var(--lbr-spacing-x150);
-  --lbr-button-padding-right-small-icon-only: var(--lbr-spacing-x150);
-  --ctr-list-corner-radius: var(--sjs-corner-radius-x075);
-  --lbr-cover-background: var(--sjs-primary-background-500);
-  --lbr-breadcrumbs-item-separator-icon-width: var(--lbr-size-x150);
-  --lbr-breadcrumbs-item-separator-color: var(--sjs-layer-3-foreground-50);
-  --lbr-breadcrumbs-item-separator-icon-height: var(--lbr-size-x150);
-  --lbr-breadcrumbs-item-text-color: var(--sjs-layer-3-foreground-50);
-  --lbr-breadcrumbs-gap: var(--lbr-spacing-x1);
-  --lbr-page-header-breadcrumbs-margin-bottom: var(--lbr-spacing-x250);
-  --lbr-button-padding-right-icon-only: var(--lbr-spacing-x2);
-  --lbr-button-padding-left-icon-only: var(--lbr-spacing-x2);
-  --lbr-data-table-row-padding-left: var(--lbr-spacing-x2);
-  --lbr-data-table-row-padding-right: var(--lbr-spacing-x2);
-  --lbr-data-table-row-padding-top: var(--lbr-spacing-x1);
-  --lbr-data-table-row-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-data-table-row-gap: var(--lbr-spacing-x4);
-  --lbr-data-table-row-background-color: var(--sjs-layer-1-background-500);
-  --lbr-data-table-row-border-color: var(--sjs-border-10);
-  --lbr-data-table-row-border-width-bottom: var(--lbr-stroke-x1);
-  --lbr-data-table-row-text-color: var(--sjs-layer-1-foreground-50);
-  --lbr-data-table-row-text-color-title: var(--sjs-layer-1-foreground-100);
-  --lbr-data-table-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-data-table-background-color: var(--sjs-layer-3-background-500);
-  --lbr-data-table-shadow-offset-x: var(--lbr-shadow-small-offset-x);
-  --lbr-data-table-shadow-offset-y: var(--lbr-shadow-small-offset-y);
-  --lbr-data-table-shadow-blur: var(--lbr-shadow-small-blur);
-  --lbr-data-table-shadow-spread: var(--lbr-shadow-small-spread);
-  --lbr-data-table-shadow-color: var(--lbr-shadow-small-color);
-  --lbr-data-table-row-text-margin-top: var(--lbr-spacing-x05);
-  --lbr-data-table-row-text-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-data-table-actions-gap: var(--lbr-spacing-x05);
-  --lbr-popup-toolbar-pointer-width: var(--lbr-size-x150);
-  --lbr-popup-toolbar-pointer-height: var(--lbr-size-x075);
-  --lbr-popup-toolbar-pointer-margin-left: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-pointer-margin-right: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-background-color: var(--sjs-layer-1-background-500);
-  --lbr-popup-toolbar-close-button-corner-radius: var(--lbr-corner-radius-x05);
-  --lbr-popup-toolbar-close-button-padding-left: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-padding-right: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-padding-top: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-close-button-icon-width: var(--lbr-size-x2);
-  --lbr-popup-toolbar-close-button-icon-height: var(--lbr-size-x2);
-  --lbr-popup-toolbar-close-button-icon-color: var(--sjs-layer-1-foreground-50);
-  --lbr-popup-toolbar-close-button-icon-color-hovered: var(--sjs-primary-background-500);
-  --lbr-popup-toolbar-close-button-background-color-hovered: var(--sjs-primary-background-10);
-  --lbr-popup-toolbar-header-text-color: var(--sjs-layer-1-foreground-100);
-  --lbr-popup-toolbar-header-margin-top: var(--lbr-spacing-x05);
-  --lbr-popup-toolbar-header-margin-bottom: var(--lbr-spacing-x05);
-  --lbr-popup-toolbar-header-gap: var(--lbr-spacing-x4);
-  --lbr-popup-toolbar-gap: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-top: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-left: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-right: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-padding-bottom: var(--lbr-spacing-x2);
-  --lbr-popup-toolbar-header-padding-bottom: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-header-padding-top: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-header-padding-right: var(--lbr-spacing-x1);
-  --lbr-popup-toolbar-header-padding-left: var(--lbr-spacing-x2);
-  --lbr-separator-width: var(--lbr-stroke-x1);
-  --lbr-cover-row-gap: var(--lbr-spacing-x150);
-  --lbr-cover-column-gap: var(--lbr-spacing-x6);
-  --ctr-info-panel-background-color-primary: var(--sjs-primary-background-10);
-  --ctr-info-panel-padding-left: var(--sjs-spacing-x4);
-  --ctr-info-panel-padding-right: var(--sjs-spacing-x4);
-  --ctr-info-panel-padding-top: var(--sjs-spacing-x3);
-  --ctr-info-panel-padding-bottom: var(--sjs-spacing-x3);
-  --ctr-info-panel-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-info-panel-text-color-primary: var(--sjs-layer-3-foreground-100);
-  --ctr-surface-placeholder-image-max-width: var(--sjs-size-x43);
-  --lbr-popup-menu-background-color-global: var(--sjs-layer-3-background-500);
-  --lbr-list-item-text-color-action: var(--sjs-primary-background-500);
-  --ctr-list-item-icon-width-small: var(--sjs-font-size-x2);
-  --ctr-list-item-icon-height-small: var(--sjs-font-size-x2);
-  --ctr-toolbox-group-header-background-color: var(--sjs-layer-1-background-400);
-  --ctr-toolbox-group-header-corner-radius: var(--sjs-corner-radius-x1);
-  --ctr-toolbox-item-max-width: var(--sjs-size-x40);
-}
-
diff --git a/packages/survey-creator-core/src/themes/sc2020.ts b/packages/survey-creator-core/src/themes/sc2020.ts
new file mode 100644
index 0000000000..4fda55d449
--- /dev/null
+++ b/packages/survey-creator-core/src/themes/sc2020.ts
@@ -0,0 +1,1352 @@
+export default {
+  "themeName": "sc2020",
+  "iconSet": "v1",
+  "isLight": true,
+  "cssVariables": {
+    "--ctr-toolbox-scrollbar-left": "0",
+    "--ctr-toolbox-scrollbar-right": "initial",
+    "--ctr-toolbox-scroller-align-items": "flex-end",
+    "--ctr-toolbox-item-align": "flex-start",
+    "--ctr-toolbox-margin-left-compact": "12px",
+    "--ctr-toolbox-item-banner-icon-display": "block",
+    "--ctr-toolbox-item-banner-beak-display": "none",
+    "--ctr-toolbox-item-banner-left": 0,
+    "--ctr-toolbox-submenu-item-min-width": "initial",
+    "--ctr-toolbox-border-width-right": "0px",
+    "--ctr-list-item-corner-radius": "0px",
+    "--ctr-button-group-item-corner-radius": "0px",
+    "--ctr-button-group-gap": "-1px",
+    "--ctr-editor-corner-radius": "0px",
+    "--ctr-editor-button-corner-radius": "0px",
+    "--ctr-checkbox-corner-radius": "0px",
+    "--ctr-list-padding-left": "0px",
+    "--ctr-list-padding-right": "0px",
+    "--ctr-popup-menu-padding-left": "0px",
+    "--ctr-popup-menu-padding-right": "0px",
+    "--ctr-popup-menu-padding-top": "0px",
+    "--ctr-popup-menu-padding-bottom": "0px",
+    "--ctr-popup-menu-footer-padding-left": "0px",
+    "--ctr-button-group-corner-radius": "0px",
+    "--ctr-button-group-padding": "0px",
+    "--ctr-button-group-border-width": "0px",
+    "--ctr-shadow-medium-blur": "6px",
+    "--ctr-shadow-medium-offset-y": "2px",
+    "--ctr-shadow-large-blur": "16px",
+    "--ctr-shadow-large-offset-y": "8px",
+    "--ctr-shadow-large-offset-x": "0px",
+    "--ctr-shadow-large-spread": "0px",
+    "--ctr-shadow-medium-offset-x": "0px",
+    "--ctr-shadow-medium-spread": "0px",
+    "--ctr-list-search-icon-opacity": 1,
+    "--ctr-shadow-small-offset-x": "0px",
+    "--ctr-shadow-small-offset-y": "1px",
+    "--ctr-shadow-small-blur": "2px",
+    "--ctr-shadow-small-spread": "0px",
+    "--ctr-shadow-x-large-offset-x": "0px",
+    "--ctr-shadow-x-large-offset-y": "0px",
+    "--ctr-shadow-x-large-blur": "0px",
+    "--ctr-shadow-x-large-spread": "0px",
+    "--ctr-property-grid-placeholder-text-max-width": "320px",
+    "--ctr-property-grid-placeholder-padding-bottom": "0px",
+    "--ctr-popup-menu-footer-padding-right": "0px",
+    "--ctr-editor-content-text-opacity-disabled": 0.25,
+    "--ctr-editor-label-opacity-disabled": 0.25,
+    "--ctr-editor-button-icon-opacity-disabled": 0.25,
+    "--ctr-editor-button-icon-opacity-pressed": 0.5,
+    "--ctr-actionbar-button-opacity-pressed": 0.5,
+    "--ctr-actionbar-button-opacity-disabled": 0.25,
+    "--ctr-actionbar-button-opacity-muted": 0.5,
+    "--ctr-list-item-opacity-disabled": 0.25,
+    "--ctr-menu-item-opacity-disabled": 0.25,
+    "--ctr-menu-toolbar-button-opacity-disabled": 0.25,
+    "--ctr-menu-toolbar-button-opacity-pressed": 0.5,
+    "--ctr-toolbox-item-text-opacity-pressed": 0.5,
+    "--ctr-toolbox-item-icon-opacity-pressed": 0.35,
+    "--ctr-toolbox-item-opacity-submenu": 0.85,
+    "--ctr-toolbox-item-text-opacity-disabled": 0.25,
+    "--ctr-page-navigator-button-opacity-pressed": 0.5,
+    "--ctr-button-text-opacity-disabled": 0.25,
+    "--ctr-property-grid-switcher-toggle-button-border-width-checked": "0px",
+    "--ctr-notification-opacity": 0.75,
+    "--ctr-notification-opacity-error": 1,
+    "--ctr-toolbox-group-header-border-width-top": "0px",
+    "--ctr-toolbox-group-header-border-width-left": "0px",
+    "--ctr-toolbox-group-header-border-width-right": "0px",
+    "--ctr-data-table-cell-drop-down-arrow-opacity": 0.5,
+    "--ctr-data-table-row-padding-left": "0px",
+    "--ctr-data-table-row-border-width-last-row": "0px",
+    "--ctr-survey-question-panel-toolbar-item-opacity-pressed": 0.5,
+    "--ctr-survey-question-panel-toolbar-item-opacity-disabled": 0.25,
+    "--ctr-survey-question-panel-toolbar-item-opacity-muted": 0.5,
+    "--ctr-survey-question-panel-drag-area-drag-indicator-opacity": 0.5,
+    "--ctr-preview-pager-padding-right": "0px",
+    "--ctr-preview-pager-padding-left": "0px",
+    "--ctr-code-viewer-code-error-row-fix-button-padding-top": "0px",
+    "--ctr-code-viewer-code-error-row-fix-button-padding-bottom": "0px",
+    "--ctr-label-padding-left": "0px",
+    "--ctr-label-padding-right": "0px",
+    "--ctr-survey-action-button-opacity-disabled": 0.25,
+    "--ctr-data-table-row-corner-radius-floating": "0px",
+    "--ctr-survey-item-actionbar-drag-indicator-opacity": 0.5,
+    "--ctr-toolbox-search-corner-radius": "0px",
+    "--ctr-toolbox-group-header-margin-top": "0px",
+    "--ctr-toolbox-group-header-margin-bottom": "0px",
+    "--lbr-shadow-x-large-offset-x": "0px",
+    "--lbr-shadow-x-large-offset-y": "0px",
+    "--lbr-shadow-x-large-blur": "0px",
+    "--lbr-shadow-x-large-spread": "0px",
+    "--lbr-shadow-large-offset-x": "0px",
+    "--lbr-shadow-large-offset-y": "8px",
+    "--lbr-shadow-large-blur": "16px",
+    "--lbr-shadow-large-spread": "0px",
+    "--lbr-shadow-medium-offset-x": "0px",
+    "--lbr-shadow-medium-offset-y": "2px",
+    "--lbr-shadow-medium-blur": "6px",
+    "--lbr-shadow-medium-spread": "0px",
+    "--lbr-shadow-small-offset-x": "0px",
+    "--lbr-shadow-small-offset-y": "1px",
+    "--lbr-shadow-small-blur": "2px",
+    "--lbr-shadow-small-spread": "0px",
+    "--ctr-survey-question-panel-opacity-hidden": 0.25,
+    "--ctr-editor-color-swatch-icon-color-stroke": "#00000040",
+    "--ctr-button-group-item-text-opacity-disabled": 0.25,
+    "--ctr-survey-header-logo-placeholder-icon-opacity": 0.5,
+    "--ctr-toolbox-submenu-group-margin-left": "0px",
+    "--lbr-shadow-inner-offset-x": "0px",
+    "--lbr-shadow-inner-offset-y": "1px",
+    "--lbr-shadow-inner-blur": "2px",
+    "--lbr-shadow-inner-spread": "0px",
+    "--ctr-toolbox-item-icon-opacity-disabled": 0.15,
+    "--ctr-list-item-icon-opacity-label": 0.5,
+    "--ctr-toolbox-item-margin-horizontal-no-text": "0px",
+    "--ctr-toolbox-submenu-group-margin-right": "0px",
+    "--ctr-toolbox-submenu-group-margin-top": "0px",
+    "--ctr-toolbox-submenu-group-margin-bottom-last": "0px",
+    "--ctr-toolbox-submenu-group-border-width-bottom": "0px",
+    "--ctr-toolbox-submenu-background-color": "#00000000",
+    "--ctr-toolbox-submenu-corner-radius": "0px",
+    "--ctr-toolbox-submenu-shadow-1-color": "#00000000",
+    "--ctr-toolbox-submenu-shadow-2-color": "#00000000",
+    "--ctr-toolbox-submenu-margin-top": "0px",
+    "--ctr-data-table-corner-radius": "0px",
+    "--ctr-data-table-placeholder-corner-radius": "0px",
+    "--ctr-survey-page-drag-indicator-opacity": 0.5,
+    "--ctr-toggle-button-thumb-border-width": "0px",
+    "--ctr-line-height-unit": "8px",
+    "--ctr-font-unit": "8px",
+    "--ctr-spacing-unit": "8px",
+    "--ctr-corner-radius-unit": "8px",
+    "--ctr-stroke-unit": "1px",
+    "--ctr-size-unit": "8px",
+    "--ctr-checkbox-description-text-margin-top": "0px",
+    "--lbr-stroke-unit": "1px",
+    "--lbr-spacing-unit": "8px",
+    "--lbr-font-unit": "8px",
+    "--lbr-corner-radius-unit": "8px",
+    "--lbr-size-unit": "8px",
+    "--lbr-line-height-unit": "8px",
+    "--ctr-preview-pager-item-icon-padding-left": "0px",
+    "--ctr-preview-pager-item-icon-padding-right": "0px",
+    "--ctr-preview-pager-item-icon-padding-top": "0px",
+    "--ctr-preview-pager-item-icon-padding-bottom": "0px",
+    "--ctr-page-navigator-button-icon-opacity-disabled": 0.25,
+    "--ctr-list-corner-radius": "0px",
+    "--ctr-toolbox-group-header-corner-radius": "0px",
+    "--ctr-toolbox-item-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-toolbox-item-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-toolbox-item-icon-color-pressed": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-toolbox-item-text-color-pressed": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-toolbox-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-toolbox-border-color": "var(--sjs-border-25)",
+    "--ctr-toolbox-group-header-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-group-header-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-group-header-margin-left": "var(--sjs-spacing-x2)",
+    "--ctr-menu-toolbar-button-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-menu-toolbar-button-background-color-selected": "var(--sjs-layer-1-background-500)",
+    "--ctr-menu-toolbar-button-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-menu-toolbar-button-icon-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-toolbox-item-icon-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-toolbox-item-text-color-hovered": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-property-grid-form-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-button-group-item-border-color": "var(--sjs-border-25)",
+    "--ctr-button-group-item-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-button-group-item-background-color": "#ffffffff",
+    "--ctr-button-group-item-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-menu-item-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-button-group-item-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-button-group-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-button-group-item-text-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-button-group-item-icon-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-editor-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-editor-border-color": "var(--sjs-border-25)",
+    "--ctr-editor-background-color-disabled": "var(--sjs-layer-3-background-500)",
+    "--ctr-editor-button-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-button-group-item-background-color-selected": "var(--sjs-layer-1-background-500)",
+    "--ctr-radio-button-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-radio-button-border-color": "var(--sjs-border-25)",
+    "--ctr-checkbox-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-checkbox-border-color": "var(--sjs-border-25)",
+    "--ctr-checkbox-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-checkbox-button-check-mark-color": "var(--sjs-primary-background-500)",
+    "--ctr-radio-button-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-radio-button-background-color-disabled": "var(--sjs-layer-3-background-500)",
+    "--ctr-checkbox-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-checkbox-button-check-mark-color-disabled": "var(--sjs-border-25)",
+    "--ctr-checkbox-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-checkbox-background-color-disabled": "var(--sjs-layer-3-background-500)",
+    "--ctr-list-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-list-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-popup-menu-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-button-contextual-button-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-button-group-item-background-color-disabled": "var(--sjs-layer-3-background-500)",
+    "--ctr-radio-button-background-color-selected-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-checkbox-background-color-selected": "var(--sjs-layer-1-background-500)",
+    "--ctr-checkbox-background-color-selected-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-radio-button-border-color-disabled": "var(--sjs-border-25)",
+    "--ctr-checkbox-border-color-disabled": "var(--sjs-border-25)",
+    "--ctr-button-group-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-button-group-border-color": "var(--sjs-border-25)",
+    "--ctr-button-group-item-border-width-selected": "var(--sjs-stroke-x1)",
+    "--ctr-button-group-item-padding-horizontal": "var(--sjs-spacing-x2)",
+    "--ctr-button-group-item-padding-vertical": "var(--sjs-spacing-x150)",
+    "--ctr-button-group-background-color-disabled": "var(--sjs-layer-1-background-500)",
+    "--ctr-button-group-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-button-group-border-width-focused": "var(--sjs-stroke-x2)",
+    "--ctr-button-group-item-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-survey-page-background-color-selected": "var(--sjs-secondary-background-10)",
+    "--ctr-surface-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-survey-question-panel-toolbar-item-corner-radius": "var(--lbr-corner-radius-x05)",
+    "--ctr-popup-background-color": "var(--sjs-layer-2-background-500)",
+    "--ctr-popup-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-shadow-large-color": "var(--sjs-special-glow)",
+    "--ctr-shadow-medium-color": "var(--sjs-special-glow)",
+    "--ctr-button-padding-horizontal": "var(--sjs-spacing-x6)",
+    "--ctr-button-padding-vertical": "var(--sjs-spacing-x2)",
+    "--ctr-button-contextual-button-margin-horizontal": "var(--sjs-spacing-x1)",
+    "--ctr-button-contextual-button-margin-vertical": "var(--sjs-spacing-x1)",
+    "--ctr-button-padding-horizontal-small": "var(--sjs-spacing-x4)",
+    "--ctr-button-padding-vertical-small": "var(--sjs-spacing-x150)",
+    "--ctr-button-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-button-corner-radius-small": "var(--sjs-corner-radius-x05)",
+    "--ctr-list-item-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-list-item-icon-color-selected": "var(--sjs-primary-foreground-100)",
+    "--ctr-list-item-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-editor-button-background-color-hovered": "var(--sjs-layer-1-background-400)",
+    "--ctr-survey-page-toolbar-item-background-color-hovered": "var(--sjs-layer-3-background-400)",
+    "--ctr-survey-page-toolbar-item-corner-radius": "var(--lbr-corner-radius-x05)",
+    "--ctr-list-search-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-caption-with-actions-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-label-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-label-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-caption-with-actions-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-radio-button-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-checkbox-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-button-group-item-background-color-selected-disabled": "var(--sjs-layer-3-background-500)",
+    "--ctr-button-group-item-border-width-selected-disabled": "var(--sjs-stroke-x1)",
+    "--ctr-popup-haze-background-color": "var(--sjs-special-haze)",
+    "--ctr-shadow-small-color": "var(--sjs-special-shadow)",
+    "--ctr-shadow-x-large-color": "var(--sjs-special-glow)",
+    "--ctr-actionbar-button-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-actionbar-button-icon-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-actionbar-button-icon-color-with-text-disabled": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-list-item-submenu-arrow-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-page-navigator-button-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-page-navigator-button-icon-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-property-grid-tabs-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-tabs-padding-bottom": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-tabs-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-property-grid-tabs-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-property-grid-tabs-border-color": "var(--sjs-border-25)",
+    "--ctr-property-grid-tabs-separator-margin": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-tabs-gap": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-border-color": "var(--sjs-border-25)",
+    "--ctr-property-grid-border-width-left": "var(--sjs-stroke-x1)",
+    "--ctr-property-grid-placeholder-padding-left": "var(--sjs-spacing-x6)",
+    "--ctr-property-grid-placeholder-padding-top": "var(--sjs-spacing-x12)",
+    "--ctr-property-grid-placeholder-image-margin-top": "var(--sjs-spacing-x3)",
+    "--ctr-property-grid-placeholder-text-gap": "var(--sjs-spacing-x1)",
+    "--ctr-property-grid-placeholder-text-title-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-property-grid-placeholder-text-description-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-surface-placeholder-padding-left": "var(--sjs-spacing-x6)",
+    "--ctr-surface-placeholder-padding-bottom": "var(--sjs-spacing-x16)",
+    "--ctr-surface-placeholder-text-margin-top": "var(--sjs-spacing-x4)",
+    "--ctr-surface-placeholder-text-margin-bottom": "var(--sjs-spacing-x6)",
+    "--ctr-surface-placeholder-text-gap": "var(--sjs-spacing-x1)",
+    "--ctr-surface-placeholder-max-width": "var(--sjs-size-x90)",
+    "--ctr-surface-placeholder-padding-top": "var(--sjs-spacing-x4)",
+    "--ctr-surface-placeholder-padding-right": "var(--sjs-spacing-x6)",
+    "--ctr-toolbox-group-header-margin-right": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-tabs-padding-right": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-tabs-padding-top": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-placeholder-padding-right": "var(--sjs-spacing-x6)",
+    "--ctr-editor-content-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-editor-label-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-editor-content-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-editor-content-text-color-placeholder": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-editor-button-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-editor-label-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-editor-content-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-editor-button-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-radio-button-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-checkbox-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-checkbox-description-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-actionbar-button-gap": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-left-large-icon": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-right-large-icon": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-top-large-icon": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-bottom-large-icon": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-text-color": "var(--sjs-primary-background-500)",
+    "--ctr-actionbar-button-background-color-hovered": "var(--sjs-primary-background-10)",
+    "--ctr-actionbar-button-padding-left-small-icon": "var(--sjs-spacing-x05)",
+    "--ctr-actionbar-button-padding-right-small-icon": "var(--sjs-spacing-x05)",
+    "--ctr-actionbar-button-padding-top-small-icon": "var(--sjs-spacing-x05)",
+    "--ctr-actionbar-button-padding-bottom-small-icon": "var(--sjs-spacing-x05)",
+    "--ctr-actionbar-button-padding-left-medium-text": "var(--sjs-spacing-x2)",
+    "--ctr-actionbar-button-padding-right-medium-text": "var(--sjs-spacing-x2)",
+    "--ctr-actionbar-button-padding-top-medium-text": "var(--sjs-spacing-x05)",
+    "--ctr-actionbar-button-padding-bottom-medium-text": "var(--sjs-spacing-x05)",
+    "--ctr-actionbar-button-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-actionbar-button-border-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-actionbar-button-border-width-selected": "var(--sjs-stroke-x2)",
+    "--ctr-list-item-gap": "var(--sjs-spacing-x2)",
+    "--ctr-actionbar-button-padding-left-large-icon-text": "var(--sjs-spacing-x150)",
+    "--ctr-actionbar-button-padding-right-large-icon-text": "var(--sjs-spacing-x2)",
+    "--ctr-list-item-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-list-item-padding-right": "var(--sjs-spacing-x8)",
+    "--ctr-list-item-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-list-item-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-list-item-padding-right-submenu": "var(--sjs-spacing-x1)",
+    "--ctr-list-item-padding-bottom-with-icon": "var(--sjs-spacing-x150)",
+    "--ctr-list-item-padding-top-with-icon": "var(--sjs-spacing-x150)",
+    "--ctr-list-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-list-item-background-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-list-item-text-color-selected": "var(--sjs-primary-foreground-100)",
+    "--ctr-list-item-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-list-item-text-color-hovered": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-list-item-submenu-arrow-color-hovered-item": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-list-item-icon-color-hovered": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-list-item-contextual-buttons-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-list-item-submenu-arrow-padding": "var(--sjs-spacing-x05)",
+    "--ctr-list-item-color-swatch-corner-radius": "var(--sjs-corner-radius-x0375)",
+    "--ctr-list-item-color-swatch-width": "var(--sjs-font-size-x4)",
+    "--ctr-list-item-color-swatch-height": "var(--sjs-font-size-x3)",
+    "--ctr-list-item-color-swatch-border-color": "var(--sjs-border-25-overlay)",
+    "--ctr-editor-color-swatch-corner-radius": "var(--sjs-corner-radius-x0375)",
+    "--ctr-editor-button-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-editor-button-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-editor-button-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-editor-button-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-icon-width-small": "var(--sjs-font-size-x2)",
+    "--ctr-actionbar-button-icon-height-small": "var(--sjs-font-size-x2)",
+    "--ctr-actionbar-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-actionbar-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-actionbar-button-drop-down-arrow-width": "var(--sjs-font-size-x2)",
+    "--ctr-actionbar-button-drop-down-arrow-height": "var(--sjs-font-size-x2)",
+    "--ctr-list-item-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-list-item-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-list-item-submenu-arrow-width": "var(--sjs-font-size-x2)",
+    "--ctr-list-item-submenu-arrow-height": "var(--sjs-font-size-x2)",
+    "--ctr-editor-color-swatch-icon-width": "var(--sjs-font-size-x2)",
+    "--ctr-editor-color-swatch-icon-height": "var(--sjs-font-size-x2)",
+    "--ctr-editor-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-editor-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-checkbox-button-width": "var(--sjs-font-size-x3)",
+    "--ctr-checkbox-button-height": "var(--sjs-font-size-x3)",
+    "--ctr-menu-item-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-menu-item-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-menu-item-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-menu-item-padding-left": "var(--sjs-spacing-x3)",
+    "--ctr-menu-item-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-menu-item-border-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-menu-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-menu-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-menu-toolbar-button-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-menu-toolbar-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-menu-toolbar-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-menu-toolbar-button-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-menu-toolbar-button-gap": "var(--sjs-spacing-x1)",
+    "--ctr-menu-toolbar-button-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-menu-toolbar-button-text-color-secondary": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-menu-toolbar-button-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-menu-toolbar-button-background-color-pressed": "var(--sjs-layer-3-background-500)",
+    "--ctr-toolbox-item-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-toolbox-item-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-toolbox-item-background-color-hovered": "var(--sjs-layer-1-background-500)",
+    "--ctr-toolbox-item-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-item-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-item-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-item-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-item-gap": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-item-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-toolbox-item-padding-right-no-text": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-item-border-color-floating": "var(--sjs-secondary-background-500)",
+    "--ctr-toolbox-button-background-color-hovered": "var(--sjs-primary-background-10)",
+    "--ctr-page-navigator-item-dot-radius-small": "var(--sjs-font-size-x075)",
+    "--ctr-page-navigator-item-dot-radius-large": "var(--sjs-font-size-x1)",
+    "--ctr-page-navigator-item-dot-border-color-selected": "var(--sjs-primary-background-500)",
+    "--ctr-page-navigator-item-dot-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-page-navigator-item-dot-color-default": "var(--sjs-border-25)",
+    "--ctr-page-navigator-item-dot-color-selected": "var(--sjs-primary-foreground-100)",
+    "--ctr-page-navigator-item-dot-container-width": "var(--sjs-font-size-x250)",
+    "--ctr-page-navigator-item-dot-container-height": "var(--sjs-font-size-x250)",
+    "--ctr-page-navigator-item-background-color-hovered": "var(--sjs-layer-1-background-500)",
+    "--ctr-page-navigator-item-text-color-hovered": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-page-navigator-item-padding-left-hovered": "var(--sjs-spacing-x2)",
+    "--ctr-page-navigator-item-padding-right": "var(--sjs-spacing-x150)",
+    "--ctr-page-navigator-item-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-page-navigator-item-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-page-navigator-item-gap": "var(--sjs-spacing-x1)",
+    "--ctr-page-navigator-item-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-page-navigator-item-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-page-navigator-button-padding": "var(--sjs-spacing-x125)",
+    "--ctr-page-navigator-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-page-navigator-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-page-navigator-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-page-navigator-button-background-color-hovered": "var(--sjs-primary-background-10)",
+    "--ctr-page-navigator-button-background-color-pressed": "var(--sjs-primary-background-10)",
+    "--ctr-page-navigator-button-icon-color-pressed": "var(--sjs-primary-background-500)",
+    "--ctr-popup-menu-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-popup-menu-pointer-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-button-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-button-text-color": "var(--sjs-primary-background-500)",
+    "--ctr-button-gap": "var(--sjs-spacing-x4)",
+    "--ctr-button-background-color-hovered": "var(--sjs-layer-1-background-400)",
+    "--ctr-button-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-button-background-color-danger": "var(--sjs-semantic-red-background-500)",
+    "--ctr-button-background-color-danger-hovered": "var(--sjs-semantic-red-background-500)",
+    "--ctr-button-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-button-border-width-focused": "var(--sjs-stroke-x2)",
+    "--ctr-button-background-color-cta": "var(--sjs-primary-background-500)",
+    "--ctr-button-background-color-cta-hovered": "var(--sjs-primary-background-400)",
+    "--ctr-button-text-color-danger": "var(--sjs-semantic-red-foreground-100)",
+    "--ctr-button-text-color-cta": "var(--sjs-primary-foreground-100)",
+    "--ctr-collapse-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-collapse-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-collapse-button-padding": "var(--sjs-spacing-x150)",
+    "--ctr-collapse-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-collapse-button-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-collapse-button-icon-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-collapse-button-background-color-hovered": "var(--sjs-primary-background-10)",
+    "--ctr-property-grid-switcher-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-property-grid-switcher-gap": "var(--sjs-spacing-x1)",
+    "--ctr-property-grid-switcher-toggle-button-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-property-grid-switcher-toggle-button-border-color": "var(--sjs-border-25)",
+    "--ctr-property-grid-switcher-toggle-button-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-property-grid-switcher-toggle-button-padding-left": "var(--sjs-spacing-x05)",
+    "--ctr-property-grid-switcher-toggle-button-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-switcher-toggle-button-padding-top": "var(--sjs-spacing-x05)",
+    "--ctr-property-grid-switcher-toggle-button-padding-bottom": "var(--sjs-spacing-x05)",
+    "--ctr-property-grid-switcher-toggle-button-thumb-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-property-grid-switcher-toggle-button-thumb-width": "var(--sjs-size-x1)",
+    "--ctr-property-grid-switcher-toggle-button-thumb-height": "var(--sjs-size-x1)",
+    "--ctr-property-grid-switcher-toggle-button-thumb-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-property-grid-switcher-toggle-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-property-grid-switcher-toggle-button-background-color-hovered": "var(--sjs-layer-1-background-500)",
+    "--ctr-property-grid-switcher-toggle-button-background-color-checked": "var(--sjs-primary-background-500)",
+    "--ctr-property-grid-switcher-toggle-button-background-color-checked-focused": "var(--sjs-primary-foreground-100)",
+    "--ctr-property-grid-switcher-toggle-button-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-property-grid-switcher-toggle-button-border-width-focused": "var(--sjs-stroke-x2)",
+    "--ctr-property-grid-switcher-toggle-button-thumb-color-checked": "var(--sjs-primary-foreground-100)",
+    "--ctr-property-grid-switcher-toggle-button-padding-left-checked": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-switcher-toggle-button-padding-right-checked": "var(--sjs-spacing-x05)",
+    "--ctr-property-grid-switcher-toggle-button-thumb-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-property-grid-chapter-caption-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-property-grid-chapter-caption-border-color": "var(--sjs-border-25)",
+    "--ctr-property-grid-chapter-caption-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-property-grid-chapter-caption-text-color-selected": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-property-grid-chapter-caption-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-property-grid-chapter-caption-background-color-focused": "var(--sjs-layer-3-background-500)",
+    "--ctr-property-grid-chapter-caption-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-expression-item-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-expression-item-background-color-parameter": "var(--sjs-semantic-blue-background-10)",
+    "--ctr-expression-item-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-expression-item-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-expression-item-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-expression-item-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-expression-item-text-color-parameter": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-expression-item-background-color-parameter-hovered": "var(--sjs-semantic-blue-background-500)",
+    "--ctr-expression-item-background-color-parameter-error": "var(--sjs-layer-1-background-500)",
+    "--ctr-expression-item-border-color-error": "var(--sjs-semantic-red-background-500)",
+    "--ctr-expression-item-text-color-parameter-hovered": "var(--sjs-semantic-blue-foreground-100)",
+    "--ctr-expression-item-text-color-parameter-empty": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-expression-item-text-color-parameter-error": "var(--sjs-semantic-red-background-500)",
+    "--ctr-expression-item-text-color-operator": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-expression-item-text-color-operator-hovered": "var(--sjs-semantic-yellow-foreground-100)",
+    "--ctr-expression-item-text-color-operator-empty": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-expression-item-text-color-conjunction": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-expression-item-text-color-conjunction-hovered": "var(--sjs-semantic-yellow-foreground-100)",
+    "--ctr-expression-item-text-color-conjunction-empty": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-expression-item-text-color-action": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-expression-item-text-color-action-hovered": "var(--sjs-semantic-red-foreground-100)",
+    "--ctr-expression-item-text-color-action-empty": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-expression-item-text-color-button": "var(--sjs-primary-background-500)",
+    "--ctr-expression-item-text-color-button-hovered": "var(--sjs-primary-foreground-100)",
+    "--ctr-expression-item-background-color-operator": "var(--sjs-semantic-yellow-background-10)",
+    "--ctr-expression-item-background-color-operator-hovered": "var(--sjs-semantic-yellow-background-500)",
+    "--ctr-expression-item-background-color-conjunction": "var(--sjs-semantic-yellow-background-10)",
+    "--ctr-expression-item-background-color-conjunction-hovered": "var(--sjs-semantic-yellow-background-500)",
+    "--ctr-expression-item-background-color-action": "var(--sjs-semantic-red-background-10)",
+    "--ctr-expression-item-background-color-action-hovered": "var(--sjs-semantic-red-background-500)",
+    "--ctr-expression-item-background-color-button": "var(--sjs-primary-background-10)",
+    "--ctr-expression-item-background-color-button-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-expression-item-text-color-function": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-data-table-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-data-table-border-color": "var(--sjs-border-25)",
+    "--ctr-data-table-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-separator-width": "var(--sjs-stroke-x1)",
+    "--ctr-separator-color": "var(--sjs-border-25)",
+    "--ctr-separator-margin-vertical-small": "var(--sjs-spacing-x1)",
+    "--ctr-popup-padding-left": "var(--sjs-spacing-x4)",
+    "--ctr-popup-padding-right": "var(--sjs-spacing-x4)",
+    "--ctr-popup-padding-top": "var(--sjs-spacing-x4)",
+    "--ctr-popup-padding-bottom": "var(--sjs-spacing-x4)",
+    "--ctr-popup-gap": "var(--sjs-spacing-x4)",
+    "--ctr-popup-title-color": "var(--sjs-layer-2-foreground-100)",
+    "--ctr-popup-message-color": "var(--sjs-layer-2-foreground-100)",
+    "--ctr-popup-buttons-gap": "var(--sjs-spacing-x2)",
+    "--ctr-popup-description-color": "var(--sjs-layer-2-foreground-50)",
+    "--ctr-popup-margin-top-mobile": "var(--sjs-spacing-x2)",
+    "--ctr-popup-padding-left-mobile": "var(--sjs-spacing-x3)",
+    "--ctr-popup-padding-right-mobile": "var(--sjs-spacing-x3)",
+    "--ctr-popup-padding-top-mobile": "var(--sjs-spacing-x3)",
+    "--ctr-popup-padding-bottom-mobile": "var(--sjs-spacing-x3)",
+    "--ctr-popup-corner-radius-mobile": "var(--sjs-corner-radius-x2)",
+    "--ctr-popup-gap-mobile": "var(--sjs-spacing-x3)",
+    "--ctr-toolbox-group-header-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-group-header-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-group-header-border-color": "var(--sjs-border-25)",
+    "--ctr-toolbox-group-header-border-width-bottom": "var(--sjs-stroke-x1)",
+    "--ctr-toolbox-group-header-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-notification-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-notification-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-notification-text-color-error": "var(--sjs-semantic-red-foreground-100)",
+    "--ctr-notification-background-color-error": "var(--sjs-semantic-red-background-500)",
+    "--ctr-string-table-row-padding-left": "var(--sjs-spacing-x3)",
+    "--ctr-string-table-row-padding-right": "var(--sjs-spacing-x3)",
+    "--ctr-string-table-row-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-string-table-row-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-string-table-row-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-string-table-row-border-color": "var(--sjs-border-10)",
+    "--ctr-string-table-row-border-width-bottom": "var(--sjs-stroke-x1)",
+    "--ctr-string-table-row-text-color-title": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-string-table-row-expand-button-icon-color-default": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-string-table-header-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-string-table-header-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-string-table-group-header-background-color": "var(--sjs-layer-2-background-500)",
+    "--ctr-string-table-group-header-text-color": "var(--sjs-layer-2-foreground-50)",
+    "--ctr-text-decor-background-color-editing": "var(--sjs-layer-1-background-500)",
+    "--ctr-text-decor-border-color": "var(--sjs-border-25)",
+    "--ctr-text-decor-border-color-editing": "var(--sjs-primary-background-500)",
+    "--ctr-text-decor-text-color-placeholder": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-text-decor-text-color-code": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-text-decor-border-width": "var(--lbr-stroke-x2)",
+    "--ctr-text-decor-corner-radius": "var(--lbr-corner-radius-x0375)",
+    "--ctr-menu-border-color": "var(--sjs-border-25)",
+    "--ctr-menu-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-menu-toolbar-gap": "var(--sjs-spacing-x2)",
+    "--ctr-menu-toolbar-padding-horizontal": "var(--sjs-spacing-x2)",
+    "--ctr-menu-toolbar-padding-vertical": "var(--sjs-spacing-x150)",
+    "--ctr-menu-toolbar-padding-vertical-mobile": "var(--sjs-spacing-x05)",
+    "--ctr-popup-menu-footer-padding-top": "var(--sjs-spacing-x05)",
+    "--ctr-popup-menu-footer-padding-bottom": "var(--sjs-spacing-x05)",
+    "--ctr-popup-menu-footer-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-popup-menu-footer-border-color": "var(--sjs-border-25)",
+    "--ctr-property-grid-header-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-property-grid-header-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-header-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-header-padding-top": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-header-padding-bottom": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-header-border-color": "var(--sjs-primary-background-500)",
+    "--ctr-property-grid-header-border-width-bottom": "var(--sjs-stroke-x2)",
+    "--ctr-caption-with-actions-description-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-caption-with-actions-description-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-data-table-cell-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-cell-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-cell-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-cell-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-cell-drop-down-arrow-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-data-table-cell-text-color-header": "var(--sjs-layer-2-foreground-50)",
+    "--ctr-data-table-cell-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-data-table-cell-corner-radius-focused": "var(--sjs-corner-radius-x05)",
+    "--ctr-data-table-row-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-data-table-row-background-color-header": "var(--sjs-layer-2-background-500)",
+    "--ctr-data-table-row-border-color": "var(--sjs-border-25)",
+    "--ctr-data-table-row-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-data-table-row-padding-top": "var(--sjs-spacing-x05)",
+    "--ctr-data-table-row-padding-bottom": "var(--sjs-spacing-x05)",
+    "--ctr-data-table-row-padding-right": "var(--sjs-spacing-x05)",
+    "--ctr-data-table-row-drag-area-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-data-table-row-drag-area-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-data-table-row-drag-area-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-data-table-row-drag-area-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-row-drag-area-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-row-drag-area-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-row-drag-area-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-row-padding-top-header": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-row-padding-bottom-header": "var(--sjs-spacing-x1)",
+    "--ctr-data-table-row-background-color-drop-spot": "var(--sjs-layer-3-background-500)",
+    "--ctr-string-table-row-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-string-table-title-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-string-table-title-border-color": "var(--sjs-border-10)",
+    "--ctr-string-table-title-border-width-bottom": "var(--sjs-stroke-x1)",
+    "--ctr-string-table-title-padding-left": "var(--sjs-spacing-x3)",
+    "--ctr-string-table-title-padding-right": "var(--sjs-spacing-x3)",
+    "--ctr-string-table-title-padding-top": "var(--sjs-spacing-x2)",
+    "--ctr-string-table-title-padding-bottom": "var(--sjs-spacing-x2)",
+    "--ctr-string-table-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-string-table-title-actionbar-gap": "var(--sjs-spacing-x1)",
+    "--ctr-string-table-title-caption-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-string-table-title-padding-right-actions": "var(--sjs-spacing-x2)",
+    "--ctr-error-message-background-color": "var(--sjs-semantic-red-background-10)",
+    "--ctr-error-message-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-error-message-gap": "var(--sjs-spacing-x1)",
+    "--ctr-error-message-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-error-message-padding-right": "var(--sjs-spacing-x150)",
+    "--ctr-error-message-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-error-message-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-error-message-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-error-message-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-error-message-icon-color": "var(--sjs-semantic-red-background-500)",
+    "--ctr-error-message-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-toolbox-separator-color": "var(--sjs-border-25)",
+    "--ctr-toolbox-separator-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-separator-height": "var(--sjs-stroke-x1)",
+    "--ctr-toolbox-separator-max-width": "var(--sjs-size-x9)",
+    "--ctr-toolbox-separator-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-separator-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-separator-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-gap": "var(--sjs-spacing-x05)",
+    "--ctr-toolbox-padding-top": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-padding-bottom": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-group-gap": "var(--sjs-spacing-x05)",
+    "--ctr-toolbox-group-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-group-padding-right": "var(--sjs-spacing-x150)",
+    "--ctr-button-contextual-button-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-button-contextual-button-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-button-contextual-button-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-button-contextual-button-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-button-contextual-button-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-button-contextual-button-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-button-contextual-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-button-contextual-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-button-contextual-button-background-color-focused": "var(--sjs-primary-background-10)",
+    "--ctr-survey-question-panel-toolbar-item-gap": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-padding-left": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-padding-right": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-padding-top": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-padding-bottom": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-survey-question-panel-toolbar-item-icon-container-width": "var(--lbr-size-x3)",
+    "--ctr-survey-question-panel-toolbar-item-icon-container-height": "var(--lbr-size-x3)",
+    "--ctr-survey-question-panel-toolbar-item-icon-padding-left": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-icon-padding-right": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-icon-padding-top": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-icon-padding-bottom": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-toolbar-item-icon-color": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-question-panel-toolbar-item-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-survey-question-panel-toolbar-item-background-color-selected": "var(--sjs-secondary-background-10)",
+    "--ctr-survey-question-panel-toolbar-item-icon-color-pressed": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-page-toolbar-item-icon-color-pressed": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-page-toolbar-item-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-survey-question-panel-toolbar-item-padding-left-with-text": "var(--lbr-spacing-x1)",
+    "--ctr-survey-question-panel-toolbar-item-padding-right-with-text": "var(--lbr-spacing-x1)",
+    "--ctr-survey-page-toolbar-item-background-color-selected": "var(--sjs-secondary-background-10)",
+    "--ctr-survey-question-panel-drag-area-drag-indicator-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-question-panel-drag-area-drag-indicator-width": "var(--lbr-size-x3)",
+    "--ctr-survey-question-panel-drag-area-drag-indicator-height": "var(--lbr-size-x2)",
+    "--ctr-survey-question-panel-drag-area-expand-button-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-preview-pager-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-preview-pager-border-color": "var(--sjs-border-25)",
+    "--ctr-preview-pager-border-width-top": "var(--sjs-stroke-x1)",
+    "--ctr-preview-pager-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-survey-question-panel-toolbar-item-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-code-viewer-code-error-row-background-color": "var(--sjs-semantic-red-background-10)",
+    "--ctr-code-viewer-code-error-row-border-color": "var(--sjs-border-25)",
+    "--ctr-code-viewer-code-error-row-border-width-top": "var(--sjs-stroke-x1)",
+    "--ctr-code-viewer-code-error-row-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-code-viewer-code-error-row-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-code-viewer-code-error-row-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-code-viewer-code-error-row-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-code-viewer-code-error-row-gap": "var(--sjs-spacing-x2)",
+    "--ctr-code-viewer-code-error-row-icon-width": "var(--sjs-font-size-x2)",
+    "--ctr-code-viewer-code-error-row-icon-height": "var(--sjs-font-size-x2)",
+    "--ctr-code-viewer-code-error-row-fix-button-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-code-viewer-code-error-row-fix-button-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-code-viewer-code-error-row-fix-button-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-code-viewer-code-error-row-fix-button-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-code-viewer-code-error-row-fix-button-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-code-viewer-code-error-row-fix-button-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-code-viewer-code-error-row-fix-button-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-code-viewer-code-error-row-fix-button-icon-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-code-viewer-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-code-viewer-text-color": "var(--sjs-code-gray-300)",
+    "--ctr-code-viewer-line-number-panel-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-code-viewer-line-number-panel-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-property-grid-group-caption-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-toolbox-group-header-expand-button-color": "var(--sjs-layer-3-foreground-50)",
+    "--lbr-question-panel-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-label-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-label-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-editor-padding-left": "var(--sjs-spacing-x05)",
+    "--ctr-editor-padding-right": "var(--sjs-spacing-x05)",
+    "--ctr-editor-padding-top": "var(--sjs-spacing-x05)",
+    "--ctr-editor-padding-bottom": "var(--sjs-spacing-x05)",
+    "--ctr-editor-gap": "var(--sjs-spacing-x05)",
+    "--ctr-editor-border-width": "var(--sjs-stroke-x1)",
+    "--ctr-editor-content-margin-left": "var(--sjs-spacing-x150)",
+    "--ctr-editor-content-margin-right": "var(--sjs-spacing-x150)",
+    "--ctr-editor-content-margin-top": "var(--sjs-spacing-x1)",
+    "--ctr-editor-content-margin-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-editor-color-swatch-margin-left": "var(--sjs-spacing-x150)",
+    "--ctr-editor-label-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-editor-label-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-editor-label-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-editor-label-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-editor-label-separator-width": "var(--sjs-stroke-x1)",
+    "--ctr-editor-label-separator-color": "var(--sjs-border-10)",
+    "--ctr-editor-buttons-gap": "var(--sjs-spacing-x05)",
+    "--ctr-editor-border-width-focused": "var(--sjs-stroke-x2)",
+    "--ctr-editor-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-editor-border-color-error": "var(--sjs-semantic-red-background-500)",
+    "--ctr-checkbox-list-gap-vertical": "var(--sjs-spacing-x2)",
+    "--ctr-surface-placeholder-text-title-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-surface-placeholder-text-description-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-survey-page-placeholder-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-data-table-placeholder-padding-left": "var(--sjs-spacing-x8)",
+    "--ctr-data-table-placeholder-padding-right": "var(--sjs-spacing-x8)",
+    "--ctr-data-table-placeholder-padding-top": "var(--sjs-spacing-x6)",
+    "--ctr-data-table-placeholder-padding-bottom": "var(--sjs-spacing-x6)",
+    "--ctr-survey-placeholder-gap": "var(--lbr-spacing-x05)",
+    "--ctr-survey-placeholder-padding-left": "var(--lbr-spacing-x8)",
+    "--ctr-survey-placeholder-padding-right": "var(--lbr-spacing-x8)",
+    "--ctr-survey-placeholder-padding-top-with-button": "var(--lbr-spacing-x8)",
+    "--ctr-survey-placeholder-padding-bottom-with-button": "var(--lbr-spacing-x6)",
+    "--ctr-survey-placeholder-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-placeholder-border-color": "var(--sjs-border-25)",
+    "--ctr-survey-placeholder-border-width": "var(--lbr-stroke-x1)",
+    "--ctr-survey-drop-indicator-color": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-drop-indicator-width": "var(--lbr-stroke-x2)",
+    "--ctr-property-grid-search-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-property-grid-search-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-search-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-search-padding-top": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-search-padding-bottom": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-search-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-property-grid-search-text-color-placeholder": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-search-toolbar-gap": "var(--sjs-spacing-x05)",
+    "--ctr-property-grid-search-border-color": "var(--sjs-border-25)",
+    "--ctr-property-grid-search-gap": "var(--sjs-spacing-x1)",
+    "--ctr-search-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-search-button-padding-vertical": "var(--sjs-spacing-x05)",
+    "--ctr-search-button-padding-horizontal": "var(--sjs-spacing-x05)",
+    "--ctr-search-button-background-color-hovered": "var(--sjs-layer-3-background-500)",
+    "--ctr-search-button-icon-width": "var(--sjs-font-size-x2)",
+    "--ctr-search-button-icon-height": "var(--sjs-font-size-x2)",
+    "--ctr-search-button-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-search-button-icon-color-clear-hovered": "var(--sjs-semantic-red-background-500)",
+    "--ctr-search-button-background-color-clear-hovered": "var(--sjs-semantic-red-background-10)",
+    "--ctr-property-grid-search-button-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-property-grid-search-button-background-color-hovered": "var(--sjs-layer-3-background-400)",
+    "--ctr-property-grid-search-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-property-grid-search-count-text-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-scrollbar-background-color": "var(--sjs-border-25)",
+    "--ctr-scrollbar-padding-vertical": "var(--sjs-spacing-x05)",
+    "--ctr-scrollbar-width": "var(--sjs-size-x150)",
+    "--ctr-survey-question-panel-toolbar-gap": "var(--lbr-spacing-x1)",
+    "--ctr-survey-info-panel-background-color": "var(--sjs-layer-1-background-400)",
+    "--ctr-survey-info-panel-padding-left": "var(--lbr-spacing-x8)",
+    "--ctr-survey-info-panel-padding-right": "var(--lbr-spacing-x8)",
+    "--ctr-survey-info-panel-padding-top": "var(--lbr-spacing-x4)",
+    "--ctr-survey-info-panel-padding-bottom": "var(--lbr-spacing-x4)",
+    "--ctr-survey-info-panel-corner-radius": "var(--lbr-corner-radius-x1)",
+    "--ctr-survey-info-panel-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-action-button-padding-left": "var(--lbr-spacing-x3)",
+    "--ctr-survey-action-button-padding-right": "var(--lbr-spacing-x3)",
+    "--ctr-survey-action-button-padding-top": "var(--lbr-spacing-x1)",
+    "--ctr-survey-action-button-padding-bottom": "var(--lbr-spacing-x1)",
+    "--ctr-survey-action-button-corner-radius": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-action-button-icon-width": "var(--lbr-size-x3)",
+    "--ctr-survey-action-button-icon-height": "var(--lbr-size-x3)",
+    "--ctr-survey-action-button-icon-width-small": "var(--lbr-size-x2)",
+    "--ctr-survey-action-button-icon-height-small": "var(--lbr-size-x2)",
+    "--ctr-survey-action-button-icon-color-positive": "var(--sjs-primary-background-500)",
+    "--ctr-survey-action-button-icon-color-negative": "var(--sjs-semantic-red-background-500)",
+    "--ctr-survey-action-button-text-color-positive": "var(--sjs-primary-background-500)",
+    "--ctr-survey-action-button-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-survey-action-button-background-color-hovered-positive": "var(--sjs-primary-background-10)",
+    "--ctr-survey-action-button-background-color-hovered-negative": "var(--sjs-semantic-red-background-10)",
+    "--ctr-survey-action-button-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-contextual-button-corner-radius": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-contextual-button-width": "var(--lbr-size-x6)",
+    "--ctr-survey-contextual-button-height": "var(--lbr-size-x6)",
+    "--ctr-survey-contextual-button-padding-left": "var(--lbr-spacing-x150)",
+    "--ctr-survey-contextual-button-padding-right": "var(--lbr-spacing-x150)",
+    "--ctr-survey-contextual-button-padding-top": "var(--lbr-spacing-x150)",
+    "--ctr-survey-contextual-button-padding-bottom": "var(--lbr-spacing-x150)",
+    "--ctr-survey-contextual-button-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-contextual-button-border-width": "var(--lbr-stroke-x1)",
+    "--ctr-survey-contextual-button-border-color": "var(--sjs-border-25)",
+    "--ctr-survey-contextual-button-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-survey-contextual-button-background-color-hovered-positive": "var(--sjs-primary-background-10)",
+    "--ctr-survey-placeholder-background-color-hovered": "var(--sjs-primary-background-10)",
+    "--ctr-survey-placeholder-border-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-survey-placeholder-border-width-hovered": "var(--lbr-stroke-x2)",
+    "--ctr-property-grid-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-survey-header-logo-placeholder-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-survey-header-logo-placeholder-icon-width": "var(--lbr-size-x6)",
+    "--ctr-survey-header-logo-placeholder-icon-height": "var(--lbr-size-x6)",
+    "--ctr-survey-image-picker-item-border-width-placeholder": "var(--lbr-stroke-x1)",
+    "--ctr-survey-image-picker-item-border-color-placeholder": "var(--sjs-border-25)",
+    "--ctr-survey-image-picker-item-border-color-hovered-placeholder": "var(--sjs-primary-background-500)",
+    "--ctr-survey-image-picker-item-border-width-hovered-placeholder": "var(--lbr-stroke-x2)",
+    "--ctr-survey-image-picker-item-background-color-hovered-placeholder": "var(--sjs-primary-background-10)",
+    "--ctr-survey-image-picker-drop-spot-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-survey-item-actionbar-drag-indicator-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-item-actionbar-drag-indicator-padding-left": "var(--lbr-spacing-x1)",
+    "--ctr-survey-item-actionbar-drag-indicator-padding-right": "var(--lbr-spacing-x1)",
+    "--ctr-survey-item-actionbar-drag-indicator-padding-top": "var(--lbr-spacing-x05)",
+    "--ctr-survey-item-actionbar-drag-indicator-padding-bottom": "var(--lbr-spacing-x05)",
+    "--ctr-survey-item-actionbar-drag-indicator-width": "var(--lbr-size-x3)",
+    "--ctr-survey-item-actionbar-drag-indicator-height": "var(--lbr-size-x3)",
+    "--ctr-actionbar-button-padding-bottom-large-text": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-top-large-text": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-top-large-icon-text": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-bottom-large-icon-text": "var(--sjs-spacing-x1)",
+    "--ctr-actionbar-button-padding-left-large-text": "var(--sjs-spacing-x2)",
+    "--ctr-actionbar-button-padding-right-large-text-drop-down": "var(--sjs-spacing-x150)",
+    "--ctr-property-grid-form-padding-left": "var(--sjs-spacing-x4)",
+    "--ctr-property-grid-form-padding-right": "var(--sjs-spacing-x4)",
+    "--ctr-property-grid-form-padding-top": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-form-padding-bottom": "var(--sjs-spacing-x5)",
+    "--ctr-property-grid-form-border-width-bottom": "var(--sjs-stroke-x1)",
+    "--ctr-property-grid-form-gap": "var(--sjs-spacing-x2)",
+    "--ctr-page-navigator-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-page-navigator-padding-right": "var(--sjs-spacing-x150)",
+    "--ctr-page-navigator-padding-top": "var(--sjs-spacing-x150)",
+    "--ctr-page-navigator-padding-bottom": "var(--sjs-spacing-x150)",
+    "--ctr-page-navigator-gap": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-search-padding-left": "var(--sjs-spacing-x3)",
+    "--ctr-toolbox-search-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-search-padding-top": "var(--sjs-spacing-x250)",
+    "--ctr-toolbox-search-icon-color-placeholder": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-toolbox-search-padding-bottom": "var(--sjs-spacing-x250)",
+    "--ctr-toolbox-search-gap": "var(--sjs-spacing-x1)",
+    "--ctr-toolbox-search-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-toolbox-search-border-width-bottom": "var(--sjs-stroke-x1)",
+    "--ctr-toolbox-search-text-color-placeholder": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-toolbox-search-clear-button-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-toolbox-search-clear-button-background-color-hovered": "var(--sjs-semantic-red-background-10)",
+    "--ctr-search-icon-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-toolbox-search-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-toolbox-search-clear-button-icon-color-hovered": "var(--sjs-semantic-red-background-500)",
+    "--ctr-toolbox-separator-padding-left-compact": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-separator-padding-right-compact": "var(--sjs-spacing-x2)",
+    "--ctr-checkbox-gap": "var(--sjs-spacing-x1)",
+    "--ctr-checkbox-description-text-margin-left": "var(--sjs-font-size-x4)",
+    "--ctr-editor-layout-gap": "var(--sjs-spacing-x1)",
+    "--ctr-expression-items-gap": "var(--sjs-spacing-x1)",
+    "--ctr-expression-rows-gap": "var(--sjs-spacing-x2)",
+    "--ctr-font-large-size": "var(--sjs-font-size-x4)",
+    "--ctr-font-large-line-height": "var(--sjs-line-height-x5)",
+    "--ctr-font-medium-size": "var(--sjs-font-size-x3)",
+    "--ctr-font-medium-line-height": "var(--sjs-line-height-x4)",
+    "--ctr-font-default-size": "var(--sjs-font-size-x2)",
+    "--ctr-font-default-line-height": "var(--sjs-line-height-x3)",
+    "--ctr-font-small-size": "var(--sjs-font-size-x150)",
+    "--ctr-font-small-line-height": "var(--sjs-line-height-x2)",
+    "--ctr-font-code-size": "var(--sjs-font-size-x2)",
+    "--ctr-font-code-line-height": "var(--sjs-line-height-x3)",
+    "--lbr-shadow-x-large-color": "var(--sjs-special-glow)",
+    "--lbr-shadow-large-color": "var(--sjs-special-glow)",
+    "--lbr-shadow-medium-color": "var(--sjs-special-glow)",
+    "--lbr-shadow-small-color": "var(--sjs-special-shadow)",
+    "--ctr-survey-checkboxes-item-corner-radius-floating": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-radio-button-group-item-corner-radius-floating": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-radio-button-group-item-background-color-floating": "var(--sjs-layer-1-background-500)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-1-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-1-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-1-color": "var(--ctr-shadow-large-color)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-2-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-2-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-survey-radio-button-group-item-shadow-floating-2-color": "var(--ctr-shadow-medium-color)",
+    "--lbr-ranking-item-number-corner-radius": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-ranking-item-digit-background-color-inactive": "var(--sjs-layer-3-background-500)",
+    "--ctr-survey-ranking-item-digit-text-color-inactive": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-survey-ranking-item-text-color-inactive": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-ranking-item-corner-radius-floating": "var(--lbr-corner-radius-round)",
+    "--lbr-image-corner-radius": "var(--lbr-corner-radius-x05)",
+    "--ctr-survey-contextual-button-icon-color-positive": "var(--sjs-primary-background-500)",
+    "--lbr-page-layout-gap-medium": "var(--lbr-spacing-x2)",
+    "--ctr-survey-matrix-cell-corner-radius": "var(--lbr-corner-radius-x075)",
+    "--ctr-survey-matrix-cell-border-color-hovered": "var(--sjs-secondary-background-10)",
+    "--ctr-survey-matrix-cell-border-color-selected": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-matrix-cell-border-color-edit": "var(--sjs-primary-background-500)",
+    "--ctr-survey-matrix-cell-border-width": "var(--lbr-stroke-x2)",
+    "--ctr-survey-header-logo-placeholder-corner-radius": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-header-logo-placeholder-padding-left": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-placeholder-padding-right": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-placeholder-padding-top": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-placeholder-padding-bottom": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-placeholder-background-color-hovered": "var(--sjs-primary-background-10)",
+    "--ctr-survey-header-logo-placeholder-icon-color-hovered": "var(--sjs-primary-background-500)",
+    "--ctr-survey-header-logo-loading-width": "var(--lbr-size-x6)",
+    "--ctr-survey-header-logo-loading-height": "var(--lbr-size-x6)",
+    "--ctr-survey-header-logo-loading-margin-left": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-loading-margin-right": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-loading-margin-top": "var(--lbr-spacing-x1)",
+    "--ctr-survey-header-logo-loading-margin-bottom": "var(--lbr-spacing-x1)",
+    "--ctr-survey-contextual-button-icon-color-negative": "var(--sjs-semantic-red-background-500)",
+    "--lbr-header-padding-left": "var(--lbr-spacing-x3)",
+    "--lbr-header-gap": "var(--lbr-spacing-x4)",
+    "--ctr-survey-header-text-title-color": "var(--sjs-primary-background-500)",
+    "--ctr-survey-header-text-description-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-survey-header-text-title-color-placeholder": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-survey-header-text-description-color-placeholder": "var(--sjs-layer-3-foreground-50)",
+    "--lbr-header-padding-right": "var(--lbr-spacing-x3)",
+    "--ctr-survey-header-text-margin-left-mobile-logo-placeholder": "var(--lbr-spacing-x2)",
+    "--ctr-survey-header-gap": "var(--lbr-spacing-x1)",
+    "--lbr-cover-text-max-width": "var(--lbr-size-x64)",
+    "--ctr-survey-radio-button-group-show-more-button-margin-left": "var(--lbr-spacing-x6)",
+    "--ctr-survey-radio-button-group-show-more-button-margin-top": "var(--lbr-spacing-x05)",
+    "--lbr-question-panel-corner-radius": "var(--lbr-corner-radius-x05)",
+    "--ctr-survey-question-panel-border-color-selected": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-question-panel-border-width-selected": "var(--lbr-stroke-x2)",
+    "--lbr-question-panel-shadow-offset-x": "var(--lbr-shadow-small-offset-x)",
+    "--lbr-question-panel-shadow-offset-y": "var(--lbr-shadow-small-offset-y)",
+    "--lbr-question-panel-shadow-blur": "var(--lbr-shadow-small-blur)",
+    "--lbr-question-panel-shadow-spread": "var(--lbr-shadow-small-spread)",
+    "--lbr-question-panel-shadow-color": "var(--lbr-shadow-small-color)",
+    "--ctr-survey-page-border-color-selected": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-page-border-width-selected": "var(--lbr-stroke-x2)",
+    "--ctr-survey-page-corner-radius": "var(--lbr-corner-radius-x1)",
+    "--ctr-survey-question-panel-border-color-hovered": "var(--sjs-secondary-background-25)",
+    "--ctr-survey-question-panel-border-width-hovered": "var(--lbr-stroke-x2)",
+    "--ctr-survey-question-panel-border-color-nested": "var(--sjs-border-25)",
+    "--ctr-survey-question-panel-border-width-nested": "var(--lbr-stroke-x1)",
+    "--ctr-survey-page-border-color-hovered": "var(--sjs-secondary-background-25)",
+    "--ctr-survey-page-border-width-hovered": "var(--lbr-stroke-x2)",
+    "--ctr-survey-panel-add-button-margin-top": "var(--lbr-spacing-x1)",
+    "--lbr-page-header-title-color": "var(--sjs-layer-3-foreground-100)",
+    "--lbr-page-header-title-color-not-completed-rule": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-page-header-padding-vertical-with-button": "var(--sjs-spacing-x05)",
+    "--lbr-error-panel-padding-left-small": "var(--lbr-spacing-x150)",
+    "--lbr-error-panel-padding-right-small": "var(--sjs-spacing-x150)",
+    "--lbr-placeholder-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--lbr-placeholder-padding-left": "var(--lbr-spacing-x8)",
+    "--lbr-placeholder-padding-right": "var(--lbr-spacing-x8)",
+    "--lbr-placeholder-padding-top": "var(--lbr-spacing-x2)",
+    "--lbr-placeholder-padding-bottom": "var(--lbr-spacing-x2)",
+    "--ctr-survey-page-header-title-color-placeholder": "var(--sjs-layer-3-foreground-50)",
+    "--lbr-question-panel-header-padding-bottom": "var(--lbr-spacing-x2)",
+    "--ctr-survey-page-margin-left": "var(--lbr-spacing-x2)",
+    "--ctr-survey-page-margin-right": "var(--lbr-spacing-x2)",
+    "--ctr-survey-page-margin-top": "var(--lbr-spacing-x2)",
+    "--ctr-survey-page-background-color-hovered": "var(--sjs-secondary-background-10)",
+    "--ctr-survey-page-margin-bottom-new-page": "var(--lbr-spacing-x9)",
+    "--lbr-question-panel-padding-left": "var(--lbr-spacing-x5)",
+    "--lbr-question-panel-padding-right": "var(--lbr-spacing-x5)",
+    "--lbr-question-panel-padding-top": "var(--lbr-spacing-x4)",
+    "--ctr-survey-question-panel-padding-bottom-selected": "var(--lbr-spacing-x2)",
+    "--ctr-string-table-shadow-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-string-table-shadow-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-string-table-shadow-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-string-table-shadow-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-string-table-shadow-color": "var(--ctr-shadow-small-color)",
+    "--ctr-toolbox-group-header-min-height": "var(--sjs-spacing-x5)",
+    "--ctr-actionbar-button-icon-color-colorful": "var(--sjs-primary-background-500)",
+    "--ctr-list-search-padding-left": "var(--sjs-spacing-x2)",
+    "--ctr-list-search-padding-right": "var(--sjs-spacing-x2)",
+    "--ctr-list-search-padding-top": "var(--sjs-spacing-x250)",
+    "--ctr-list-search-padding-bottom": "var(--sjs-spacing-x250)",
+    "--ctr-list-search-border-width-bottom": "var(--sjs-stroke-x1)",
+    "--ctr-list-search-border-color": "var(--sjs-border-25)",
+    "--ctr-list-search-gap": "var(--sjs-spacing-x2)",
+    "--ctr-list-search-text-color-placeholder": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-list-search-text-color": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-list-search-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-list-search-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-property-grid-search-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-property-grid-search-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-toolbox-search-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-toolbox-search-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-button-padding-horizontal-contextual-button": "var(--sjs-spacing-x10)",
+    "--ctr-surface-gap": "var(--sjs-spacing-x5)",
+    "--ctr-expression-item-padding-left-button": "var(--sjs-spacing-x4)",
+    "--ctr-expression-item-padding-right-button": "var(--sjs-spacing-x4)",
+    "--ctr-preview-device-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-preview-device-border-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-preview-device-border-width": "var(--sjs-stroke-x4)",
+    "--ctr-preview-device-shadow-2-color": "var(--ctr-shadow-large-color)",
+    "--ctr-preview-device-frame-background-color": "var(--lbr-surface-background-color)",
+    "--ctr-preview-device-corner-radius": "var(--sjs-corner-radius-x4)",
+    "--ctr-preview-device-frame-border-width": "var(--sjs-stroke-x2)",
+    "--ctr-preview-device-frame-border-color": "var(--sjs-border-25)",
+    "--ctr-toolbox-shadow-floating-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-toolbox-shadow-floating-2-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-toolbox-shadow-floating-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-toolbox-shadow-floating-2-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-toolbox-shadow-floating-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-toolbox-shadow-floating-2-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-toolbox-shadow-floating-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-toolbox-shadow-floating-2-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-toolbox-shadow-floating-2-color": "var(--ctr-shadow-large-color)",
+    "--ctr-toolbox-shadow-floating-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-string-table-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-toolbox-item-padding-left-submenu": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-item-padding-top-submenu": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-item-padding-bottom-submenu": "var(--sjs-spacing-x150)",
+    "--ctr-data-table-row-shadow-floating-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-data-table-row-shadow-floating-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-data-table-row-shadow-floating-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-data-table-row-shadow-floating-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-data-table-row-shadow-floating-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-data-table-row-shadow-floating-2-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-data-table-row-shadow-floating-2-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-data-table-row-shadow-floating-2-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-data-table-row-shadow-floating-2-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-data-table-row-shadow-floating-2-color": "var(--ctr-shadow-large-color)",
+    "--ctr-code-viewer-code-error-row-fix-button-shadow-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-code-viewer-code-error-row-fix-button-shadow-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-code-viewer-code-error-row-fix-button-shadow-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-code-viewer-code-error-row-fix-button-shadow-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-code-viewer-code-error-row-fix-button-shadow-color": "var(--ctr-shadow-small-color)",
+    "--ctr-toolbox-item-shadow-floating-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-toolbox-item-shadow-floating-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-toolbox-item-shadow-floating-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-toolbox-item-shadow-floating-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-toolbox-item-shadow-floating-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-toolbox-item-shadow-floating-2-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-toolbox-item-shadow-floating-2-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-toolbox-item-shadow-floating-2-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-toolbox-item-shadow-floating-2-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-toolbox-item-shadow-floating-2-color": "var(--ctr-shadow-large-color)",
+    "--ctr-toolbox-item-shadow-hovered-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-toolbox-item-shadow-hovered-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-toolbox-item-shadow-hovered-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-toolbox-item-shadow-hovered-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-toolbox-item-shadow-hovered-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-toolbox-item-shadow-pressed-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-toolbox-item-shadow-pressed-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-toolbox-item-shadow-pressed-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-toolbox-item-shadow-pressed-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-toolbox-item-shadow-pressed-color": "var(--ctr-shadow-small-color)",
+    "--ctr-toolbox-item-shadow-hovered-2-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-toolbox-item-shadow-hovered-2-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-toolbox-item-shadow-hovered-2-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-toolbox-item-shadow-hovered-2-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-toolbox-item-shadow-hovered-2-color": "var(--ctr-shadow-small-color)",
+    "--ctr-page-navigator-item-shadow-hovered-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-page-navigator-item-shadow-hovered-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-page-navigator-item-shadow-hovered-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-page-navigator-item-shadow-hovered-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-page-navigator-item-shadow-hovered-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-page-navigator-item-shadow-hovered-2-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-page-navigator-item-shadow-hovered-2-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-page-navigator-item-shadow-hovered-2-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-page-navigator-item-shadow-hovered-2-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-page-navigator-item-shadow-hovered-2-color": "var(--ctr-shadow-small-color)",
+    "--ctr-button-shadow-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-button-shadow-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-button-shadow-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-button-shadow-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-button-shadow-color": "var(--ctr-shadow-small-color)",
+    "--ctr-popup-menu-shadow-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-popup-menu-shadow-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-popup-menu-shadow-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-popup-menu-shadow-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-popup-menu-shadow-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-popup-menu-shadow-2-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-popup-menu-shadow-2-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-popup-menu-shadow-2-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-popup-menu-shadow-2-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-popup-menu-shadow-2-color": "var(--ctr-shadow-large-color)",
+    "--ctr-text-decor-shadow-editing-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-text-decor-shadow-editing-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-text-decor-shadow-editing-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-text-decor-shadow-editing-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-text-decor-shadow-editing-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-popup-shadow-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-popup-shadow-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-popup-shadow-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-popup-shadow-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-popup-shadow-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-popup-shadow-2-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-popup-shadow-2-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-popup-shadow-2-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-popup-shadow-2-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-popup-shadow-2-color": "var(--ctr-shadow-large-color)",
+    "--ctr-popup-shadow-3-offset-x": "var(--ctr-shadow-x-large-offset-x)",
+    "--ctr-popup-shadow-3-offset-y": "var(--ctr-shadow-x-large-offset-y)",
+    "--ctr-popup-shadow-3-blur": "var(--ctr-shadow-x-large-blur)",
+    "--ctr-popup-shadow-3-spread": "var(--ctr-shadow-x-large-spread)",
+    "--ctr-popup-shadow-3-color": "var(--ctr-shadow-x-large-color)",
+    "--lbr-shadow-inner-color": "var(--sjs-special-shadow)",
+    "--ctr-code-viewer-text-margin-left-results-table": "var(--sjs-spacing-x3)",
+    "--ctr-code-viewer-text-margin-right-results-table": "var(--sjs-spacing-x3)",
+    "--ctr-code-viewer-text-margin-top-results-table": "var(--sjs-spacing-x2)",
+    "--ctr-code-viewer-text-margin-bottom-results-table": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-item-background-color-submenu": "var(--sjs-layer-2-background-500)",
+    "--ctr-toolbox-item-text-color-submenu": "var(--sjs-layer-2-foreground-100)",
+    "--ctr-toolbox-min-width": "var(--sjs-size-x20)",
+    "--ctr-font-default-line-height-all-caps": "var(--sjs-line-height-x2)",
+    "--ctr-page-navigator-margin-top": "var(--sjs-spacing-x12)",
+    "--ctr-page-banner-background-color": "var(--sjs-secondary-background-500)",
+    "--ctr-page-banner-text-color": "var(--sjs-secondary-foreground-100)",
+    "--ctr-toolbox-group-padding-left-compact": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-group-padding-right-compact": "var(--sjs-spacing-x150)",
+    "--ctr-checkbox-button-check-mark-width": "var(--sjs-font-size-x2)",
+    "--ctr-checkbox-button-check-mark-height": "var(--sjs-font-size-x2)",
+    "--ctr-property-grid-width": "var(--sjs-size-x60)",
+    "--ctr-survey-question-panel-floating-toolbar-padding-left": "var(--lbr-spacing-x05)",
+    "--ctr-survey-question-panel-floating-toolbar-padding-right": "var(--lbr-spacing-x05)",
+    "--ctr-toolbox-item-icon-color-disabled": "var(--sjs-layer-1-foreground-100)",
+    "--lbr-font-large-size": "var(--lbr-font-size-x4)",
+    "--lbr-font-large-line-height": "var(--lbr-line-height-x5)",
+    "--lbr-font-default-size": "var(--lbr-font-size-x2)",
+    "--lbr-font-default-line-height": "var(--lbr-line-height-x3)",
+    "--lbr-font-small-size": "var(--lbr-font-size-x150)",
+    "--lbr-font-small-line-height": "var(--lbr-line-height-x2)",
+    "--ctr-list-item-padding-right-with-label-icon": "var(--sjs-spacing-x150)",
+    "--ctr-survey-panel-background-color-overing": "var(--sjs-primary-background-10)",
+    "--ctr-survey-page-background-color-overing": "var(--sjs-primary-background-10)",
+    "--ctr-survey-page-border-color-overing": "var(--sjs-primary-background-500)",
+    "--ctr-survey-page-border-width-overing": "var(--lbr-stroke-x2)",
+    "--ctr-toolbox-item-background-color-floating": "var(--sjs-layer-1-background-500)",
+    "--ctr-toolbox-item-padding-left-no-text": "var(--sjs-spacing-x150)",
+    "--ctr-toolbox-item-background-color-pressed": "var(--sjs-layer-1-background-500)",
+    "--ctr-toolbox-item-shadow-subitem-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-toolbox-item-shadow-subitem-2-color": "var(--ctr-shadow-small-color)",
+    "--ctr-toolbox-submenu-group-margin-bottom": "var(--sjs-spacing-x2)",
+    "--ctr-toolbox-submenu-shadow-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-toolbox-submenu-shadow-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-toolbox-submenu-shadow-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-toolbox-submenu-shadow-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-toolbox-submenu-shadow-2-offset-x": "var(--ctr-shadow-large-offset-x)",
+    "--ctr-toolbox-submenu-shadow-2-offset-y": "var(--ctr-shadow-large-offset-y)",
+    "--ctr-toolbox-submenu-shadow-2-blur": "var(--ctr-shadow-large-blur)",
+    "--ctr-toolbox-submenu-shadow-2-spread": "var(--ctr-shadow-large-spread)",
+    "--ctr-toolbox-submenu-margin-left": "var(--sjs-spacing-x2)",
+    "--ctr-list-item-background-color-selected-submenu": "var(--sjs-primary-background-10)",
+    "--ctr-list-item-text-color-selected-submenu": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-list-item-icon-color-selected-submenu": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-list-item-submenu-arrow-color-selected-item-submenu": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-menu-item-padding-left-icon": "var(--sjs-spacing-x2)",
+    "--ctr-menu-toolbar-button-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-menu-toolbar-button-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-menu-item-padding-right": "var(--sjs-spacing-x3)",
+    "--ctr-menu-item-padding-right-icon": "var(--sjs-spacing-x2)",
+    "--ctr-menu-toolbar-button-padding-top-with-description": "var(--sjs-spacing-x05)",
+    "--ctr-property-grid-header-padding-top-with-subtitle": "var(--sjs-spacing-x075)",
+    "--ctr-property-grid-header-padding-bottom-with-subtitle": "var(--sjs-spacing-x075)",
+    "--ctr-list-item-label-icon-color-hovered": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-list-item-label-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-data-table-form-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-data-table-form-border-color": "var(--sjs-border-25)",
+    "--ctr-menu-toolbar-button-padding-left-with-description": "var(--sjs-spacing-x1)",
+    "--ctr-menu-toolbar-button-padding-right-with-description": "var(--sjs-spacing-x1)",
+    "--ctr-survey-page-border-color-minimized": "var(--sjs-border-10)",
+    "--ctr-survey-page-border-width-minimized": "var(--lbr-stroke-x2)",
+    "--ctr-survey-page-drag-indicator-width": "var(--lbr-size-x3)",
+    "--ctr-survey-page-drag-indicator-height": "var(--lbr-size-x2)",
+    "--ctr-survey-resize-frame-grip-width": "var(--lbr-size-x1)",
+    "--ctr-survey-resize-frame-grip-height": "var(--lbr-size-x3)",
+    "--ctr-survey-resize-frame-margin": "var(--lbr-spacing-x05n)",
+    "--ctr-surface-toolbar-padding-left": "var(--sjs-spacing-x150)",
+    "--ctr-surface-toolbar-padding-right": "var(--sjs-spacing-x150)",
+    "--ctr-surface-toolbar-padding-top": "var(--sjs-spacing-x150)",
+    "--ctr-surface-toolbar-padding-bottom": "var(--sjs-spacing-x150)",
+    "--ctr-surface-toolbar-gap": "var(--sjs-spacing-x1)",
+    "--ctr-toggle-button-thumb-background-color-active": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-toggle-button-thumb-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-toggle-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-toggle-button-gap": "var(--sjs-spacing-x05)",
+    "--ctr-toggle-button-padding-left": "var(--sjs-font-size-x05)",
+    "--ctr-toggle-button-padding-right": "var(--sjs-font-size-x05)",
+    "--ctr-toggle-button-padding-top": "var(--sjs-font-size-x05)",
+    "--ctr-toggle-button-padding-bottom": "var(--sjs-font-size-x05)",
+    "--ctr-toggle-button-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-toggle-button-border-color-focused": "var(--sjs-primary-background-500)",
+    "--ctr-toggle-button-border-color": "var(--sjs-border-25)",
+    "--ctr-toggle-button-thumb-width": "var(--sjs-font-size-x2)",
+    "--ctr-toggle-button-thumb-height": "var(--sjs-font-size-x2)",
+    "--ctr-toggle-button-background-color-checked": "var(--sjs-primary-background-500)",
+    "--ctr-toggle-button-thumb-background-color-checked-focused": "var(--sjs-primary-background-500)",
+    "--ctr-toggle-button-background-color-checked-focused": "var(--sjs-primary-foreground-100)",
+    "--ctr-toggle-button-background-color-hovered": "var(--sjs-layer-1-background-400)",
+    "--ctr-toggle-button-label-text-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-toggle-button-gap-label": "var(--sjs-spacing-x1)",
+    "--ctr-toggle-button-thumb-background-color-checked": "var(--sjs-primary-foreground-100)",
+    "--ctr-toggle-button-thumb-border-color": "var(--sjs-border-25)",
+    "--ctr-toolbox-item-submenu-button-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-toolbox-item-submenu-button-background-color-hovered": "var(--sjs-layer-1-background-500)",
+    "--ctr-toolbox-item-submenu-button-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-toolbox-item-submenu-button-padding-left": "var(--sjs-spacing-x05)",
+    "--ctr-toolbox-item-submenu-button-padding-right": "var(--sjs-spacing-x05)",
+    "--ctr-toolbox-item-submenu-button-padding-top": "var(--sjs-spacing-x05)",
+    "--ctr-toolbox-item-submenu-button-padding-bottom": "var(--sjs-spacing-x05)",
+    "--ctr-toolbox-item-submenu-button-icon-width": "var(--sjs-font-size-x2)",
+    "--ctr-toolbox-item-submenu-button-icon-height": "var(--sjs-font-size-x2)",
+    "--ctr-toolbox-item-submenu-button-icon-color": "var(--sjs-layer-3-foreground-50)",
+    "--ctr-toolbox-item-submenu-button-margin-right": "var(--sjs-spacing-x05n)",
+    "--ctr-survey-matching-item-padding-right-floating": "var(--lbr-spacing-x3)",
+    "--ctr-survey-matching-item-padding-top-floating": "var(--lbr-spacing-x05)",
+    "--ctr-survey-matching-item-padding-bottom-floating": "var(--lbr-spacing-x05)",
+    "--ctr-survey-matching-item-corner-radius-floating": "var(--lbr-corner-radius-round)",
+    "--ctr-tooltip-corner-radius": "var(--sjs-corner-radius-round)",
+    "--ctr-tooltip-padding-left": "var(--sjs-spacing-x550)",
+    "--ctr-tooltip-padding-right": "var(--sjs-spacing-x350)",
+    "--ctr-tooltip-padding-top": "var(--sjs-spacing-x150)",
+    "--ctr-tooltip-padding-bottom": "var(--sjs-spacing-x150)",
+    "--ctr-tooltip-background-color": "var(--sjs-layer-1-background-500)",
+    "--ctr-tooltip-shadow-1-offset-x": "var(--ctr-shadow-medium-offset-x)",
+    "--ctr-tooltip-shadow-2-offset-x": "var(--ctr-shadow-small-offset-x)",
+    "--ctr-tooltip-shadow-2-offset-y": "var(--ctr-shadow-small-offset-y)",
+    "--ctr-tooltip-shadow-2-blur": "var(--ctr-shadow-small-blur)",
+    "--ctr-tooltip-shadow-2-spread": "var(--ctr-shadow-small-spread)",
+    "--ctr-tooltip-shadow-2-color": "var(--ctr-shadow-small-color)",
+    "--ctr-tooltip-shadow-1-offset-y": "var(--ctr-shadow-medium-offset-y)",
+    "--ctr-tooltip-pointer-height": "var(--sjs-size-x05)",
+    "--ctr-tooltip-shadow-1-blur": "var(--ctr-shadow-medium-blur)",
+    "--ctr-tooltip-shadow-1-spread": "var(--ctr-shadow-medium-spread)",
+    "--ctr-tooltip-shadow-1-color": "var(--ctr-shadow-medium-color)",
+    "--ctr-super-tooltip-corder-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-menu-item-padding-bottom": "var(--sjs-spacing-x250)",
+    "--ctr-menu-item-padding-top": "var(--sjs-spacing-x250)",
+    "--ctr-scrollbar-padding-vertical-hovered": "var(--sjs-spacing-x025)",
+    "--ctr-image-gallery-item-title-color": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-image-gallery-item-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-survey-radio-button-group-item-background-color-drop-spot": "var(--sjs-layer-1-background-400)",
+    "--ctr-survey-radio-button-group-item-corner-radius-drop-spot": "var(--lbr-corner-radius-round)",
+    "--ctr-image-gallery-item-background-corner-radius-drop-spot": "var(--sjs-corner-radius-round)",
+    "--ctr-image-gallery-item-background-corner-radius-drop-spot-2": "var(--sjs-corner-radius-round)",
+    "--ctr-survey-checkboxes-item-corner-radius-drop-spot": "var(--lbr-corner-radius-round)",
+    "--ctr-survey-checkboxes-item-background-color-drop-spot": "var(--sjs-layer-1-background-400)",
+    "--ctr-survey-ranking-item-background-color-drop-spot": "var(--sjs-layer-1-background-400)",
+    "--ctr-survey-ranking-item-corner-radius-drop-spot": "var(--lbr-corner-radius-round)",
+    "--ctr-page-navigator-button-icon-color-checked": "var(--sjs-primary-background-500)",
+    "--ctr-page-navigator-button-background-color-checked": "var(--sjs-layer-3-background-500)",
+    "--ctr-surface-button-corner-radius": "var(--lbr-corner-radius-x05)",
+    "--ctr-surface-button-padding-horizontal-contextual-button": "var(--lbr-spacing-x10)",
+    "--ctr-surface-button-contextual-button-margin-horizontal": "var(--lbr-spacing-x1)",
+    "--ctr-surface-button-padding-vertical": "var(--lbr-spacing-x2)",
+    "--ctr-surface-button-contextual-button-icon-width": "var(--lbr-size-x3)",
+    "--ctr-surface-button-contextual-button-icon-height": "var(--lbr-size-x3)",
+    "--ctr-surface-button-contextual-button-margin-vertical": "var(--lbr-spacing-x1)",
+    "--ctr-surface-button-contextual-button-corner-radius": "var(--lbr-corner-radius-x05)",
+    "--ctr-surface-button-contextual-button-padding-left": "var(--lbr-spacing-x1)",
+    "--ctr-surface-button-contextual-button-padding-right": "var(--lbr-spacing-x1)",
+    "--ctr-surface-button-contextual-button-padding-top": "var(--lbr-spacing-x1)",
+    "--ctr-surface-button-contextual-button-padding-bottom": "var(--lbr-spacing-x1)",
+    "--ctr-preview-pager-item-corner-radius": "var(--sjs-corner-radius-x05)",
+    "--ctr-preview-pager-item-padding-left": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-left-with-text": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-right": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-right-with-text": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-top": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-top-with-text": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-bottom": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-padding-bottom-with-text": "var(--sjs-spacing-x1)",
+    "--ctr-preview-pager-item-icon-container-width": "var(--sjs-font-size-x2)",
+    "--ctr-preview-pager-item-icon-container-height": "var(--sjs-font-size-x2)",
+    "--ctr-editor-border-color-highlighted": "var(--sjs-secondary-background-500)",
+    "--ctr-editor-border-width-highlighed": "var(--sjs-stroke-x2)",
+    "--ctr-survey-page-content-margin-top-no-header": "var(--lbr-spacing-x1)",
+    "--ctr-survey-question-panel-toolbar-item-background-color-pressed": "var(--sjs-layer-3-background-500)",
+    "--ctr-survey-page-toolbar-item-background-color-pressed": "var(--sjs-layer-3-background-400)",
+    "--ctr-survey-page-toolbar-item-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-survey-page-toolbar-item-icon-color": "var(--sjs-secondary-background-500)",
+    "--ctr-survey-page-margin-left-with-toolbar": "var(--sjs-spacing-x850)",
+    "--ctr-survey-page-margin-right-with-toolbar": "var(--sjs-spacing-x850)",
+    "--ctr-expression-item-padding-left-icon-only": "var(--sjs-spacing-x1)",
+    "--ctr-expression-item-padding-right-icon-only": "var(--sjs-spacing-x1)",
+    "--ctr-expression-item-icon-width": "var(--sjs-font-size-x3)",
+    "--ctr-expression-item-icon-height": "var(--sjs-font-size-x3)",
+    "--ctr-expression-item-icon-color": "var(--sjs-semantic-red-background-500)",
+    "--ctr-expression-item-background-color-remove-button-hovered": "var(--sjs-semantic-red-background-10)",
+    "--ctr-survey-header-padding-bottom-advanced": "var(--lbr-spacing-x2)",
+    "--ctr-survey-header-padding-top-advanced": "var(--lbr-spacing-x2)",
+    "--ctr-collapse-button-margin-top": "var(--sjs-spacing-x05n)",
+    "--ctr-collapse-button-margin-right": "var(--sjs-spacing-x2)",
+    "--ctr-property-grid-min-width": "var(--sjs-size-x40)",
+    "--ctr-list-padding-left-no-data": "var(--sjs-spacing-x2)",
+    "--ctr-list-padding-right-no-data": "var(--sjs-spacing-x2)",
+    "--ctr-list-padding-top-no-data": "var(--sjs-spacing-x4)",
+    "--ctr-list-padding-bottom-no-data": "var(--sjs-spacing-x4)",
+    "--ctr-list-no-data-text-color": "var(--sjs-layer-1-foreground-50)",
+    "--ctr-page-navigator-button-icon-color-disabled": "var(--sjs-layer-3-foreground-100)",
+    "--ctr-actionbar-button-border-color-highlighted": "var(--sjs-secondary-background-500)",
+    "--ctr-actionbar-button-border-width-highlighed": "var(--sjs-stroke-x2)",
+    "--ctr-survey-question-panel-toolbar-item-text-color-selected": "var(--sjs-layer-1-foreground-100)",
+    "--ctr-survey-question-panel-toolbar-item-icon-color-selected": "var(--sjs-secondary-background-500)",
+    "--ctr-actionbar-button-background-color-hovered-colorful": "var(--sjs-primary-background-10)",
+    "--ctr-survey-header-logo-placeholder-margin-left-advanced": "var(--lbr-spacing-x2n)",
+    "--ctr-survey-header-logo-margin-top-advanced": "var(--lbr-spacing-x2)",
+    "--ctr-survey-header-logo-margin-right-advanced": "var(--lbr-spacing-x2)",
+    "--ctr-list-item-icon-width-small": "var(--sjs-font-size-x2)",
+    "--ctr-list-item-icon-height-small": "var(--sjs-font-size-x2)",
+    "--ctr-toolbox-group-header-background-color": "var(--sjs-layer-3-background-500)",
+    "--ctr-toolbox-item-max-width": "var(--sjs-size-x40)",
+    "--sjs-layer-1-background-500": "#FFFFFF",
+    "--sjs-layer-1-background-400": "#F8F8F8",
+    "--sjs-layer-1-foreground-100": "#000000E8",
+    "--sjs-layer-1-foreground-50": "#00000073",
+    "--sjs-layer-3-background-500": "#F3F3F3",
+    "--sjs-layer-3-foreground-100": "#000000E8",
+    "--sjs-layer-3-foreground-50": "#00000073",
+    "--sjs-layer-2-background-500": "#F9F9F9",
+    "--sjs-layer-2-background-400": "#F3F3F3",
+    "--sjs-special-haze": "#90909080",
+    "--sjs-border-25": "#00000029",
+    "--sjs-border-10": "#00000017",
+    "--sjs2-color-project-brand-600": "#19B394",
+    "--sjs2-color-project-accent-600": "#FF9814",
+    "--sjs2-color-utility-surface": "#F3F3F3",
+    "--sjs-primary-background-500": "var(--sjs2-color-project-brand-600)",
+    "--sjs-primary-background-10": "#19B3941A",
+    "--sjs-primary-background-400": "#14A48B",
+    "--sjs-primary-foreground-100": "#FFFFFF",
+    "--sjs-primary-foreground-25": "#FFFFFF40",
+    "--sjs-secondary-background-500": "var(--sjs2-color-project-accent-600)",
+    "--sjs-secondary-background-25": "#FF981440",
+    "--sjs-secondary-background-10": "#FF98141A",
+    "--sjs-secondary-foreground-100": "#FFFFFF",
+    "--sjs-secondary-forecolor-25": "#FFFFFF40",
+    "--sjs-semantic-red-background-500": "#E50A3E",
+    "--sjs-semantic-red-background-10": "#E50A3E1A",
+    "--sjs-semantic-red-foreground-100": "#FFFFFF",
+    "--sjs-semantic-green-background-500": "#19B394",
+    "--sjs-semantic-green-background-10": "#19B3941A",
+    "--sjs-semantic-green-foreground-100": "#FFFFFF",
+    "--sjs-semantic-blue-background-500": "#437FD9",
+    "--sjs-semantic-blue-background-10": "#437FD91A",
+    "--sjs-semantic-blue-foreground-100": "#FFFFFF",
+    "--sjs-semantic-yellow-background-500": "#FF9814",
+    "--sjs-semantic-yellow-background-10": "#FF98141A",
+    "--sjs-semantic-yellow-foreground-100": "#FFFFFF",
+    "--sjs-semantic-white-background-500": "#FFFFFF",
+    "--sjs-code-gray-700": "#B6B6B6",
+    "--sjs-code-blue-500": "#326FCA",
+    "--sjs-code-gray-300": "#505050",
+    "--sjs-code-green-500": "#08997C",
+    "--sjs-code-red-500": "#F41B50",
+    "--sjs-code-purple-500": "#C22FA2",
+    "--sjs-code-yellow-500": "#F58D06",
+    "--sjs-code-gray-500": "#8A8A8A",
+    "--sjs-special-background": "var(--sjs2-color-utility-surface)",
+    "--sjs-layer-1-foreground-75": "#000000BF",
+    "--sjs-layer-3-background-400": "#E8E8E8",
+    "--sjs-special-glow": "#0000001A",
+    "--sjs-special-shadow": "#00000026",
+    "--sjs-layer-3-foreground-75": "#000000BF",
+    "--sjs-layer-2-foreground-100": "#000000E8",
+    "--sjs-layer-2-foreground-75": "#000000BF",
+    "--sjs-layer-2-foreground-50": "#00000073",
+    "--sjs-border-25-overlay": "#00000026"
+  }
+};
diff --git a/packages/survey-creator-core/src/themes/test.ts b/packages/survey-creator-core/src/themes/test.ts
new file mode 100644
index 0000000000..932f861784
--- /dev/null
+++ b/packages/survey-creator-core/src/themes/test.ts
@@ -0,0 +1,733 @@
+// Auto-generated theme: test
+export const Test = {
+  "themeName": "test",
+  "iconSet": "v2",
+  "isLight": true,
+  "cssVariables": {
+    "--sjs2-base-unit-size": "8px",
+    "--sjs2-base-unit-spacing": "8px",
+    "--sjs2-base-unit-radius": "8px",
+    "--sjs2-base-unit-border-width": "1px",
+    "--sjs2-base-unit-font-size": "8px",
+    "--sjs2-base-unit-line-height": "8px",
+    "--sjs2-base-unit-opacity": "1%",
+    "--sjs2-base-unit-scale": "1%",
+    "--sjs2-scale-x000": "calc(var(--sjs2-base-unit-scale) * 0)",
+    "--sjs2-scale-x025": "calc(var(--sjs2-base-unit-scale) * 25)",
+    "--sjs2-scale-x050": "calc(var(--sjs2-base-unit-scale) * 50)",
+    "--sjs2-scale-x075": "calc(var(--sjs2-base-unit-scale) * 75)",
+    "--sjs2-scale-x095": "calc(var(--sjs2-base-unit-scale) * 95)",
+    "--sjs2-scale-x100": "calc(var(--sjs2-base-unit-scale) * 100)",
+    "--sjs2-scale-x200": "calc(var(--sjs2-base-unit-scale) * 200)",
+    "--sjs2-size-x000": "calc(var(--sjs2-base-unit-size) * 0)",
+    "--sjs2-size-x025": "calc(var(--sjs2-base-unit-size) * 0.25)",
+    "--sjs2-size-x050": "calc(var(--sjs2-base-unit-size) * 0.50)",
+    "--sjs2-size-x075": "calc(var(--sjs2-base-unit-size) * 0.75)",
+    "--sjs2-size-x100": "calc(var(--sjs2-base-unit-size) * 1)",
+    "--sjs2-size-x150": "calc(var(--sjs2-base-unit-size) * 1.50)",
+    "--sjs2-size-x200": "calc(var(--sjs2-base-unit-size) * 2)",
+    "--sjs2-size-x250": "calc(var(--sjs2-base-unit-size) * 2.50)",
+    "--sjs2-size-x300": "calc(var(--sjs2-base-unit-size) * 3)",
+    "--sjs2-size-x350": "calc(var(--sjs2-base-unit-size) * 3.50)",
+    "--sjs2-size-x400": "calc(var(--sjs2-base-unit-size) * 4)",
+    "--sjs2-size-x500": "calc(var(--sjs2-base-unit-size) * 5)",
+    "--sjs2-size-x600": "calc(var(--sjs2-base-unit-size) * 6)",
+    "--sjs2-size-x700": "calc(var(--sjs2-base-unit-size) * 7)",
+    "--sjs2-size-x800": "calc(var(--sjs2-base-unit-size) * 8)",
+    "--sjs2-size-x900": "calc(var(--sjs2-base-unit-size) * 9)",
+    "--sjs2-size-x1000": "calc(var(--sjs2-base-unit-size) * 10)",
+    "--sjs2-size-x1100": "calc(var(--sjs2-base-unit-size) * 11)",
+    "--sjs2-size-x1200": "calc(var(--sjs2-base-unit-size) * 12)",
+    "--sjs2-size-x1300": "calc(var(--sjs2-base-unit-size) * 13)",
+    "--sjs2-size-x1400": "calc(var(--sjs2-base-unit-size) * 14)",
+    "--sjs2-size-x1500": "calc(var(--sjs2-base-unit-size) * 15)",
+    "--sjs2-radius-x000": "calc(var(--sjs2-base-unit-radius) * 0)",
+    "--sjs2-radius-x025": "calc(var(--sjs2-base-unit-radius) * 0.25)",
+    "--sjs2-radius-x050": "calc(var(--sjs2-base-unit-radius) * 0.50)",
+    "--sjs2-radius-x075": "calc(var(--sjs2-base-unit-radius) * 0.75)",
+    "--sjs2-radius-x100": "calc(var(--sjs2-base-unit-radius) * 1)",
+    "--sjs2-radius-x150": "calc(var(--sjs2-base-unit-radius) * 1.50)",
+    "--sjs2-radius-x200": "calc(var(--sjs2-base-unit-radius) * 2)",
+    "--sjs2-radius-x250": "calc(var(--sjs2-base-unit-radius) * 2.50)",
+    "--sjs2-radius-x300": "calc(var(--sjs2-base-unit-radius) * 3)",
+    "--sjs2-radius-x400": "calc(var(--sjs2-base-unit-radius) * 4)",
+    "--sjs2-radius-x500": "calc(var(--sjs2-base-unit-radius) * 5)",
+    "--sjs2-radius-x600": "calc(var(--sjs2-base-unit-radius) * 6)",
+    "--sjs2-radius-x700": "calc(var(--sjs2-base-unit-radius) * 7)",
+    "--sjs2-radius-x800": "calc(var(--sjs2-base-unit-radius) * 8)",
+    "--sjs2-radius-round": "9999px",
+    "--sjs2-spacing-x000": "calc(var(--sjs2-base-unit-spacing) * 0)",
+    "--sjs2-spacing-x025": "calc(var(--sjs2-base-unit-spacing) * 0.25)",
+    "--sjs2-spacing-x050": "calc(var(--sjs2-base-unit-spacing) * 0.50)",
+    "--sjs2-spacing-x075": "calc(var(--sjs2-base-unit-spacing) * 0.75)",
+    "--sjs2-spacing-x100": "calc(var(--sjs2-base-unit-spacing) * 1)",
+    "--sjs2-spacing-x150": "calc(var(--sjs2-base-unit-spacing) * 1.5)",
+    "--sjs2-spacing-x200": "calc(var(--sjs2-base-unit-spacing) * 2)",
+    "--sjs2-spacing-x250": "calc(var(--sjs2-base-unit-spacing) * 2.50)",
+    "--sjs2-spacing-x300": "calc(var(--sjs2-base-unit-spacing) * 3)",
+    "--sjs2-spacing-x400": "calc(var(--sjs2-base-unit-spacing) * 4)",
+    "--sjs2-spacing-x500": "calc(var(--sjs2-base-unit-spacing) * 5)",
+    "--sjs2-spacing-x600": "calc(var(--sjs2-base-unit-spacing) * 6)",
+    "--sjs2-spacing-x700": "calc(var(--sjs2-base-unit-spacing) * 7)",
+    "--sjs2-spacing-x800": "calc(var(--sjs2-base-unit-spacing) * 8)",
+    "--sjs2-spacing-negative-x025": "calc(var(--sjs2-base-unit-spacing) * -0.25)",
+    "--sjs2-spacing-negative-x050": "calc(var(--sjs2-base-unit-spacing) * -0.50)",
+    "--sjs2-spacing-negative-x075": "calc(var(--sjs2-base-unit-spacing) * -0.75)",
+    "--sjs2-spacing-negative-x100": "calc(var(--sjs2-base-unit-spacing) * -1)",
+    "--sjs2-spacing-negative-x150": "calc(var(--sjs2-base-unit-spacing) * -1.5)",
+    "--sjs2-spacing-negative-x200": "calc(var(--sjs2-base-unit-spacing) * -2)",
+    "--sjs2-spacing-negative-x250": "calc(var(--sjs2-base-unit-spacing) * -2.50)",
+    "--sjs2-spacing-negative-x300": "calc(var(--sjs2-base-unit-spacing) * -3)",
+    "--sjs2-spacing-negative-x400": "calc(var(--sjs2-base-unit-spacing) * -4)",
+    "--sjs2-spacing-negative-x500": "calc(var(--sjs2-base-unit-spacing) * -5)",
+    "--sjs2-spacing-negative-x600": "calc(var(--sjs2-base-unit-spacing) * -6)",
+    "--sjs2-spacing-negative-x700": "calc(var(--sjs2-base-unit-spacing) * -7)",
+    "--sjs2-spacing-negative-x800": "calc(var(--sjs2-base-unit-spacing) * -8)",
+    "--sjs2-opacity-x000": "calc(var(--sjs2-base-unit-opacity) * 0)",
+    "--sjs2-opacity-x005": "calc(var(--sjs2-base-unit-opacity) * 5)",
+    "--sjs2-opacity-x010": "calc(var(--sjs2-base-unit-opacity) * 10)",
+    "--sjs2-opacity-x015": "calc(var(--sjs2-base-unit-opacity) * 15)",
+    "--sjs2-opacity-x020": "calc(var(--sjs2-base-unit-opacity) * 20)",
+    "--sjs2-opacity-x025": "calc(var(--sjs2-base-unit-opacity) * 25)",
+    "--sjs2-opacity-x030": "calc(var(--sjs2-base-unit-opacity) * 30)",
+    "--sjs2-opacity-x035": "calc(var(--sjs2-base-unit-opacity) * 35)",
+    "--sjs2-opacity-x040": "calc(var(--sjs2-base-unit-opacity) * 40)",
+    "--sjs2-opacity-x045": "calc(var(--sjs2-base-unit-opacity) * 45)",
+    "--sjs2-opacity-x050": "calc(var(--sjs2-base-unit-opacity) * 50)",
+    "--sjs2-opacity-x055": "calc(var(--sjs2-base-unit-opacity) * 55)",
+    "--sjs2-opacity-x060": "calc(var(--sjs2-base-unit-opacity) * 60)",
+    "--sjs2-opacity-x065": "calc(var(--sjs2-base-unit-opacity) * 65)",
+    "--sjs2-opacity-x070": "calc(var(--sjs2-base-unit-opacity) * 70)",
+    "--sjs2-opacity-x075": "calc(var(--sjs2-base-unit-opacity) * 75)",
+    "--sjs2-opacity-x080": "calc(var(--sjs2-base-unit-opacity) * 80)",
+    "--sjs2-opacity-x085": "calc(var(--sjs2-base-unit-opacity) * 85)",
+    "--sjs2-opacity-x090": "calc(var(--sjs2-base-unit-opacity) * 90)",
+    "--sjs2-opacity-x095": "calc(var(--sjs2-base-unit-opacity) * 95)",
+    "--sjs2-opacity-x100": "calc(var(--sjs2-base-unit-opacity) * 100)",
+    "--sjs2-border-width-x000": "calc(var(--sjs2-base-unit-border-width) * 0)",
+    "--sjs2-border-width-x100": "calc(var(--sjs2-base-unit-border-width) * 1)",
+    "--sjs2-border-width-x200": "calc(var(--sjs2-base-unit-border-width) * 2)",
+    "--sjs2-border-width-x400": "calc(var(--sjs2-base-unit-border-width) * 4)",
+    "--sjs2-font-weight-regular": "Regular",
+    "--sjs2-font-weight-medium": "Medium",
+    "--sjs2-font-weight-semibold": "SemiBold",
+    "--sjs2-font-weight-bold": "Bold",
+    "--sjs2-font-size-x000": "calc(var(--sjs2-base-unit-font-size) * 0)",
+    "--sjs2-font-size-x100": "calc(var(--sjs2-base-unit-font-size) * 1)",
+    "--sjs2-font-size-x150": "calc(var(--sjs2-base-unit-font-size) * 1.5)",
+    "--sjs2-font-size-x200": "calc(var(--sjs2-base-unit-font-size) * 2)",
+    "--sjs2-font-size-x250": "calc(var(--sjs2-base-unit-font-size) * 2.5)",
+    "--sjs2-font-size-x300": "calc(var(--sjs2-base-unit-font-size) * 3)",
+    "--sjs2-font-size-x350": "calc(var(--sjs2-base-unit-font-size) * 3.5)",
+    "--sjs2-font-size-x400": "calc(var(--sjs2-base-unit-font-size) * 4)",
+    "--sjs2-font-size-x500": "calc(var(--sjs2-base-unit-font-size) * 5)",
+    "--sjs2-font-size-x600": "calc(var(--sjs2-base-unit-font-size) * 6)",
+    "--sjs2-line-height-x000": "calc(var(--sjs2-base-unit-line-height) * 0)",
+    "--sjs2-line-height-x100": "calc(var(--sjs2-base-unit-line-height) * 1)",
+    "--sjs2-line-height-x200": "calc(var(--sjs2-base-unit-line-height) * 2)",
+    "--sjs2-line-height-x300": "calc(var(--sjs2-base-unit-line-height) * 3)",
+    "--sjs2-line-height-x400": "calc(var(--sjs2-base-unit-line-height) * 4)",
+    "--sjs2-line-height-x500": "calc(var(--sjs2-base-unit-line-height) * 5)",
+    "--sjs2-line-height-x600": "calc(var(--sjs2-base-unit-line-height) * 6)",
+    "--sjs2-text-case-default": "none",
+    "--sjs2-text-case-uppercase": "uppercase",
+    "--sjs2-palette-gray-100": "#F5F5F5",
+    "--sjs2-palette-gray-150": "#EDEDED",
+    "--sjs2-palette-gray-200": "#E5E5E5",
+    "--sjs2-palette-gray-250": "#D4D4D4",
+    "--sjs2-palette-gray-300": "#CDCDCD",
+    "--sjs2-palette-gray-400": "#B3B2B2",
+    "--sjs2-palette-gray-500": "#8E8E8E",
+    "--sjs2-palette-gray-600": "#5F5E61",
+    "--sjs2-palette-gray-700": "#424146",
+    "--sjs2-palette-gray-750": "#36353C",
+    "--sjs2-palette-gray-800": "#2D2C33",
+    "--sjs2-palette-gray-900": "#1C1B20",
+    "--sjs2-palette-gray-950": "#161519",
+    "--sjs2-palette-gray-999": "#111014",
+    "--sjs2-palette-gray-000": "#fff",
+    "--sjs2-palette-red-400": "#ff6e84",
+    "--sjs2-palette-red-600": "#E50A3E",
+    "--sjs2-palette-red-700": "#C30935",
+    "--sjs2-palette-green-400": "#15CDAB",
+    "--sjs2-palette-green-600": "#19B394",
+    "--sjs2-palette-green-700": "#15947A",
+    "--sjs2-palette-blue-400": "#66B4FC",
+    "--sjs2-palette-blue-600": "#437FD9",
+    "--sjs2-palette-blue-700": "#2A6CD0",
+    "--sjs2-palette-yellow-400": "#FEC64A",
+    "--sjs2-palette-yellow-600": "#FF9814",
+    "--sjs2-palette-yellow-700": "#F08700",
+    "--sjs2-palette-violet-400": "#C36FF4",
+    "--sjs2-palette-violet-600": "#A62CEC",
+    "--sjs2-palette-violet-700": "#9614E1",
+    "--sjs2-palette-olive-400": "#6FC648",
+    "--sjs2-palette-olive-600": "#4FAF24",
+    "--sjs2-palette-olive-700": "#41901E",
+    "--sjs2-palette-purple-400": "#A190FA",
+    "--sjs2-palette-purple-600": "#6E5BD1",
+    "--sjs2-palette-purple-700": "#5640C9",
+    "--sjs2-palette-indianred-400": "#F9786A",
+    "--sjs2-palette-indianred-600": "#AF496B",
+    "--sjs2-palette-indianred-700": "#973F5C",
+    "--sjs2-radius-semantic-form": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-semantic-form-item": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-control-action": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-action-icon": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-button": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-menu-item": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-radius-control-drop-item": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-control-checkbox": "var(--sjs2-radius-semantic-form-item)",
+    "--sjs2-radius-control-rating": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-ranking": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-boolean-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-toggle-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-item": "var(--sjs2-radius-round)",
+    "--sjs2-radius-control-track-thumb": "var(--sjs2-radius-round)",
+    "--sjs2-radius-container-panel": "var(--sjs2-radius-x150)",
+    "--sjs2-radius-container-panel-nested": "var(--sjs2-radius-x100)",
+    "--sjs2-radius-container-menu": "var(--sjs2-radius-x250)",
+    "--sjs2-radius-container-drop": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-modal": "var(--sjs2-radius-x300)",
+    "--sjs2-radius-container-notifier": "var(--sjs2-radius-x200)",
+    "--sjs2-radius-container-tooltip": "var(--sjs2-radius-x050)",
+    "--sjs2-radius-container-drag": "var(--sjs2-radius-semantic-form)",
+    "--sjs2-layout-control-formbox-small-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-small-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-formbox-medium-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-message-small-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-small-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-small-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-spacer": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-message-medium-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-message-medium-gap": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-content-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-content-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-swatch-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-left": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-small-limit-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-small-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-content-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-swatch-left": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-swatch-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-icon-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-icon-right": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-input-medium-label-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-group-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-input-medium-limit-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-input-medium-limit-left": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-input-medium-limit-right": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-xx-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-xx-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-xx-small-addon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-label-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-label-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-icon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-x-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-x-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-label-horizontal": "var(--sjs2-spacing-x075)",
+    "--sjs2-layout-control-action-small-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-box-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-small-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-small-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-small-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-label-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-action-medium-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-box-vertical": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-medium-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-medium-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-medium-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-label-horizontal": "var(--sjs2-spacing-x150)",
+    "--sjs2-layout-control-action-large-label-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-icon-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-box-vertical": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-horizontal": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-action-large-box-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-action-large-addon-vertical": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-action-large-addon-horizontal": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-small-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-small-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-small-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-control-caption-medium-box-left": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-right": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-box-vertical": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-box-gap": "var(--sjs2-spacing-x050)",
+    "--sjs2-layout-control-caption-medium-group-gap": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-top": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-description-bottom": "var(--sjs2-spacing-x200)",
+    "--sjs2-layout-control-caption-medium-caption-horizontal": "var(--sjs2-spacing-x000)",
+    "--sjs2-layout-control-caption-medium-caption-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-horizontal": "var(--sjs2-spacing-x100)",
+    "--sjs2-layout-container-drop-vertical": "var(--sjs2-spacing-x100)",
+    "--sjs2-size-semantic-xx-small": "var(--sjs2-size-x300)",
+    "--sjs2-size-semantic-x-small": "var(--sjs2-size-x400)",
+    "--sjs2-size-semantic-small": "var(--sjs2-size-x500)",
+    "--sjs2-size-semantic-medium": "var(--sjs2-size-x600)",
+    "--sjs2-size-semantic-large": "var(--sjs2-size-x700)",
+    "--sjs2-size-icon-small": "var(--sjs2-size-x200)",
+    "--sjs2-size-icon-medium": "var(--sjs2-size-x300)",
+    "--sjs2-size-icon-large": "var(--sjs2-size-x400)",
+    "--sjs2-is-panelless": "false",
+    "--sjs2-typography-font-family-default": "Open Sans",
+    "--sjs2-typography-font-family-code": "DM Mono",
+    "--sjs2-typography-font-size-small": "var(--sjs2-font-size-x150)",
+    "--sjs2-typography-font-size-default": "var(--sjs2-font-size-x200)",
+    "--sjs2-typography-font-size-medium": "var(--sjs2-font-size-x300)",
+    "--sjs2-typography-font-size-large": "var(--sjs2-font-size-x400)",
+    "--sjs2-typography-line-height-small": "var(--sjs2-line-height-x200)",
+    "--sjs2-typography-line-height-default": "var(--sjs2-line-height-x300)",
+    "--sjs2-typography-line-height-medium": "var(--sjs2-line-height-x400)",
+    "--sjs2-typography-line-height-large": "var(--sjs2-line-height-x500)",
+    "--sjs2-typography-font-weight-default": "var(--sjs2-font-weight-regular)",
+    "--sjs2-typography-font-weight-strong": "var(--sjs2-font-weight-semibold)",
+    "--sjs2-color-project-brand-400": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-brand-600": "#19B394",
+    "--sjs2-color-project-brand-700": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 0.85))",
+    "--sjs2-color-project-accent-400": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 1.1))",
+    "--sjs2-color-project-accent-600": "#19B394",
+    "--sjs2-color-project-accent-700": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 0.85))",
+    "--sjs2-color-utility-body": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-utility-surface": "#EDF9F7",
+    "--sjs2-color-utility-surface-muted": "#1c1b200d",
+    "--sjs2-color-utility-sheet": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-utility-scrollbar": "#00000026",
+    "--sjs2-color-utility-a11y": "rgba(from var(--sjs2-palette-blue-400) r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-utility-overlay-screen": "color(srgb 0.800112 0.933371 0.933371 / 0.35)",
+    "--sjs2-color-utility-overlay-border": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-shadow-surface-default": "#00000040",
+    "--sjs2-color-utility-shadow-surface-hovered": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-utility-shadow-surface-pressed": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-utility-shadow-surface-focused": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-utility-shadow-surface-disabled": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-utility-shadow-surface-dragging": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-elevated-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-utility-shadow-floating-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x020))",
+    "--sjs2-color-bg-basic-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-basic-secondary": "#f4f4f4ff",
+    "--sjs2-color-bg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-basic-primary-dim": "#f5f5f5",
+    "--sjs2-color-bg-basic-secondary-dim": "#eaeaeaff",
+    "--sjs2-color-bg-basic-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-bg-brand-secondary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-brand-tertiary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-brand-primary-dim": "var(--sjs2-color-project-brand-700)",
+    "--sjs2-color-bg-brand-secondary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-brand-tertiary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-bg-accent-secondary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-accent-tertiary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-accent-primary-dim": "var(--sjs2-color-project-accent-700)",
+    "--sjs2-color-bg-accent-secondary-dim": "#19b39440",
+    "--sjs2-color-bg-accent-tertiary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-bg-note-secondary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-note-tertiary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-note-primary-dim": "var(--sjs2-palette-blue-700)",
+    "--sjs2-color-bg-note-secondary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-note-tertiary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-neutral-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-neutral-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-neutral-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-neutral-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x005))",
+    "--sjs2-color-bg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-bg-positive-secondary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-positive-tertiary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-positive-primary-dim": "var(--sjs2-palette-green-700)",
+    "--sjs2-color-bg-positive-secondary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-positive-tertiary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-bg-warning-secondary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-warning-tertiary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-warning-primary-dim": "var(--sjs2-palette-yellow-700)",
+    "--sjs2-color-bg-warning-secondary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-warning-tertiary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-bg-alert-secondary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-alert-tertiary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x000))",
+    "--sjs2-color-bg-alert-primary-dim": "var(--sjs2-palette-red-700)",
+    "--sjs2-color-bg-alert-secondary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-alert-tertiary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-bg-static-main-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-main-primary-dim": "var(--sjs2-palette-gray-700)",
+    "--sjs2-color-bg-static-main-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-static-sub-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-bg-static-sub-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))",
+    "--sjs2-color-bg-static-sub-primary-dim": "hsl(from var(--sjs2-palette-gray-100) h s calc(l * 1.1))",
+    "--sjs2-color-bg-static-sub-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))",
+    "--sjs2-color-bg-state-common-disabled": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-fg-basic-primary": "#000000e6",
+    "--sjs2-color-fg-basic-primary-muted": "#000000bf",
+    "--sjs2-color-fg-basic-secondary": "#00000080",
+    "--sjs2-color-fg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-fg-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-brand-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-fg-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-fg-note-primary": "var(--sjs2-palette-blue-700)",
+    "--sjs2-color-fg-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-fg-warning-primary": "var(--sjs2-palette-yellow-700)",
+    "--sjs2-color-fg-alert-primary": "var(--sjs2-palette-red-700)",
+    "--sjs2-color-fg-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-fg-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-fg-state-common-disabled": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))",
+    "--sjs2-color-border-basic-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-border-basic-secondary": "#dcdcdcff",
+    "--sjs2-color-border-brand-primary": "var(--sjs2-color-project-brand-600)",
+    "--sjs2-color-border-accent-primary": "var(--sjs2-color-project-accent-600)",
+    "--sjs2-color-border-note-primary": "var(--sjs2-palette-blue-600)",
+    "--sjs2-color-border-positive-primary": "var(--sjs2-palette-green-600)",
+    "--sjs2-color-border-warning-primary": "var(--sjs2-palette-yellow-600)",
+    "--sjs2-color-border-alert-primary": "var(--sjs2-palette-red-600)",
+    "--sjs2-color-border-neutral-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-main-primary": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-border-static-sub-primary": "var(--sjs2-palette-gray-900)",
+    "--sjs2-color-control-formbox-default-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-disabled-bg": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-control-formbox-disabled-border": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-formbox-readonly-border": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-formbox-focused-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-formbox-invalid-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-invalid-border": "var(--sjs2-color-border-alert-primary)",
+    "--sjs2-color-control-formbox-highlighted-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-highlighted-border": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-color-control-formbox-design-bg": "#f8f8f8ff",
+    "--sjs2-color-control-formbox-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-formbox-hovered-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-formbox-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-line": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-input-default-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-default-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-default-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-input-disabled-line": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-placeholder": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-label": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-limit": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-disabled-icon": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-line": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-input-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-input-readonly-placeholder": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-label": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-limit": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-input-readonly-icon": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-check-false-default-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-disabled-bg": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-control-check-false-disabled-border": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-focused-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-check-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-false-design-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-check-false-design-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-check-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-default-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-check-true-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-disabled-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-check-true-readonly-icon": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-check-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-check-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-check-true-focused-icon": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-check-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-border": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-check-true-hovered-icon": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-segmented-false-default-bg": "rgba(from var(--sjs2-color-bg-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-default-value": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-disabled-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-false-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-disabled-value": "var(--sjs2-palette-gray-250)",
+    "--sjs2-color-control-segmented-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-false-readonly-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-false-readonly-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-segmented-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-false-focused-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-segmented-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-false-hovered-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-default-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-segmented-true-disabled-bg": "var(--sjs2-color-bg-basic-primary-dim)",
+    "--sjs2-color-control-segmented-true-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))",
+    "--sjs2-color-control-segmented-true-disabled-value": "var(--sjs2-palette-gray-400)",
+    "--sjs2-color-control-segmented-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-segmented-true-readonly-value": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-segmented-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-segmented-true-focused-value": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-false-default-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-default-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-default-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-disabled-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-readonly-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-readonly-thumb": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-toggle-false-focused-bg": "var(--sjs2-palette-gray-100)",
+    "--sjs2-color-control-toggle-false-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-false-focused-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)",
+    "--sjs2-color-control-toggle-false-hovered-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-false-hovered-thumb": "var(--sjs2-color-fg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-default-bg": "var(--sjs2-color-bg-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-default-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-disabled-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-toggle-true-readonly-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-toggle-true-focused-bg": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-toggle-true-focused-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-focused-thumb": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)",
+    "--sjs2-color-control-toggle-true-hovered-border": "var(--sjs2-color-border-brand-primary)",
+    "--sjs2-color-control-toggle-true-hovered-thumb": "var(--sjs2-color-fg-static-main-primary)",
+    "--sjs2-color-control-message-error-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-message-error-icon": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-message-error-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-message-info-bg": "var(--sjs2-color-bg-note-secondary)",
+    "--sjs2-color-control-message-info-icon": "var(--sjs2-color-fg-note-primary)",
+    "--sjs2-color-control-message-info-text": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-control-track-default-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-default-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-default-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-default-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-disabled-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-disabled-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-disabled-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-disabled-dot": "var(--sjs2-color-fg-state-common-disabled)",
+    "--sjs2-color-control-track-disabled-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-readonly-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-readonly-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-readonly-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-readonly-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-focused-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-focused-fg": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-focused-dot": "var(--sjs2-color-fg-brand-primary)",
+    "--sjs2-color-control-track-focused-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-invalid-bg": "var(--sjs2-color-bg-alert-secondary)",
+    "--sjs2-color-control-track-invalid-fg": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-invalid-dot": "var(--sjs2-color-fg-alert-primary)",
+    "--sjs2-color-control-track-invalid-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-control-track-design-bg": "var(--sjs2-color-bg-basic-secondary)",
+    "--sjs2-color-control-track-design-fg": "var(--sjs2-color-fg-basic-tertiary)",
+    "--sjs2-color-control-track-design-thumb": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-dot": "var(--sjs2-color-bg-basic-primary)",
+    "--sjs2-color-control-track-design-thumb-border": "var(--sjs2-color-border-basic-secondary)",
+    "--sjs2-color-data-chart-bg-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-bg-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-bg-color-3": "#FF6771",
+    "--sjs2-color-data-chart-bg-color-4": "#1DB496",
+    "--sjs2-color-data-chart-bg-color-5": "#FFC152",
+    "--sjs2-color-data-chart-bg-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-bg-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-bg-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-bg-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-bg-color-10": "#4E6198",
+    "--sjs2-color-data-chart-bg-color-1-tinted": "rgba(from #84CAD4 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-2-tinted": "rgba(from #3A99FB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-3-tinted": "rgba(from #FF6771 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-4-tinted": "rgba(from #1DB496 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-5-tinted": "rgba(from #FFC152 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-6-tinted": "rgba(from #ABA1FF r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-7-tinted": "rgba(from #7D8CA5 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-8-tinted": "rgba(from #4FC46C r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-9-tinted": "rgba(from #E87BCB r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-bg-color-10-tinted": "rgba(from #4E6198 r g b / var(--sjs2-opacity-x060))",
+    "--sjs2-color-data-chart-fg-on-color-1": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-2": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-3": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-4": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-5": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-6": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-7": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-8": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-9": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-fg-on-color-10": "var(--sjs2-palette-gray-000)",
+    "--sjs2-color-data-chart-border-color-1": "#84CAD4",
+    "--sjs2-color-data-chart-border-color-2": "#3A99FB",
+    "--sjs2-color-data-chart-border-color-3": "#FF6771",
+    "--sjs2-color-data-chart-border-color-4": "#1DB496",
+    "--sjs2-color-data-chart-border-color-5": "#FFC152",
+    "--sjs2-color-data-chart-border-color-6": "#ABA1FF",
+    "--sjs2-color-data-chart-border-color-7": "#7D8CA5",
+    "--sjs2-color-data-chart-border-color-8": "#4FC46C",
+    "--sjs2-color-data-chart-border-color-9": "#E87BCB",
+    "--sjs2-color-data-chart-border-color-10": "#4E6198",
+    "--sjs2-color-data-grid-fg-label": "var(--sjs2-color-fg-basic-primary)",
+    "--sjs2-color-data-grid-border-line": "#DCDCDC",
+    "--sjs2-color-data-grid-border-axis": "var(--sjs2-color-border-basic-primary)",
+    "--sjs2-opacity-visible": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-hovered": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-pressed": "var(--sjs2-opacity-x100)",
+    "--sjs2-opacity-disabled": "var(--sjs2-opacity-x025)",
+    "--sjs2-opacity-hidden": "var(--sjs2-opacity-x000)",
+    "--sjs2-border-width-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-width-a11y": "var(--sjs2-border-width-x400)",
+    "--sjs2-border-spread-form-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-highlighted": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-invalid": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-form-readonly": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-form-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-hovered": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-pressed": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-trigger-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-trigger-preview": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-default": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-hovered": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-pressed": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-focused": "var(--sjs2-border-width-x200)",
+    "--sjs2-border-spread-surface-disabled": "var(--sjs2-border-width-x100)",
+    "--sjs2-border-spread-surface-dragging": "4",
+    "--sjs2-border-spread-elevated-default": "2",
+    "--sjs2-border-spread-floating-default": "4",
+    "--sjs2-border-blur-form-default": "0",
+    "--sjs2-border-blur-form-hovered": "0",
+    "--sjs2-border-blur-form-pressed": "0",
+    "--sjs2-border-blur-form-focused": "0",
+    "--sjs2-border-blur-form-highlighted": "0",
+    "--sjs2-border-blur-form-disabled": "0",
+    "--sjs2-border-blur-form-invalid": "0",
+    "--sjs2-border-blur-form-readonly": "0",
+    "--sjs2-border-blur-form-preview": "0",
+    "--sjs2-border-blur-trigger-default": "0",
+    "--sjs2-border-blur-trigger-hovered": "0",
+    "--sjs2-border-blur-trigger-pressed": "0",
+    "--sjs2-border-blur-trigger-focused": "0",
+    "--sjs2-border-blur-trigger-disabled": "0",
+    "--sjs2-border-blur-trigger-preview": "0",
+    "--sjs2-border-blur-surface-default": "4",
+    "--sjs2-border-blur-surface-hovered": "0",
+    "--sjs2-border-blur-surface-pressed": "0",
+    "--sjs2-border-blur-surface-focused": "0",
+    "--sjs2-border-blur-surface-disabled": "0",
+    "--sjs2-border-blur-surface-dragging": "12",
+    "--sjs2-border-blur-elevated-default": "8",
+    "--sjs2-border-blur-floating-default": "12",
+    "--sjs2-border-offset-x-form-default": "0",
+    "--sjs2-border-offset-x-form-hovered": "0",
+    "--sjs2-border-offset-x-form-pressed": "0",
+    "--sjs2-border-offset-x-form-focused": "0",
+    "--sjs2-border-offset-x-form-highlighted": "0",
+    "--sjs2-border-offset-x-form-disabled": "0",
+    "--sjs2-border-offset-x-form-invalid": "0",
+    "--sjs2-border-offset-x-form-readonly": "0",
+    "--sjs2-border-offset-x-form-preview": "0",
+    "--sjs2-border-offset-x-trigger-default": "0",
+    "--sjs2-border-offset-x-trigger-hovered": "0",
+    "--sjs2-border-offset-x-trigger-pressed": "0",
+    "--sjs2-border-offset-x-trigger-focused": "0",
+    "--sjs2-border-offset-x-trigger-disabled": "0",
+    "--sjs2-border-offset-x-trigger-preview": "0",
+    "--sjs2-border-offset-x-surface-default": "0",
+    "--sjs2-border-offset-x-surface-hovered": "0",
+    "--sjs2-border-offset-x-surface-pressed": "0",
+    "--sjs2-border-offset-x-surface-focused": "0",
+    "--sjs2-border-offset-x-surface-disabled": "0",
+    "--sjs2-border-offset-x-surface-dragging": "0",
+    "--sjs2-border-offset-x-elevated-default": "0",
+    "--sjs2-border-offset-x-floating-default": "0",
+    "--sjs2-border-offset-y-form-default": "0",
+    "--sjs2-border-offset-y-form-hovered": "0",
+    "--sjs2-border-offset-y-form-pressed": "0",
+    "--sjs2-border-offset-y-form-focused": "0",
+    "--sjs2-border-offset-y-form-highlighted": "0",
+    "--sjs2-border-offset-y-form-disabled": "0",
+    "--sjs2-border-offset-y-form-invalid": "0",
+    "--sjs2-border-offset-y-form-readonly": "0",
+    "--sjs2-border-offset-y-form-preview": "0",
+    "--sjs2-border-offset-y-trigger-default": "0",
+    "--sjs2-border-offset-y-trigger-hovered": "0",
+    "--sjs2-border-offset-y-trigger-pressed": "0",
+    "--sjs2-border-offset-y-trigger-focused": "0",
+    "--sjs2-border-offset-y-trigger-disabled": "0",
+    "--sjs2-border-offset-y-trigger-preview": "0",
+    "--sjs2-border-offset-y-surface-default": "2",
+    "--sjs2-border-offset-y-surface-hovered": "0",
+    "--sjs2-border-offset-y-surface-pressed": "0",
+    "--sjs2-border-offset-y-surface-focused": "0",
+    "--sjs2-border-offset-y-surface-disabled": "0",
+    "--sjs2-border-offset-y-surface-dragging": "6",
+    "--sjs2-border-offset-y-elevated-default": "4",
+    "--sjs2-border-offset-y-floating-default": "6",
+    "--sjs2-color-border-basic-secondary-for-tests-only": "#d4d4d4",
+    "--sjs2-color-utility-shadow-medium": "#004c441a"
+  }
+} as const;
+
+export default Test;
diff --git a/packages/survey-creator-core/tests/creator-base-2.tests.ts b/packages/survey-creator-core/tests/creator-base-2.tests.ts
index 95d3fb8147..868abb6987 100644
--- a/packages/survey-creator-core/tests/creator-base-2.tests.ts
+++ b/packages/survey-creator-core/tests/creator-base-2.tests.ts
@@ -220,7 +220,7 @@ test("ZoomIn/ZoomOut designer surface", (): any => {
   const designerTabModel = creator.getPlugin("designer").model as TabDesignerViewModel;
   expect(designerTabModel["surfaceScale"]).toBe(100);
   expect(creator.survey.widthScale).toBe(100);
-  expect(creator.themeVariables).toStrictEqual({});
+  //expect(creator.themeVariables).toStrictEqual({});
 
   designerTabModel["scaleSurface"](10);
   expect(designerTabModel["surfaceScale"]).toBe(100);
diff --git a/packages/survey-creator-core/tests/creator-theme/creator-theme-model.tests.ts b/packages/survey-creator-core/tests/creator-theme/creator-theme-model.tests.ts
index ed755bdeac..2efc8b50af 100644
--- a/packages/survey-creator-core/tests/creator-theme/creator-theme-model.tests.ts
+++ b/packages/survey-creator-core/tests/creator-theme/creator-theme-model.tests.ts
@@ -17,22 +17,22 @@ test("Creator theme model de/serialization", (): any => {
   const themeJson: ICreatorTheme = {
     themeName: "custom",
     cssVariables: {
-      "--ctr-size-unit": "6px",
-      "--ctr-corner-radius-unit": "6px",
-      "--ctr-spacing-unit": "6px",
-      "--sjs-special-background": "rgba(253, 255, 148, 0.5)",
-      "--sjs-primary-background-500": "rgba(248, 248, 248, 1)",
-      "--sjs-secondary-background-500": "#0b864b",
+      [CreatorThemeModel.varBaseUnitSize]: "6px",
+      [CreatorThemeModel.varBaseUnitRadius]: "6px",
+      [CreatorThemeModel.varBaseUnitSpacing]: "6px",
+      [CreatorThemeModel.varColorUtilitySurface]: "rgba(253, 255, 148, 0.5)",
+      [CreatorThemeModel.varColorProjectBrand]: "rgba(248, 248, 248, 1)",
+      [CreatorThemeModel.varColorProjectAccent]: "#0b864b",
     }
   };
   themeModel.fromJSON(themeJson);
   expect(themeModel.scale).toBe(75);
   expect(themeModel.themeName).toBe("custom");
 
-  expect(themeModel["--ctr-size-unit"]).toBe("6px");
-  expect(themeModel["--sjs-special-background"]).toBe("rgba(253, 255, 148, 0.5)");
-  expect(themeModel["--sjs-primary-background-500"]).toBe("rgba(248, 248, 248, 1)");
-  expect(themeModel["--sjs-secondary-background-500"]).toBe("#0b864b");
+  expect(themeModel[CreatorThemeModel.varBaseUnitSize]).toBe("6px");
+  expect(themeModel[CreatorThemeModel.varColorUtilitySurface]).toBe("rgba(253, 255, 148, 0.5)");
+  expect(themeModel[CreatorThemeModel.varColorProjectBrand]).toBe("rgba(248, 248, 248, 1)");
+  expect(themeModel[CreatorThemeModel.varColorProjectAccent]).toBe("#0b864b");
 
   const themeModelJson = themeModel.toJSON();
   expect(themeModelJson).toStrictEqual(themeJson);
@@ -46,9 +46,9 @@ test("Default theme serialization", (): any => {
   themeModel.loadTheme();
   expect(themeModel.themeName).toBe("default-light");
   expect(themeModel.scale).toBe(100);
-  expect(themeModel["--sjs-special-background"]).toBe("#EDF9F7");
-  expect(themeModel["--sjs-primary-background-500"]).toBe("#19B394");
-  expect(themeModel["--sjs-secondary-background-500"]).toBe("#19B394");
+  expect(themeModel[CreatorThemeModel.varColorUtilitySurface]).toBe("#EDF9F7");
+  expect(themeModel[CreatorThemeModel.varColorProjectBrand]).toBe("#19B394");
+  expect(themeModel[CreatorThemeModel.varColorProjectAccent]).toBe("#19B394");
 
   const themeModelJson = themeModel.toJSON();
   expect(themeModelJson).toStrictEqual({ themeName: "default-light" });
@@ -58,16 +58,16 @@ test("Creator theme: sync css variables", (): any => {
   const creator: CreatorTester = new CreatorTester({ showThemeTab: true, showCreatorThemeSettings: true });
   const designerPlugin: TabDesignerPlugin = <TabDesignerPlugin>creator.getPlugin("designer");
   const themeModel = designerPlugin["themeModel"];
-  let surfaceBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-special-background");
+  let surfaceBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorUtilitySurface);
 
-  expect(creator.themeVariables["--sjs-special-background"]).toEqual(undefined);
-  expect((themeModel.cssVariables || {})["--sjs-special-background"]).toEqual(undefined);
+  expect(creator.themeVariables[CreatorThemeModel.varColorUtilitySurface]).toEqual("#EDF9F7");
+  expect((themeModel.cssVariables || {})[CreatorThemeModel.varColorUtilitySurface]).toEqual("#EDF9F7");
   expect(surfaceBackgroundColor.value).toEqual("#EDF9F7");
 
   const newValue = "#c95ae7";
   surfaceBackgroundColor.value = newValue;
-  expect(creator.themeVariables["--sjs-special-background"]).toEqual(newValue);
-  expect((themeModel.cssVariables || {})["--sjs-special-background"]).toEqual(newValue);
+  expect(creator.themeVariables[CreatorThemeModel.varColorUtilitySurface]).toEqual(newValue);
+  expect((themeModel.cssVariables || {})[CreatorThemeModel.varColorUtilitySurface]).toEqual(newValue);
   expect(surfaceBackgroundColor.value).toEqual(newValue);
 });
 
@@ -77,12 +77,12 @@ test("Creator theme: reset color variables after change theme", (): any => {
     "isLight": false,
     "cssVariables": {
       "--sjs-special-haze": "#000000BF",
-      "--sjs-special-background": "#0C0C0CFF",
+      [CreatorThemeModel.varColorUtilitySurface]: "#0C0C0CFF",
       "--sjs-special-glow": "#000000BF",
-      "--sjs-primary-background-500": "#3EDFD5FF",
+      [CreatorThemeModel.varColorProjectBrand]: "#3EDFD5FF",
       "--sjs-primary-background-10": "#3EDFD51A",
       "--sjs-primary-background-400": "#29DCD1FF",
-      "--sjs-secondary-background-500": "#EDA925FF",
+      [CreatorThemeModel.varColorProjectAccent]: "#EDA925FF",
       "--sjs-secondary-background-400": "#EDBE1E",
       "--sjs-secondary-background-25": "#EDA92540",
       "--sjs-secondary-background-10": "#EDA9251A",
@@ -94,9 +94,9 @@ test("Creator theme: reset color variables after change theme", (): any => {
     const designerPlugin: TabDesignerPlugin = <TabDesignerPlugin>creator.getPlugin("designer");
     const themeModel = designerPlugin["themeModel"];
     const themeName = designerPlugin["themePropertyGrid"].survey.findQuestionByName("themeName");
-    const surfaceBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-special-background");
-    const primaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-primary-background-500");
-    const secondaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-secondary-background-500");
+    const surfaceBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorUtilitySurface);
+    const primaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorProjectBrand);
+    const secondaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorProjectAccent);
 
     expect(themeName.value).toEqual("default-light");
     expect(surfaceBackgroundColor.value).toEqual("#EDF9F7");
@@ -107,9 +107,9 @@ test("Creator theme: reset color variables after change theme", (): any => {
     secondaryBackgroundColor.value = "rgba(30, 30, 30, 0.1)";
     surfaceBackgroundColor.value = "rgba(10, 10, 10, 1)";
     expect(themeModel.themeCssVariablesChanges).toStrictEqual({
-      "--sjs-primary-background-500": "#141414",
-      "--sjs-secondary-background-500": "#1e1e1e",
-      "--sjs-special-background": "#0a0a0a",
+      [CreatorThemeModel.varColorProjectBrand]: "#141414",
+      [CreatorThemeModel.varColorProjectAccent]: "#1e1e1e",
+      [CreatorThemeModel.varColorUtilitySurface]: "#0a0a0a",
     });
 
     themeName.value = "dark";
@@ -127,9 +127,9 @@ test("creator.applyCreatorTheme", () => {
   const themeJson: ICreatorTheme = {
     themeName: "custom",
     cssVariables: {
-      "--sjs-special-background": "rgba(253, 255, 148, 0.5)",
-      "--sjs-primary-background-500": "rgba(248, 248, 248, 1)",
-      "--sjs-secondary-background-500": "#0b864b",
+      [CreatorThemeModel.varColorUtilitySurface]: "rgba(253, 255, 148, 0.5)",
+      [CreatorThemeModel.varColorProjectBrand]: "rgba(248, 248, 248, 1)",
+      [CreatorThemeModel.varColorProjectAccent]: "#0b864b",
       "--ctr-font-unit": "18px",
       "--ctr-line-height-unit": "18px",
       "--ctr-size-unit": "6px",
@@ -161,11 +161,11 @@ test("Creator theme check scale", (): any => {
   const themeJson: ICreatorTheme = {
     themeName: "custom",
     cssVariables: {
-      "--ctr-font-unit": "10px",
-      "--ctr-line-height-unit": "10px",
-      "--ctr-spacing-unit": "12px",
-      "--ctr-size-unit": "12px",
-      "--ctr-corner-radius-unit": "12px",
+      [CreatorThemeModel.varBaseUnitFontSize]: "10px",
+      [CreatorThemeModel.varBaseUnitLineHeight]: "10px",
+      [CreatorThemeModel.varBaseUnitSpacing]: "12px",
+      [CreatorThemeModel.varBaseUnitSize]: "12px",
+      [CreatorThemeModel.varBaseUnitRadius]: "12px",
     }
   };
   themeModel.fromJSON(themeJson);
@@ -176,14 +176,14 @@ test("Creator theme check scale", (): any => {
   fontScale.value = 150;
 
   let themeModelJsonCssVariables = themeModel.toJSON().cssVariables || {};
-  expect(themeModelJsonCssVariables["--ctr-font-unit"]).toEqual("12px");
-  expect(themeModelJsonCssVariables["--ctr-line-height-unit"]).toEqual("12px");
+  expect(themeModelJsonCssVariables[CreatorThemeModel.varBaseUnitFontSize]).toEqual("12px");
+  expect(themeModelJsonCssVariables[CreatorThemeModel.varBaseUnitLineHeight]).toEqual("12px");
 
   scale.value = 225; // max = 200
   themeModelJsonCssVariables = themeModel.toJSON().cssVariables || {};
-  expect(themeModelJsonCssVariables["--ctr-size-unit"]).toEqual("16px");
-  expect(themeModelJsonCssVariables["--ctr-spacing-unit"]).toEqual("16px");
-  expect(themeModelJsonCssVariables["--ctr-corner-radius-unit"]).toEqual("16px");
+  expect(themeModelJsonCssVariables[CreatorThemeModel.varBaseUnitSize]).toEqual("16px");
+  expect(themeModelJsonCssVariables[CreatorThemeModel.varBaseUnitSpacing]).toEqual("16px");
+  expect(themeModelJsonCssVariables[CreatorThemeModel.varBaseUnitRadius]).toEqual("16px");
 });
 
 test("Creator theme: apply custom theme", (): any => {
@@ -194,9 +194,9 @@ test("Creator theme: apply custom theme", (): any => {
   const themeJson: ICreatorTheme = {
     themeName: "custom",
     cssVariables: {
-      "--sjs-special-background": "rgba(253, 255, 148, 0.5)",
-      "--sjs-primary-background-500": "rgba(248, 248, 248, 1)",
-      "--sjs-secondary-background-500": "#0b864b",
+      [CreatorThemeModel.varColorUtilitySurface]: "rgba(253, 255, 148, 0.5)",
+      [CreatorThemeModel.varColorProjectBrand]: "rgba(248, 248, 248, 1)",
+      [CreatorThemeModel.varColorProjectAccent]: "#0b864b",
       "--ctr-font-unit": "18px",
       "--ctr-line-height-unit": "18px",
       "--ctr-size-unit": "6px",
@@ -207,41 +207,41 @@ test("Creator theme: apply custom theme", (): any => {
   };
   creator.applyCreatorTheme(themeJson);
 
-  const surfaceBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-special-background");
-  const primaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-primary-background-500");
-  const secondaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName("--sjs-secondary-background-500");
+  const surfaceBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorUtilitySurface);
+  const primaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorProjectBrand);
+  const secondaryBackgroundColor = designerPlugin["themePropertyGrid"].survey.findQuestionByName(CreatorThemeModel.varColorProjectAccent);
   expect(surfaceBackgroundColor.value).toEqual("rgba(253, 255, 148, 0.5)");
-  expect(themeModel["--sjs-special-background"]).toBe("rgba(253, 255, 148, 0.5)");
+  expect(themeModel[CreatorThemeModel.varColorUtilitySurface]).toBe("rgba(253, 255, 148, 0.5)");
 
   expect(primaryBackgroundColor.value).toEqual("rgba(248, 248, 248, 1)");
-  expect(themeModel["--sjs-primary-background-500"]).toBe("rgba(248, 248, 248, 1)");
+  expect(themeModel[CreatorThemeModel.varColorProjectBrand]).toBe("rgba(248, 248, 248, 1)");
 
   expect(secondaryBackgroundColor.value).toEqual("#0b864b");
-  expect(themeModel["--sjs-secondary-background-500"]).toBe("#0b864b");
+  expect(themeModel[CreatorThemeModel.varColorProjectAccent]).toBe("#0b864b");
 });
 
 test("sjs-special-background calculations on primary background changed", (): any => {
   const themeModel = new CreatorThemeModel();
 
-  expect(themeModel["--sjs-primary-background-500"]).toEqual("#19B394");
-  expect(themeModel["--sjs-special-background"]).toEqual("#EDF9F7");
+  expect(themeModel[CreatorThemeModel.varColorProjectBrand]).toEqual("#19B394");
+  expect(themeModel[CreatorThemeModel.varColorUtilitySurface]).toEqual("#EDF9F7");
 
   themeModel.loadTheme(PredefinedCreatorThemes["sc2020"]);
-  expect(themeModel["--sjs-primary-background-500"]).toEqual("#19B394");
-  expect(themeModel["--sjs-special-background"]).toEqual("#EDF9F7");
+  expect(themeModel[CreatorThemeModel.varColorProjectBrand]).toEqual("#19B394");
+  expect(themeModel[CreatorThemeModel.varColorUtilitySurface]).toEqual("#EDF9F7");
 
-  themeModel["--sjs-primary-background-500"] = PredefinedColors["light"]["teal"];
-  themeModel["--sjs-primary-background-500"] = PredefinedColors["light"]["teal"];
-  expect(colorsAreEqual(themeModel["--sjs-primary-background-500"], PredefinedColors["light"]["teal"])).toBeTruthy();
-  expect(colorsAreEqual(themeModel["--sjs-special-background"], PredefinedBackgroundColors["light"]["teal"])).toBeTruthy();
+  themeModel[CreatorThemeModel.varColorProjectBrand] = PredefinedColors["light"]["teal"];
+  themeModel[CreatorThemeModel.varColorProjectBrand] = PredefinedColors["light"]["teal"];
+  expect(colorsAreEqual(themeModel[CreatorThemeModel.varColorProjectBrand], PredefinedColors["light"]["teal"])).toBeTruthy();
+  expect(colorsAreEqual(themeModel[CreatorThemeModel.varColorUtilitySurface], PredefinedBackgroundColors["light"]["teal"])).toBeTruthy();
 
-  themeModel["--sjs-primary-background-500"] = PredefinedColors["light"]["orchid"];
-  expect(colorsAreEqual(themeModel["--sjs-primary-background-500"], PredefinedColors["light"]["orchid"])).toBeTruthy();
-  expect(colorsAreEqual(themeModel["--sjs-special-background"], PredefinedBackgroundColors["light"]["orchid"])).toBeTruthy();
+  themeModel[CreatorThemeModel.varColorProjectBrand] = PredefinedColors["light"]["orchid"];
+  expect(colorsAreEqual(themeModel[CreatorThemeModel.varColorProjectBrand], PredefinedColors["light"]["orchid"])).toBeTruthy();
+  expect(colorsAreEqual(themeModel[CreatorThemeModel.varColorUtilitySurface], PredefinedBackgroundColors["light"]["orchid"])).toBeTruthy();
 
-  themeModel["--sjs-primary-background-500"] = "#fefefe";
-  expect(colorsAreEqual(themeModel["--sjs-primary-background-500"], "#fefefe")).toBeTruthy();
-  expect(colorsAreEqual(themeModel["--sjs-special-background"], PredefinedBackgroundColors["light"]["gray"])).toBeTruthy();
+  themeModel[CreatorThemeModel.varColorProjectBrand] = "#fefefe";
+  expect(colorsAreEqual(themeModel[CreatorThemeModel.varColorProjectBrand], "#fefefe")).toBeTruthy();
+  expect(colorsAreEqual(themeModel[CreatorThemeModel.varColorUtilitySurface], PredefinedBackgroundColors["light"]["gray"])).toBeTruthy();
 });
 
 test("Creator theme model isLight de/serialization", (): any => {
diff --git a/packages/survey-creator-core/tests/creator-theme/creator-theme.test.ts b/packages/survey-creator-core/tests/creator-theme/creator-theme.test.ts
index daae2114c7..8a71422a3c 100644
--- a/packages/survey-creator-core/tests/creator-theme/creator-theme.test.ts
+++ b/packages/survey-creator-core/tests/creator-theme/creator-theme.test.ts
@@ -14,15 +14,15 @@ test("onCreatorThemePropertyChanged event", (): any => {
   });
   expect(modificationsLog).toBe("");
 
-  themeModel["--sjs-secondary-background-500"] = "#ff0000";
-  expect(modificationsLog).toBe("->THEME_MODIFIED --sjs-secondary-background-500 - #ff0000");
+  themeModel["--sjs2-color-project-accent-600"] = "#ff0000";
+  expect(modificationsLog).toBe("->THEME_MODIFIED --sjs2-color-project-accent-600 - #ff0000");
 });
 
 test("registerCreatorTheme function", (): any => {
   const customThemeName = "customLight";
   const customCssVariables = {
-    "--sjs-primary-background-500": "red",
-    "--sjs-secondary-background-500": "orange",
+    "--sjs2-color-project-brand-600": "red",
+    "--sjs2-color-project-accent-600": "orange",
   };
 
   registerCreatorTheme({
@@ -36,8 +36,8 @@ test("registerCreatorTheme function", (): any => {
     const themeChooser = designerPlugin["themePropertyGrid"].survey.getQuestionByName("themeName") as QuestionDropdownModel;
     expect(themeChooser.choices).toHaveLength(2);
     expect(themeChooser.choices[1].value).toBe(customThemeName);
-    expect(creator.creatorTheme).toBeUndefined();
-    expect(creator.themeVariables).toStrictEqual({});
+    //expect(creator.creatorTheme).toBeUndefined();
+    //expect(creator.themeVariables).toStrictEqual({});
 
     themeChooser.value = customThemeName;
     expect(creator.creatorTheme.themeName).toBe(customThemeName);
diff --git a/packages/survey-creator-core/webpack.config.js b/packages/survey-creator-core/webpack.config.js
index 50846e04fd..dd17d9e6f2 100644
--- a/packages/survey-creator-core/webpack.config.js
+++ b/packages/survey-creator-core/webpack.config.js
@@ -88,7 +88,8 @@ var buildPlatformJson = {
     },
     "./themes/*": {
       "types": "./themes/*.d.ts",
-      "require": "./themes/*.js"
+      "require": "./themes/*.js",
+      "default": "./themes/*.js",
     },
     "./presets": {
       "types": "./presets-typings/typings/entries/index.d.ts",
diff --git a/packages/survey-creator-core/webpack.themes.config.js b/packages/survey-creator-core/webpack.themes.config.js
index 094a95bb22..73d89e8809 100644
--- a/packages/survey-creator-core/webpack.themes.config.js
+++ b/packages/survey-creator-core/webpack.themes.config.js
@@ -10,6 +10,7 @@ const config = {
   },
   entry: {
     "sc2020": path.resolve(__dirname, "./src/themes/sc2020.ts"),
+    "test": path.resolve(__dirname, "./src/themes/test.ts"),
     "default-dark": path.resolve(__dirname, "./src/themes/default-dark.ts"),
     "default-contrast": path.resolve(__dirname, "./src/themes/default-contrast.ts"),
     "index": path.resolve(__dirname, "./src/themes/index.ts"),
diff --git a/packages/survey-creator-js/testCafe/by-page.html b/packages/survey-creator-js/testCafe/by-page.html
index 41ddc5c80d..5e340aa55c 100644
--- a/packages/survey-creator-js/testCafe/by-page.html
+++ b/packages/survey-creator-js/testCafe/by-page.html
@@ -24,6 +24,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true, pageEditMode: "bypage" });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/dropdown-collapse-view.html b/packages/survey-creator-js/testCafe/dropdown-collapse-view.html
index f81d890fc7..861940c4e6 100644
--- a/packages/survey-creator-js/testCafe/dropdown-collapse-view.html
+++ b/packages/survey-creator-js/testCafe/dropdown-collapse-view.html
@@ -24,6 +24,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", maxVisibleChoices: 5 });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/preview-theme-switcher.html b/packages/survey-creator-js/testCafe/preview-theme-switcher.html
index 78fb0c9a6a..1c0cd1a900 100644
--- a/packages/survey-creator-js/testCafe/preview-theme-switcher.html
+++ b/packages/survey-creator-js/testCafe/preview-theme-switcher.html
@@ -26,6 +26,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -34,7 +35,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator();
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/testcafe-no-license.html b/packages/survey-creator-js/testCafe/testcafe-no-license.html
index 49acee8ceb..7764c52392 100644
--- a/packages/survey-creator-js/testCafe/testcafe-no-license.html
+++ b/packages/survey-creator-js/testCafe/testcafe-no-license.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -31,7 +32,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/testcafe-theme-tab.html b/packages/survey-creator-js/testCafe/testcafe-theme-tab.html
index 2ced2e2588..60c2bf7319 100644
--- a/packages/survey-creator-js/testCafe/testcafe-theme-tab.html
+++ b/packages/survey-creator-js/testCafe/testcafe-theme-tab.html
@@ -24,6 +24,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showThemeTab: true });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/testcafe-widget.html b/packages/survey-creator-js/testCafe/testcafe-widget.html
index 3b0b493fd8..9167d8722e 100644
--- a/packages/survey-creator-js/testCafe/testcafe-widget.html
+++ b/packages/survey-creator-js/testCafe/testcafe-widget.html
@@ -46,6 +46,7 @@
   <script src="https://cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
   <script src="https://unpkg.com/jquery-bar-rating"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
   <!-- Themes -->
   <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-1to10.css" />
@@ -67,7 +68,9 @@
 </body>
 <script>
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/testcafe.html b/packages/survey-creator-js/testCafe/testcafe.html
index a617485a0e..1974fa7199 100644
--- a/packages/survey-creator-js/testCafe/testcafe.html
+++ b/packages/survey-creator-js/testCafe/testcafe.html
@@ -24,6 +24,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
@@ -46,6 +49,7 @@
       window.updateCreatorModel = (options, json) => {
         window.prevCreator = window.creator;
         const creator = new SurveyCreator.SurveyCreator(options);
+        creator.applyCreatorTheme(SurveyCreatorTheme.Test);
         creator.JSON = json;
         this.setState({ creator });
         creator.tabResponsivenessMode = "menu";
diff --git a/packages/survey-creator-js/testCafe/testcafe_localized_ui.html b/packages/survey-creator-js/testCafe/testcafe_localized_ui.html
index ab84ffa8fe..1f507bcd9e 100644
--- a/packages/survey-creator-js/testCafe/testcafe_localized_ui.html
+++ b/packages/survey-creator-js/testCafe/testcafe_localized_ui.html
@@ -24,6 +24,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -32,10 +33,12 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const loc = SurveyCreatorCore.localization.getLocale("de");
   loc.ed.logic = "Miner Logik";
   SurveyCreatorCore.localization.currentLocale = "de";
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-js/testCafe/theme-for-preview-option.html b/packages/survey-creator-js/testCafe/theme-for-preview-option.html
index 4738f8caf3..93af344a1f 100644
--- a/packages/survey-creator-js/testCafe/theme-for-preview-option.html
+++ b/packages/survey-creator-js/testCafe/theme-for-preview-option.html
@@ -26,6 +26,7 @@
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>
   <script src="../build/survey-creator-js.js"></script>
   <script src="./sc.js"></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js"></script>
 </head>
 
 <body spellcheck="false">
@@ -34,7 +35,9 @@
 <script>
   window.surveyJSFramework = "react";
   SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+  SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
   const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", themeForPreview: "modern" });
+  creator.applyCreatorTheme(SurveyCreatorTheme.Test);
   creator.tabResponsivenessMode = "menu";
   creator["animationEnabled"] = false;
   creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/index.html b/packages/survey-creator-react/index.html
index ffceabd692..dfea8c2e4d 100644
--- a/packages/survey-creator-react/index.html
+++ b/packages/survey-creator-react/index.html
@@ -18,6 +18,7 @@
   <script src="./node_modules/survey-react-ui/survey-react-ui.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="./node_modules/survey-creator-core/themes/index.js"></script>
+  <script src="./node_modules/survey-creator-core/themes/test.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core-presets.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core.i18n.min.js"></script>
 
diff --git a/packages/survey-creator-react/index.js b/packages/survey-creator-react/index.js
index 14faf74667..b434c97c3c 100644
--- a/packages/survey-creator-react/index.js
+++ b/packages/survey-creator-react/index.js
@@ -192,6 +192,7 @@ SurveyReact.ReactElementFactory.Instance.registerElement("svc-page", (props) =>
 SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
 SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme);
 const creator = new SurveyCreator.SurveyCreator(options);
+//creator.applyCreatorTheme(SurveyCreatorTheme.testTheme);
 creator.onModified.add((sender, options) => {
   console.log(JSON.stringify(options, null, 3));
 });
diff --git a/packages/survey-creator-react/testCafe/by-page.html b/packages/survey-creator-react/testCafe/by-page.html
index a372556a1f..e70ee4c83f 100644
--- a/packages/survey-creator-react/testCafe/by-page.html
+++ b/packages/survey-creator-react/testCafe/by-page.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true, pageEditMode: "bypage" });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/testCafe/dropdown-collapse-view.html b/packages/survey-creator-react/testCafe/dropdown-collapse-view.html
index 91dd4e1ee6..4456613184 100644
--- a/packages/survey-creator-react/testCafe/dropdown-collapse-view.html
+++ b/packages/survey-creator-react/testCafe/dropdown-collapse-view.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", maxVisibleChoices: 5 });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/testCafe/preview-theme-switcher.html b/packages/survey-creator-react/testCafe/preview-theme-switcher.html
index 8fe2a43ddc..9e3db56048 100644
--- a/packages/survey-creator-react/testCafe/preview-theme-switcher.html
+++ b/packages/survey-creator-react/testCafe/preview-theme-switcher.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator();
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/testCafe/testcafe-no-license.html b/packages/survey-creator-react/testCafe/testcafe-no-license.html
index 817da989a7..daaaaa97ee 100644
--- a/packages/survey-creator-react/testCafe/testcafe-no-license.html
+++ b/packages/survey-creator-react/testCafe/testcafe-no-license.html
@@ -22,6 +22,7 @@
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js" defer></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -31,7 +32,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/testCafe/testcafe-theme-tab.html b/packages/survey-creator-react/testCafe/testcafe-theme-tab.html
index 260ddfb31d..b11d689b78 100644
--- a/packages/survey-creator-react/testCafe/testcafe-theme-tab.html
+++ b/packages/survey-creator-react/testCafe/testcafe-theme-tab.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showThemeTab: true });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     window.creator = creator;
     creator.showOneCategoryInPropertyGrid = false;
     creator.allowZoom = false;
diff --git a/packages/survey-creator-react/testCafe/testcafe-widget.html b/packages/survey-creator-react/testCafe/testcafe-widget.html
index 9e4fbc5afe..920efc47d3 100644
--- a/packages/survey-creator-react/testCafe/testcafe-widget.html
+++ b/packages/survey-creator-react/testCafe/testcafe-widget.html
@@ -50,6 +50,7 @@
   <script src="https://cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
   <script src="https://unpkg.com/jquery-bar-rating"></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
   <!-- Themes -->
   <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-1to10.css" />
@@ -72,7 +73,9 @@
 <script>
   window.addEventListener("DOMContentLoaded", () => {
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/testCafe/testcafe.html b/packages/survey-creator-react/testCafe/testcafe.html
index b70c56cc62..23c25385c8 100644
--- a/packages/survey-creator-react/testCafe/testcafe.html
+++ b/packages/survey-creator-react/testCafe/testcafe.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     window.creator = creator;
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
@@ -46,6 +49,7 @@
         window.updateCreatorModel = (options, json) => {
           window.prevCreator = window.creator;
           const creator = new SurveyCreator.SurveyCreator(options);
+          creator.applyCreatorTheme(SurveyCreatorTheme.Test);
           creator.JSON = json;
           this.setState({ creator });
           creator.tabResponsivenessMode = "menu";
diff --git a/packages/survey-creator-react/testCafe/testcafe_localized_ui.html b/packages/survey-creator-react/testCafe/testcafe_localized_ui.html
index a3bda9676f..85267a1a5a 100644
--- a/packages/survey-creator-react/testCafe/testcafe_localized_ui.html
+++ b/packages/survey-creator-react/testCafe/testcafe_localized_ui.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,10 +33,12 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const loc = SurveyCreatorCore.localization.getLocale("de");
     loc.ed.logic = "Miner Logik";
     SurveyCreatorCore.localization.currentLocale = "de";
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-react/testCafe/theme-for-preview-option.html b/packages/survey-creator-react/testCafe/theme-for-preview-option.html
index 61340f76f0..95fd078960 100644
--- a/packages/survey-creator-react/testCafe/theme-for-preview-option.html
+++ b/packages/survey-creator-react/testCafe/theme-for-preview-option.html
@@ -23,6 +23,7 @@
   <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
   <script src="../build/survey-creator-react.js" defer></script>
   <script src="./sc.js" defer></script>
+  <script src="../node_modules/survey-creator-core/themes/test.js" defer></script>
 </head>
 
 <body spellcheck="false">
@@ -32,7 +33,9 @@
   window.addEventListener("DOMContentLoaded", () => {
     window.surveyJSFramework = "react";
     SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
+    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme.Test);
     const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", themeForPreview: "modern" });
+    creator.applyCreatorTheme(SurveyCreatorTheme.Test);
     creator.tabResponsivenessMode = "menu";
     creator["animationEnabled"] = false;
     creator.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-vue/example/src/components/test/Common.vue b/packages/survey-creator-vue/example/src/components/test/Common.vue
index 1484ed0553..4af34bb9b6 100644
--- a/packages/survey-creator-vue/example/src/components/test/Common.vue
+++ b/packages/survey-creator-vue/example/src/components/test/Common.vue
@@ -5,9 +5,11 @@
 </template>
 <script lang="ts" setup>
 import { slk } from "survey-core";
-import { registerSurveyTheme, SurveyCreatorModel, type ICreatorOptions } from "survey-creator-core";
+import { registerSurveyTheme, registerCreatorTheme, SurveyCreatorModel, type ICreatorOptions } from "survey-creator-core";
 import SurveyThemes from "survey-core/themes";
+import SurveyCreatorTestTheme from "survey-creator-core/themes/test";
 registerSurveyTheme(SurveyThemes);
+registerCreatorTheme(SurveyCreatorTestTheme);
 import "survey-core/survey.i18n";
 import "survey-creator-core/survey-creator-core.i18n";
 import { shallowRef } from "vue";
@@ -17,6 +19,7 @@ if (props.useSlk) {
   slk("YjA3ZGFkZTMtNjU5NS00YTYxLTkzZmEtYWJiOThjMWVhNjk3OzE9MjAzNC0xMC0xNiwyPTIwMzQtMTAtMTYsND0yMDM0LTEwLTE2");
 }
 const creator = shallowRef(new SurveyCreatorModel(props.options));
+creator.value.applyCreatorTheme(SurveyCreatorTestTheme);
 (window as any).creator = creator.value;
 creator.value.tabResponsivenessMode = "menu";
 creator.value["animationEnabled"] = false;
@@ -27,6 +30,7 @@ creator.value.allowZoom = false;
   const newCreator = new SurveyCreatorModel(options);
   newCreator.JSON = json;
   creator.value = newCreator;
+  creator.value.applyCreatorTheme(SurveyCreatorTestTheme);
   creator.value.tabResponsivenessMode = "menu";
   creator.value["animationEnabled"] = false;
   creator.value.showOneCategoryInPropertyGrid = false;
diff --git a/packages/survey-creator-vue/example/vite.config.ts b/packages/survey-creator-vue/example/vite.config.ts
index e277fe43ac..e0a82ddbbb 100644
--- a/packages/survey-creator-vue/example/vite.config.ts
+++ b/packages/survey-creator-vue/example/vite.config.ts
@@ -1,5 +1,4 @@
 import { fileURLToPath, URL } from 'node:url'
-
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -14,6 +13,14 @@ export default defineConfig(({ command }) => {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url)),
       }
-    }
+    },
+    build: {
+      commonjsOptions: {
+        include: [/survey-creator-core\/build\/themes\/test/, /node_modules/],
+      },
+    },
+    optimizeDeps: {
+      include: ["survey-creator-core/themes/test"],
+    },
 }
 })
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-boolean.png b/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-boolean.png
index fcc1b4b357..a22518cc5a 100644
Binary files a/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-boolean.png and b/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-boolean.png differ
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-dropdown-list-item--focused.png b/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-dropdown-list-item--focused.png
index 5d1e636cc9..18e8aec70e 100644
Binary files a/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-dropdown-list-item--focused.png and b/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-dropdown-list-item--focused.png differ
diff --git a/visualRegressionTests/tests/designer/etalons/creator-theme-settings.png b/visualRegressionTests/tests/designer/etalons/creator-theme-settings.png
index a132dc557a..f79eeb0661 100644
Binary files a/visualRegressionTests/tests/designer/etalons/creator-theme-settings.png and b/visualRegressionTests/tests/designer/etalons/creator-theme-settings.png differ
diff --git a/visualRegressionTests/tests/designer/etalons/pg-default-value-popup.png b/visualRegressionTests/tests/designer/etalons/pg-default-value-popup.png
index a407c31039..0b0b7e8410 100644
Binary files a/visualRegressionTests/tests/designer/etalons/pg-default-value-popup.png and b/visualRegressionTests/tests/designer/etalons/pg-default-value-popup.png differ