diff --git a/CHANGELOG.md b/CHANGELOG.md
index 91aa43fbb1..48926996d4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.9.105](https://github.com/surveyjs/survey-library/compare/v1.9.104...v1.9.105) (2023-08-30)
+
 ## [1.9.104](https://github.com/surveyjs/survey-library/compare/v1.9.103...v1.9.104) (2023-08-22)
 
 ## [1.9.103](https://github.com/surveyjs/survey-library/compare/v1.9.102...v1.9.103) (2023-08-15)
diff --git a/devops-visual-regression-tests.yml b/devops-visual-regression-tests.yml
index 2745f781eb..9dc6aca9b6 100644
--- a/devops-visual-regression-tests.yml
+++ b/devops-visual-regression-tests.yml
@@ -21,6 +21,11 @@ jobs:
   steps:
   - checkout: self
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
   - task: NodeTool@0
     inputs:
       versionSpec: '14.x'
@@ -76,6 +81,12 @@ jobs:
   steps:
   - checkout: self
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: '14.x'
@@ -132,6 +143,12 @@ jobs:
   steps:
   - checkout: self
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: '14.x'
@@ -189,6 +206,12 @@ jobs:
       persistCredentials: true
       clean: true
 
+    - task: PowerShell@2
+      displayName: 'update Google Chrome to latest'
+      inputs:
+        targetType: 'inline'
+        script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
     - task: NodeTool@0
       inputs:
         versionSpec: "14.x"
@@ -269,6 +292,12 @@ jobs:
       persistCredentials: true
       clean: true
 
+    - task: PowerShell@2
+      displayName: 'update Google Chrome to latest'
+      inputs:
+        targetType: 'inline'
+        script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
     - task: NodeTool@0
       inputs:
         versionSpec: "16.x"
diff --git a/package.json b/package.json
index b1c1abea0e..fd89df41a7 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "testcafe:ci:angular": "testcafe -c 4 -q attemptLimit=5,successThreshold=1 chrome:headless testCafe/ --app \"http-server ./packages/survey-angular-ui/example/dist --proxy http://localhost:8080? -p 8080\" --selector-timeout 1500 --reporter minimal --env=angular",
     "prepare": "husky install"
   },
-  "version": "1.9.104",
+  "version": "1.9.105",
   "name": "survey-library",
   "private": true,
   "devDependencies": {
diff --git a/packages/survey-angular-ui/CHANGELOG.md b/packages/survey-angular-ui/CHANGELOG.md
index 87fe46f2aa..da62c9ba23 100644
--- a/packages/survey-angular-ui/CHANGELOG.md
+++ b/packages/survey-angular-ui/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.9.105](https://github.com/surveyjs/surveyjs/compare/v1.9.104...v1.9.105) (2023-08-30)
+
 ## [1.9.104](https://github.com/surveyjs/surveyjs/compare/v1.9.103...v1.9.104) (2023-08-22)
 
 ## [1.9.103](https://github.com/surveyjs/surveyjs/compare/v1.9.102...v1.9.103) (2023-08-15)
diff --git a/packages/survey-angular-ui/package.json b/packages/survey-angular-ui/package.json
index 17c273d470..9edd7df37c 100644
--- a/packages/survey-angular-ui/package.json
+++ b/packages/survey-angular-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "survey-angular-ui",
-  "version": "1.9.104",
+  "version": "1.9.105",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",
diff --git a/packages/survey-angular-ui/src/comment.component.html b/packages/survey-angular-ui/src/comment.component.html
index 5b015edfed..9e933a7261 100644
--- a/packages/survey-angular-ui/src/comment.component.html
+++ b/packages/survey-angular-ui/src/comment.component.html
@@ -1,4 +1,4 @@
-<textarea *ngIf="!question.isReadOnlyRenderDiv()" [id]="question.commentId" [attr.maxlength]="question.getOthersMaxLength()"  [attr.aria-required]="question.ariaRequired" [attr.aria-label]="question.ariaLabel" [attr.placeholder]="question.commentPlaceholder" 
+<textarea *ngIf="!question.isReadOnlyRenderDiv()" [id]="question.commentId" [attr.maxlength]="question.getOthersMaxLength()"  [attr.aria-required]="question.ariaRequired" [attr.aria-label]="question.ariaLabel" [attr.placeholder]="question.renderedCommentPlaceholder" 
   [value]="comment"
   [style.resize]="question.resizeStyle"
   [disabled]="question.isInputReadOnly"
diff --git a/packages/survey-vue3-ui/CHANGELOG.md b/packages/survey-vue3-ui/CHANGELOG.md
index 57b004ab2a..0c7c6ce529 100644
--- a/packages/survey-vue3-ui/CHANGELOG.md
+++ b/packages/survey-vue3-ui/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.9.105](https://github.com/surveyjs/survey-library/compare/v1.9.104...v1.9.105) (2023-08-30)
+
 ## [1.9.104](https://github.com/surveyjs/survey-library/compare/v1.9.103...v1.9.104) (2023-08-22)
 
 ## [1.9.103](https://github.com/surveyjs/survey-library/compare/v1.9.102...v1.9.103) (2023-08-15)
diff --git a/packages/survey-vue3-ui/package.json b/packages/survey-vue3-ui/package.json
index 4970437b52..355a297a3b 100644
--- a/packages/survey-vue3-ui/package.json
+++ b/packages/survey-vue3-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "survey-vue3-ui",
-  "version": "1.9.104",
+  "version": "1.9.105",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",
diff --git a/packages/survey-vue3-ui/src/QuestionComment.vue b/packages/survey-vue3-ui/src/QuestionComment.vue
index ac5b9da25e..9ba25607b1 100644
--- a/packages/survey-vue3-ui/src/QuestionComment.vue
+++ b/packages/survey-vue3-ui/src/QuestionComment.vue
@@ -10,7 +10,7 @@
     :class="question.cssClasses.other || commentClass"
     :value="question.comment"
     :maxlength="question.getOthersMaxLength()"
-    :placeholder="question.commentPlaceholder"
+    :placeholder="question.renderedCommentPlaceholder"
     :aria-label="question.ariaLabel"
     :aria-required="question.ariaRequired"
     v-bind:style="{ resize: question.resizeStyle }"
diff --git a/src/base-interfaces.ts b/src/base-interfaces.ts
index e7249462ac..4b17406f7a 100644
--- a/src/base-interfaces.ts
+++ b/src/base-interfaces.ts
@@ -253,7 +253,7 @@ export interface ISurveyElement extends IShortcutText {
   getType(): string;
   setVisibleIndex(value: number): number;
   locStrsChanged(): any;
-  delete(): any;
+  delete(doDispose?: boolean): void;
   toggleState(): void;
   stateChangedCallback(): void;
   getTitleToolbar(): AdaptiveActionContainer;
@@ -369,3 +369,11 @@ export interface ISurveyLayoutElement {
   template?: string;
   data?: any;
 }
+export interface IPlainDataOptions {
+  includeEmpty?: boolean;
+  includeQuestionTypes?: boolean;
+  includeValues?: boolean;
+  calculations?: Array<{
+    propertyName: string,
+  }>;
+}
\ No newline at end of file
diff --git a/src/base.ts b/src/base.ts
index 6eb3691ac0..30cd543ead 100644
--- a/src/base.ts
+++ b/src/base.ts
@@ -471,7 +471,7 @@ export class Base {
     if (this.isPropertyEmpty(res)) {
       const locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
       if(locStr) return locStr.text;
-      if (defaultValue != null) return defaultValue;
+      if (defaultValue !== null && defaultValue !== undefined) return defaultValue;
       const propDefaultValue = this.getDefaultPropertyValue(name);
       if(propDefaultValue !== undefined) return propDefaultValue;
     }
diff --git a/src/choicesRestful.ts b/src/choicesRestful.ts
index db49b38ecf..b16a64fbb7 100644
--- a/src/choicesRestful.ts
+++ b/src/choicesRestful.ts
@@ -376,7 +376,8 @@ export class ChoicesRestful extends Base {
    */
 
   public get path(): string {
-    return this.getPropertyValue("path", "");
+    const res = this.getPropertyValue("path");
+    return !!res ? res : "";
   }
   public set path(val: string) {
     this.setPropertyValue("path", val);
diff --git a/src/common-styles/sv-ranking.scss b/src/common-styles/sv-ranking.scss
index a4b66bf438..cd8138b38e 100644
--- a/src/common-styles/sv-ranking.scss
+++ b/src/common-styles/sv-ranking.scss
@@ -227,6 +227,9 @@
   .sv-ranking__container--empty {
     padding-top: calcSize(1);
     padding-bottom: calcSize(1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 }
 
@@ -243,15 +246,23 @@
 
   .sv-ranking__container--empty {
     &.sv-ranking__container--to {
-      padding-right: calcSize(3);
+      //padding-right: calcSize(3);
 
       .sv-ranking-item {
         left: initial;
       }
+
+      .sv-ranking__container-placeholder {
+        padding-left: calcSize(5);
+      }
     }
 
     &.sv-ranking__container--from {
-      padding-left: calcSize(3);
+      //padding-left: calcSize(3);
+
+      .sv-ranking__container-placeholder {
+        padding-right: calcSize(5);
+      }
     }
   }
 }
@@ -263,17 +274,17 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
+  //width: 100%;
   height: 100%;
 }
 
 .sv-ranking__container {
   flex: 1;
-  max-width: 100%;
+  //max-width: 100%;
 }
 
 .sv-ranking__container--empty {
-  padding: calcSize(8);
+  //padding: calcSize(8);
   box-sizing: border-box;
   text-align: center;
 }
diff --git a/src/defaultV2-theme/blocks/sd-completedpage.scss b/src/defaultV2-theme/blocks/sd-completedpage.scss
index ffa80762ba..2ae078a484 100644
--- a/src/defaultV2-theme/blocks/sd-completedpage.scss
+++ b/src/defaultV2-theme/blocks/sd-completedpage.scss
@@ -5,8 +5,74 @@
   text-align: center;
   height: auto;
 
+  // h3 {
+  //   font-size: calcFontSize(1.5);
+  // }
+
+  h1 {
+    @include articleXXLargeFont;
+  }
+
+  h2 {
+    @include articleXLargeFont;
+  }
+
   h3 {
-    font-size: calcFontSize(1.5);
+    @include articleLargeFont;
+  }
+
+  h4 {
+    @include articleMediumFont;
+  }
+
+  h5,
+  h6 {
+    color: $foreground;
+  }
+
+  span,
+  div,
+  p {
+    @include articleDefaultFont;
+  }
+
+  a {
+    color: $primary;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    padding: calcSize(1.5) calcSize(4);
+    vertical-align: baseline;
+    text-align: center;
+    background-color: $background;
+    box-shadow: $shadow-small;
+    border: none;
+    border-radius: calcSize(0.5);
+    cursor: pointer;
+    user-select: none;
+    outline: solid calcSize(0.25) transparent;
+
+    &:hover {
+      background-color: $background-dark;
+    }
+    &:focus {
+      box-shadow: 0 0 0 2px $primary;
+    }
+
+    span {
+      display: flex;
+      align-items: center;
+      flex-grow: 1;
+      justify-content: center;
+      color: $primary;
+      font-weight: 600;
+      font-style: normal;
+      font-family: var(--font-family, $font-family);
+      font-size: $font-questiontitle-size;
+      line-height: multiply(1.5, $font-questiontitle-size);
+    }
   }
 }
 
diff --git a/src/defaultV2-theme/blocks/sd-html.scss b/src/defaultV2-theme/blocks/sd-html.scss
index 1b0b9ffa8e..de0f42e0e2 100644
--- a/src/defaultV2-theme/blocks/sd-html.scss
+++ b/src/defaultV2-theme/blocks/sd-html.scss
@@ -1,3 +1,71 @@
 .sd-html {
   white-space: initial;
 }
+
+.sd-html {
+  h1 {
+    @include articleXXLargeFont;
+  }
+
+  h2 {
+    @include articleXLargeFont;
+  }
+
+  h3 {
+    @include articleLargeFont;
+  }
+
+  h4 {
+    @include articleMediumFont;
+  }
+
+  h5,
+  h6 {
+    color: $foreground;
+  }
+
+  span,
+  div,
+  p {
+    @include articleDefaultFont;
+  }
+
+  a {
+    color: $primary;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    padding: calcSize(1.5) calcSize(4);
+    vertical-align: baseline;
+    text-align: center;
+    background-color: $background;
+    box-shadow: $shadow-small;
+    border: none;
+    border-radius: calcSize(0.5);
+    cursor: pointer;
+    user-select: none;
+    outline: solid calcSize(0.25) transparent;
+
+    &:hover {
+      background-color: $background-dark;
+    }
+    &:focus {
+      box-shadow: 0 0 0 2px $primary;
+    }
+
+    span {
+      display: flex;
+      align-items: center;
+      flex-grow: 1;
+      justify-content: center;
+      color: $primary;
+      font-weight: 600;
+      font-style: normal;
+      font-family: var(--font-family, $font-family);
+      font-size: $font-questiontitle-size;
+      line-height: multiply(1.5, $font-questiontitle-size);
+    }
+  }
+}
diff --git a/src/defaultV2-theme/blocks/sd-ranking.scss b/src/defaultV2-theme/blocks/sd-ranking.scss
index 7e5ac415af..cfd050173d 100644
--- a/src/defaultV2-theme/blocks/sd-ranking.scss
+++ b/src/defaultV2-theme/blocks/sd-ranking.scss
@@ -29,4 +29,36 @@
 
 .sv-ranking-item__content.sd-ranking-item__content {
   line-height: calcLineHeight(1.5);
+}
+
+.sv-dragdrop-movedown {
+  transform: translate(0, 0);
+  animation: svdragdropmovedown 0.1s;
+  animation-timing-function: ease-in-out;
+}
+
+@keyframes svdragdropmovedown {
+  0% {
+    transform: translate(0, -50px);
+  }
+
+  100% {
+    transform: translate(0, 0);
+  }
+}
+
+.sv-dragdrop-moveup {
+  transform: translate(0, 0);
+  animation: svdragdropmoveup 0.1s;
+  animation-timing-function: ease-in-out;
+}
+
+@keyframes svdragdropmoveup {
+  0% {
+    transform: translate(0, 50px);
+  }
+
+  100% {
+    transform: translate(0, 0);
+  }
 }
\ No newline at end of file
diff --git a/src/defaultV2-theme/variables.scss b/src/defaultV2-theme/variables.scss
index 1c5034e20b..5898174ae6 100644
--- a/src/defaultV2-theme/variables.scss
+++ b/src/defaultV2-theme/variables.scss
@@ -155,4 +155,74 @@ $base-unit: var(--sjs-base-unit, var(--base-unit, 8px));
 @mixin borderLight {
   border: calcSize(0.25) solid $border-light;
   border-radius: calcCornerRadius(1);
-}
\ No newline at end of file
+}
+
+@mixin articleXXLargeFont {
+  color: $foreground;
+  font-size: var(--sjs-article-font-xx-large-fontSize, 64px);
+  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
+  font-family: $font-family;
+  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
+  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
+  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
+  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
+  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
+  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
+  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
+}
+
+@mixin articleXLargeFont {
+  color: $foreground;
+  font-size: var(--sjs-article-font-x-large-fontSize, 48px);
+  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
+  font-family: $font-family;
+  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
+  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
+  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
+  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
+  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
+  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
+  text-transform: var(--sjs-article-font-x-large-textCase, "none");
+}
+
+@mixin articleLargeFont {
+  color: $foreground;
+  font-size: var(--sjs-article-font-large-fontSize, 32px);
+  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
+  font-family: $font-family;
+  font-weight: var(--sjs-article-font-large-fontWeight, 700);
+  font-style: var(--sjs-article-font-large-fontStyle, "normal");
+  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
+  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
+  line-height: var(--sjs-article-font-large-lineHeight, 40px);
+  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
+  text-transform: var(--sjs-article-font-large-textCase, "none");
+}
+
+@mixin articleMediumFont {
+  color: $foreground;
+  font-size: var(--sjs-article-font-medium-fontSize, 24px);
+  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
+  font-family: $font-family;
+  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
+  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
+  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
+  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
+  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
+  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
+  text-transform: var(--sjs-article-font-medium-textCase, "none");
+}
+
+@mixin articleDefaultFont {
+  color: $foreground;
+  font-size: var(--sjs-article-font-default-fontSize, 16px);
+  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
+  font-family: $font-family;
+  font-weight: var(--sjs-article-font-default-fontWeight, 400);
+  font-style: var(--sjs-article-font-default-fontStyle, "normal");
+  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
+  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
+  line-height: var(--sjs-article-font-default-lineHeight, 28px);
+  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
+  text-transform: var(--sjs-article-font-default-textCase, "none");
+}
diff --git a/src/dragdrop/choices.ts b/src/dragdrop/choices.ts
index 4589b619d4..29991cf49d 100644
--- a/src/dragdrop/choices.ts
+++ b/src/dragdrop/choices.ts
@@ -106,7 +106,13 @@ export class DragDropChoices extends DragDropCore<QuestionSelectBase> {
 
   private getVisibleChoices() {
     const parent = this.parentElement;
-    if (parent.getType() === "ranking") return <QuestionRankingModel>parent.rankingChoices;
+    if (parent.getType() === "ranking") {
+      if (parent.selectToRankEnabled) {
+        return parent.visibleChoices;
+      } else {
+        return <QuestionRankingModel>parent.rankingChoices;
+      }
+    }
     return parent.visibleChoices;
   }
 
diff --git a/src/dragdrop/dom-adapter.ts b/src/dragdrop/dom-adapter.ts
index 03fc4d0bc1..5b409f3870 100644
--- a/src/dragdrop/dom-adapter.ts
+++ b/src/dragdrop/dom-adapter.ts
@@ -38,8 +38,8 @@ export class DragDropDOMAdapter implements IDragDropDOMAdapter {
   private savedTargetNode: any;
   private scrollIntervalId: number = null;
 
-  constructor(private dd: IDragDropEngine, private longTap?: boolean) {
-  }
+  constructor(private dd: IDragDropEngine, private longTap: boolean = true) {}
+
   private get rootElement() {
     if(isShadowDOM(settings.environment.root)) {
       return settings.environment.root.host;
@@ -105,7 +105,7 @@ export class DragDropDOMAdapter implements IDragDropDOMAdapter {
       }
 
       this.stopLongTap();
-    }, this.longTap? 500: 0);
+    }, this.longTap ? 500: 0);
 
     document.addEventListener("pointerup", this.stopLongTap);
     document.addEventListener("pointermove", this.stopLongTapIfMoveEnough);
diff --git a/src/dropdownListModel.ts b/src/dropdownListModel.ts
index fb26e39ed3..23249b4330 100644
--- a/src/dropdownListModel.ts
+++ b/src/dropdownListModel.ts
@@ -358,7 +358,7 @@ export class DropdownListModel extends Base {
   }
 
   public onClick(event: any): void {
-    if(this.question.readOnly) return;
+    if (this.question.readOnly || this.question.isDesignMode) return;
     this._popupModel.toggleVisibility();
     this.focusItemOnClickAndPopup();
     if (this.searchEnabled && !!event && !!event.target) {
@@ -373,6 +373,9 @@ export class DropdownListModel extends Base {
     if (options.name == "value") {
       this.showInputFieldComponent = this.question.showInputFieldComponent;
     }
+    if(options.name == "choicesLazyLoadEnabled" && options.newValue) {
+      this.listModel.setOnFilterStringChangedCallback(this.listModelFilterStringChanged);
+    }
   }
   protected focusItemOnClickAndPopup() {
     if (this._popupModel.isVisible && this.question.value)
diff --git a/src/entries/chunks/model.ts b/src/entries/chunks/model.ts
index 336f80eb8c..2f340eb8e1 100644
--- a/src/entries/chunks/model.ts
+++ b/src/entries/chunks/model.ts
@@ -72,6 +72,7 @@ export {
   ISurveyData,
   ITitleOwner,
   ISurveyLayoutElement,
+  IPlainDataOptions as IPlainData,
   IShortcutText
 } from "../../base-interfaces";
 export { SurveyError } from "../../survey-error";
@@ -199,6 +200,7 @@ export {
   SurveyTriggerVisible,
   SurveyTriggerCopyValue,
   SurveyTriggerRunExpression,
+  SurveyTriggerSkip,
   Trigger
 } from "../../trigger";
 export { PopupSurveyModel, SurveyWindowModel } from "../../popup-survey";
diff --git a/src/knockout/templates/comment.html b/src/knockout/templates/comment.html
index d6f241bbd7..d98672feb1 100644
--- a/src/knockout/templates/comment.html
+++ b/src/knockout/templates/comment.html
@@ -1,6 +1,6 @@
 <script type="text/html" id="survey-comment">
   <!--ko if: !question.isReadOnlyRenderDiv() -->
-<textarea data-bind="attr: { id: question.commentId, maxLength: question.getOthersMaxLength(), 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, placeholder: question.commentPlaceholder }, 
+<textarea data-bind="attr: { id: question.commentId, maxLength: question.getOthersMaxLength(), 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, placeholder: question.renderedCommentPlaceholder }, 
         event: { input: function(s, e) { $data.question.onCommentInput(s, e); } }, 
         value: $data.question.comment, 
         visible: $data.visible,
diff --git a/src/list.ts b/src/list.ts
index 6bce812202..17cc64a74e 100644
--- a/src/list.ts
+++ b/src/list.ts
@@ -110,6 +110,9 @@ export class ListModel<T extends BaseAction = Action> extends ActionContainer<T>
     this.selectedItem = selectedItem;
   }
 
+  public setOnFilterStringChangedCallback(callback: (text: string) => void) {
+    this.onFilterStringChangedCallback = callback;
+  }
   public setItems(items: Array<IAction>, sortByVisibleIndex = true): void {
     super.setItems(items, sortByVisibleIndex);
     if(this.elementId) {
diff --git a/src/panel.ts b/src/panel.ts
index 2be12f52cc..1ba0376ff6 100644
--- a/src/panel.ts
+++ b/src/panel.ts
@@ -312,9 +312,11 @@ export class PanelModelBase extends SurveyElement<Question>
       (this.showTitle && this.isDesignMode && settings.designMode.showEmptyTitles)
     );
   }
-  public delete(): void {
+  public delete(doDispose: boolean = true): void {
     this.removeFromParent();
-    this.dispose();
+    if(doDispose) {
+      this.dispose();
+    }
   }
   protected removeFromParent(): void {}
   protected canShowTitle(): boolean { return true; }
diff --git a/src/question.ts b/src/question.ts
index 8f8a827958..227cdec66a 100644
--- a/src/question.ts
+++ b/src/question.ts
@@ -1,7 +1,7 @@
 import { HashTable, Helpers } from "./helpers";
 import { JsonObject, Serializer, property } from "./jsonobject";
 import { Base, EventBase } from "./base";
-import { IElement, IQuestion, IPanel, IConditionRunner, ISurveyImpl, IPage, ITitleOwner, IProgressInfo, ISurvey } from "./base-interfaces";
+import { IElement, IQuestion, IPanel, IConditionRunner, ISurveyImpl, IPage, ITitleOwner, IProgressInfo, ISurvey, IPlainDataOptions } from "./base-interfaces";
 import { SurveyElement } from "./survey-element";
 import { surveyLocalization } from "./surveyStrings";
 import { AnswerRequiredError, CustomError } from "./error";
@@ -260,9 +260,13 @@ export class Question extends SurveyElement<Question>
   public getPanel(): IPanel {
     return null;
   }
-  public delete(): void {
+  public delete(doDispose: boolean = true): void {
     this.removeFromParent();
-    this.dispose();
+    if(doDispose) {
+      this.dispose();
+    } else {
+      this.resetDependedQuestions();
+    }
   }
   protected removeFromParent(): void {
     if (!!this.parent) {
@@ -464,6 +468,7 @@ export class Question extends SurveyElement<Question>
     if (isLight !== true) {
       this.runConditions();
     }
+    this.calcRenderedCommentPlaceholder();
   }
   /**
    * Returns a survey element (panel or page) that contains the question and allows you to move this question to a different survey element.
@@ -685,7 +690,7 @@ export class Question extends SurveyElement<Question>
    * @see comment
    * @see commentText
    */
-  @property({ localizable: true }) commentPlaceholder: string;
+  @property({ localizable: true, onSet: (val, target) => target.calcRenderedCommentPlaceholder() }) commentPlaceholder: string;
 
   public get commentPlaceHolder(): string {
     return this.commentPlaceholder;
@@ -693,6 +698,13 @@ export class Question extends SurveyElement<Question>
   public set commentPlaceHolder(newValue: string) {
     this.commentPlaceholder = newValue;
   }
+  public get renderedCommentPlaceholder(): string {
+    return this.getPropertyValue("renderedCommentPlaceholder");
+  }
+  private calcRenderedCommentPlaceholder() {
+    const res = !this.isReadOnly ? this.commentPlaceHolder : undefined;
+    this.setPropertyValue("renderedCommentPlaceholder", res);
+  }
   public getAllErrors(): Array<SurveyError> {
     return this.errors.slice();
   }
@@ -712,8 +724,9 @@ export class Question extends SurveyElement<Question>
   public updateCustomWidget(): void {
     this.customWidgetValue = CustomWidgetCollection.Instance.getCustomWidget(this);
   }
-  public localeChanged() {
+  public localeChanged(): void {
     super.localeChanged();
+    this.calcRenderedCommentPlaceholder();
     if (!!this.localeChangedCallback) {
       this.localeChangedCallback();
     }
@@ -1195,6 +1208,7 @@ export class Question extends SurveyElement<Question>
     this.setPropertyValue("isInputReadOnly", this.isInputReadOnly);
     super.onReadOnlyChanged();
     this.updateQuestionCss();
+    this.calcRenderedCommentPlaceholder();
   }
   /**
    * A Boolean expression. If it evaluates to `false`, this question becomes read-only.
@@ -1254,6 +1268,7 @@ export class Question extends SurveyElement<Question>
     if (this.isEmpty()) {
       this.initDataFromSurvey();
     }
+    this.calcRenderedCommentPlaceholder();
     this.onIndentChanged();
   }
   protected onSetData(): void {
@@ -1517,15 +1532,7 @@ export class Question extends SurveyElement<Question>
    *
    * Pass an object with the `includeEmpty` property set to `false` if you want to skip empty answers.
    */
-  public getPlainData(
-    options?: {
-      includeEmpty?: boolean,
-      includeQuestionTypes?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    }
-  ): IQuestionPlainData {
+  public getPlainData(options?: IPlainDataOptions): IQuestionPlainData {
     if (!options) {
       options = { includeEmpty: true, includeQuestionTypes: false };
     }
@@ -1543,9 +1550,7 @@ export class Question extends SurveyElement<Question>
         questionPlainData.questionType = this.getType();
       }
       (options.calculations || []).forEach((calculation) => {
-        questionPlainData[calculation.propertyName] = this[
-          calculation.propertyName
-        ];
+        questionPlainData[calculation.propertyName] = this.getPlainDataCalculatedValue(calculation.propertyName);
       });
       if (this.hasComment) {
         questionPlainData.isNode = true;
@@ -1566,6 +1571,9 @@ export class Question extends SurveyElement<Question>
     }
     return undefined;
   }
+  protected getPlainDataCalculatedValue(propName: string): any {
+    return this[propName];
+  }
   /**
    * A correct answer to this question. Specify this property if you want to [create a quiz](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
    * @see SurveyModel.getCorrectAnswerCount
@@ -2320,10 +2328,13 @@ export class Question extends SurveyElement<Question>
   }
   public dispose(): void {
     super.dispose();
+    this.resetDependedQuestions();
+    this.destroyResizeObserver();
+  }
+  private resetDependedQuestions(): void {
     for (var i = 0; i < this.dependedQuestions.length; i++) {
       this.dependedQuestions[i].resetDependedQuestion();
     }
-    this.destroyResizeObserver();
   }
 }
 function makeNameValid(str: string): string {
diff --git a/src/question_baseselect.ts b/src/question_baseselect.ts
index 4df988dbfe..94a27dfc2a 100644
--- a/src/question_baseselect.ts
+++ b/src/question_baseselect.ts
@@ -1,8 +1,8 @@
 import { property, Serializer } from "./jsonobject";
 import { SurveyError } from "./survey-error";
-import { ISurveyImpl, ISurvey, ISurveyData } from "./base-interfaces";
+import { ISurveyImpl, ISurvey, ISurveyData, IPlainDataOptions } from "./base-interfaces";
 import { SurveyModel } from "./survey";
-import { Question } from "./question";
+import { IQuestionPlainData, Question } from "./question";
 import { ItemValue } from "./itemvalue";
 import { surveyLocalization } from "./surveyStrings";
 import { OtherEmptyError } from "./error";
@@ -938,17 +938,11 @@ export class QuestionSelectBase extends Question {
       this.isDesignMode && !this.customWidget && !this.isContentElement;
   }
   public getPlainData(
-    options: {
-      includeEmpty?: boolean,
-      includeQuestionTypes?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    } = {
+    options: IPlainDataOptions = {
       includeEmpty: true,
       includeQuestionTypes: false,
     }
-  ) {
+  ): IQuestionPlainData {
     var questionPlainData = super.getPlainData(options);
     if (!!questionPlainData) {
       var values = Array.isArray(this.value) ? this.value : [this.value];
@@ -990,7 +984,7 @@ export class QuestionSelectBase extends Question {
   protected getDisplayValueEmpty(): string {
     return ItemValue.getTextOrHtmlByValue(this.visibleChoices, undefined);
   }
-  protected getChoicesDisplayValue(items: ItemValue[], val: any): any {
+  private getChoicesDisplayValue(items: ItemValue[], val: any): any {
     if (val == this.otherItemValue.value)
       return this.otherValue ? this.otherValue : this.locOtherText.textOrHtml;
     const selItem = this.getSingleSelectedItem();
diff --git a/src/question_boolean.ts b/src/question_boolean.ts
index c76fd90a33..aca32799dd 100644
--- a/src/question_boolean.ts
+++ b/src/question_boolean.ts
@@ -45,7 +45,7 @@ export class QuestionBooleanModel extends Question {
     return this.value == this.getValueTrue();
   }
   public set booleanValue(val: any) {
-    if (this.isReadOnly) {
+    if (this.isReadOnly || this.isDesignMode) {
       return;
     }
     this.setBooleanValue(val);
@@ -258,9 +258,8 @@ export class QuestionBooleanModel extends Question {
   }
   public onKeyDownCore(event: any): boolean {
     if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-      preventDefaults(event);
+      event.stopPropagation();
       this.calculateBooleanValueByEvent(event, event.key === "ArrowRight");
-      return;
     }
     return true;
   }
diff --git a/src/question_file.ts b/src/question_file.ts
index 89d7fa584a..d236f2b009 100644
--- a/src/question_file.ts
+++ b/src/question_file.ts
@@ -1,4 +1,5 @@
-import { Question } from "./question";
+import { IPlainDataOptions } from "./base-interfaces";
+import { IQuestionPlainData, Question } from "./question";
 import { property, propertyArray, Serializer } from "./jsonobject";
 import { QuestionFactory } from "./questionfactory";
 import { EventBase, ComputedUpdater } from "./base";
@@ -464,15 +465,10 @@ export class QuestionFileModel extends Question {
     return result;
   }
   public getPlainData(
-    options: {
-      includeEmpty?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    } = {
+    options: IPlainDataOptions = {
       includeEmpty: true,
     }
-  ) {
+  ): IQuestionPlainData {
     var questionPlainData = super.getPlainData(options);
     if (!!questionPlainData && !this.isEmpty()) {
       questionPlainData.isNode = false;
diff --git a/src/question_imagepicker.ts b/src/question_imagepicker.ts
index 884daf34c2..1fb3de8d06 100644
--- a/src/question_imagepicker.ts
+++ b/src/question_imagepicker.ts
@@ -411,9 +411,11 @@ export class QuestionImagePickerModel extends QuestionCheckboxBase {
   private reCalcGapBetweenItemsCallback: () => void;
   public afterRender(el: HTMLElement): void {
     super.afterRender(el);
-    if(el && el.querySelector(this.getObservedElementSelector())) {
+    const selector = this.getObservedElementSelector();
+    const observedElement = el && selector ? el.querySelector(selector): undefined;
+    if(!!observedElement) {
       this.reCalcGapBetweenItemsCallback = () => {
-        this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(el.querySelector(this.getObservedElementSelector())).gap)) || 16;
+        this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(observedElement).gap)) || 16;
       };
       this.reCalcGapBetweenItemsCallback();
     }
diff --git a/src/question_matrix.ts b/src/question_matrix.ts
index e6401e697e..9dec95bbef 100644
--- a/src/question_matrix.ts
+++ b/src/question_matrix.ts
@@ -9,10 +9,11 @@ import { RequiredInAllRowsError } from "./error";
 import { QuestionFactory } from "./questionfactory";
 import { LocalizableString, ILocalizableOwner } from "./localizablestring";
 import { QuestionDropdownModel } from "./question_dropdown";
-import { IConditionObject } from "./question";
+import { IConditionObject, IQuestionPlainData } from "./question";
 import { settings } from "./settings";
 import { SurveyModel } from "./survey";
 import { CssClassBuilder } from "./utils/cssClassBuilder";
+import { IPlainDataOptions } from "./base-interfaces";
 
 export interface IMatrixData {
   onMatrixRowChanged(row: MatrixRowModel): void;
@@ -484,15 +485,10 @@ export class QuestionMatrixModel
     return res;
   }
   public getPlainData(
-    options: {
-      includeEmpty?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    } = {
+    options: IPlainDataOptions = {
       includeEmpty: true,
     }
-  ) {
+  ): IQuestionPlainData {
     var questionPlainData = super.getPlainData(options);
     if (!!questionPlainData) {
       var values = this.createValueCopy();
diff --git a/src/question_matrixdropdownbase.ts b/src/question_matrixdropdownbase.ts
index 7ac554a5e8..c84938277d 100644
--- a/src/question_matrixdropdownbase.ts
+++ b/src/question_matrixdropdownbase.ts
@@ -1,9 +1,9 @@
 import { JsonObject, CustomPropertiesCollection, Serializer, property } from "./jsonobject";
 import { QuestionMatrixBaseModel } from "./martixBase";
-import { Question, IConditionObject } from "./question";
+import { Question, IConditionObject, IQuestionPlainData } from "./question";
 import { HashTable, Helpers } from "./helpers";
 import { Base } from "./base";
-import { IElement, IQuestion, ISurveyData, ISurvey, ISurveyImpl, ITextProcessor, IProgressInfo, IPanel } from "./base-interfaces";
+import { IElement, IQuestion, ISurveyData, ISurvey, ISurveyImpl, ITextProcessor, IProgressInfo, IPanel, IPlainDataOptions } from "./base-interfaces";
 import { SurveyElement } from "./survey-element";
 import { TextPreProcessorValue, QuestionTextProcessor } from "./textPreProcessor";
 import { ItemValue } from "./itemvalue";
@@ -1732,16 +1732,7 @@ export class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseModel<Mat
     }
     return rowValue;
   }
-  public getPlainData(
-    options: {
-      includeEmpty?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    } = {
-      includeEmpty: true,
-    }
-  ) {
+  public getPlainData(options: IPlainDataOptions = { includeEmpty: true }): IQuestionPlainData {
     var questionPlainData = super.getPlainData(options);
     if (!!questionPlainData) {
       questionPlainData.isNode = true;
diff --git a/src/question_paneldynamic.ts b/src/question_paneldynamic.ts
index b314aba6f7..96372a42fc 100644
--- a/src/question_paneldynamic.ts
+++ b/src/question_paneldynamic.ts
@@ -8,6 +8,7 @@ import {
   ISurveyImpl,
   ITextProcessor,
   IProgressInfo,
+  IPlainDataOptions,
 } from "./base-interfaces";
 import { SurveyElement } from "./survey-element";
 import { LocalizableString } from "./localizablestring";
@@ -15,7 +16,7 @@ import {
   TextPreProcessorValue,
   QuestionTextProcessor,
 } from "./textPreProcessor";
-import { Question, IConditionObject } from "./question";
+import { Question, IConditionObject, IQuestionPlainData } from "./question";
 import { PanelModel } from "./panel";
 import { JsonObject, property, Serializer } from "./jsonobject";
 import { QuestionFactory } from "./questionfactory";
@@ -1956,16 +1957,7 @@ export class QuestionPanelDynamicModel extends Question
   getRootData(): ISurveyData {
     return this.data;
   }
-  public getPlainData(
-    options: {
-      includeEmpty?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    } = {
-      includeEmpty: true,
-    }
-  ) {
+  public getPlainData(options: IPlainDataOptions = { includeEmpty: true }): IQuestionPlainData {
     var questionPlainData = super.getPlainData(options);
     if (!!questionPlainData) {
       questionPlainData.isNode = true;
diff --git a/src/question_rating.ts b/src/question_rating.ts
index 744cfc5e41..8d746bdff0 100644
--- a/src/question_rating.ts
+++ b/src/question_rating.ts
@@ -7,7 +7,6 @@ import { settings } from "./settings";
 import { surveyLocalization } from "./surveyStrings";
 import { CssClassBuilder } from "./utils/cssClassBuilder";
 import { Base } from "./base";
-import { HtmlConditionItem } from "./expressionItems";
 import { mergeValues } from "./utils/utils";
 import { DropdownListModel } from "./dropdownListModel";
 import { SurveyModel } from "./survey";
@@ -313,6 +312,7 @@ export class QuestionRatingModel extends Question {
   }
 
   protected getDisplayValueCore(keysAsText: boolean, value: any): any {
+    if(!this.useRateValues) return super.getDisplayValueCore(keysAsText, value);
     var res = ItemValue.getTextOrHtmlByValue(this.visibleRateValues, value);
     return !!res ? res : value;
   }
@@ -390,6 +390,12 @@ export class QuestionRatingModel extends Question {
   public supportOther(): boolean {
     return false;
   }
+  protected getPlainDataCalculatedValue(propName: string): any {
+    const res = super.getPlainDataCalculatedValue(propName);
+    if(res !== undefined || !this.useRateValues || this.isEmpty()) return res;
+    const item = <any>ItemValue.getItemByValue(this.visibleRateValues, this.value);
+    return item ? item[propName] : undefined;
+  }
   /**
    * Specifies a description for the minimum (first) rate value.
    * @see rateValues
diff --git a/src/question_text.ts b/src/question_text.ts
index 49d86a3815..df266ac656 100644
--- a/src/question_text.ts
+++ b/src/question_text.ts
@@ -395,7 +395,7 @@ export class QuestionTextModel extends QuestionTextBase {
     }
     return newValue;
   }
-  protected hasPlaceHolder(): boolean {
+  protected hasPlaceholder(): boolean {
     return !this.isReadOnly && this.inputType !== "range";
   }
   public isReadOnlyRenderDiv(): boolean {
diff --git a/src/question_textbase.ts b/src/question_textbase.ts
index eeb1637208..e8958ac004 100644
--- a/src/question_textbase.ts
+++ b/src/question_textbase.ts
@@ -83,10 +83,10 @@ export class QuestionTextBase extends Question {
   public get renderedPlaceholder(): string {
     return this.getPropertyValue("renderedPlaceholder");
   }
-  protected setRenderedPlaceholder(val: string) {
+  protected setRenderedPlaceholder(val: string): void {
     this.setPropertyValue("renderedPlaceholder", val);
   }
-  protected onReadOnlyChanged() {
+  protected onReadOnlyChanged(): void {
     super.onReadOnlyChanged();
     this.calcRenderedPlaceholder();
   }
@@ -94,7 +94,7 @@ export class QuestionTextBase extends Question {
     this.calcRenderedPlaceholder();
     super.onSurveyLoad();
   }
-  public localeChanged() {
+  public localeChanged(): void {
     super.localeChanged();
     this.calcRenderedPlaceholder();
   }
@@ -104,12 +104,12 @@ export class QuestionTextBase extends Question {
   }
   protected calcRenderedPlaceholder() {
     let res = this.placeHolder;
-    if(!!res && !this.hasPlaceHolder()) {
+    if(!!res && !this.hasPlaceholder()) {
       res = undefined;
     }
     this.setRenderedPlaceholder(res);
   }
-  protected hasPlaceHolder(): boolean {
+  protected hasPlaceholder(): boolean {
     return !this.isReadOnly;
   }
   protected setNewValue(newValue: any): void {
diff --git a/src/react/reactquestion_comment.tsx b/src/react/reactquestion_comment.tsx
index 328b17127e..30fb7bf93e 100644
--- a/src/react/reactquestion_comment.tsx
+++ b/src/react/reactquestion_comment.tsx
@@ -70,7 +70,7 @@ export class SurveyQuestionCommentItem extends ReactSurveyElement {
     return this.props.question.commentId;
   }
   protected getPlaceholder(): string {
-    return this.props.question.commentPlaceholder;
+    return this.props.question.renderedCommentPlaceholder;
   }
   protected renderElement(): JSX.Element {
     let question = this.props.question;
diff --git a/src/survey-element.ts b/src/survey-element.ts
index 1c460df1ff..72634fb499 100644
--- a/src/survey-element.ts
+++ b/src/survey-element.ts
@@ -661,7 +661,7 @@ export class SurveyElement<E = any> extends SurveyElementCore implements ISurvey
   public get isQuestion() {
     return false;
   }
-  public delete() { }
+  public delete(doDispose: boolean): void { }
   //ILocalizableOwner
   locOwner: ILocalizableOwner;
   /**
diff --git a/src/survey-events-api.ts b/src/survey-events-api.ts
index 208645413d..669a7f1e48 100644
--- a/src/survey-events-api.ts
+++ b/src/survey-events-api.ts
@@ -397,23 +397,23 @@ export interface GetQuestionNoEvent extends QuestionEventMixin {
 }
 export interface ProgressTextEvent {
   /**
-   * a number of required questions that have input(s) and an user has answered
+   * The number of questions with input fields. [Image](https://surveyjs.io/form-library/examples/add-image-and-video-to-survey/), [HTML](https://surveyjs.io/form-library/examples/questiontype-html/), and [Expression](https://surveyjs.io/form-library/examples/questiontype-expression/) questions are not counted.
    */
-  requiredAnsweredQuestionCount: number;
+  questionCount: number;
   /**
-   * a number of required questions that have input(s). We do not count html or expression questions
+   * The number of answered questions.
    */
-  requiredQuestionCount: number;
+  answeredQuestionCount: number;
   /**
-   * a number of questions that have input(s) and an user has answered
+   * The number of questions marked as required.
    */
-  answeredQuestionCount: number;
+  requiredQuestionCount: number;
   /**
-   * a number of questions that have input(s). We do not count html or expression questions
+   * The number of answered questions marked as required.
    */
-  questionCount: number;
+  requiredAnsweredQuestionCount: number;
   /**
-   * a progress text, that SurveyJS will render in progress bar
+   * Progress text rendered in the [progress bar](#showProgressBar). You can change this parameter's value.
    */
   text: string;
 }
diff --git a/src/survey.ts b/src/survey.ts
index d2e1fb575e..4b38732fa7 100644
--- a/src/survey.ts
+++ b/src/survey.ts
@@ -15,6 +15,7 @@ import {
   IProgressInfo,
   IFindElement,
   ISurveyLayoutElement,
+  IPlainDataOptions,
   LayoutElementContainer
 } from "./base-interfaces";
 import { SurveyElementCore, SurveyElement } from "./survey-element";
@@ -93,7 +94,7 @@ export class SurveyModel extends SurveyElementCore
    *
    * Many question types allow respondents to leave comments. To enable this functionality, set a question's [`showCommentArea`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#showCommentArea) property to `true`. Comment values are saved in a separate property. The property name is composed of the question `name` and `commentSuffix`.
    *
-   * Respondents can also leave a comment when they select "Other" in a single- or multi-select question, such as Dropdown or Checkboxes. The property name for the comment value is composed according to the same rules. However, you can use the question `name` as a key to store the comment value instead. Disable the [`storeOthersAsComment`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#storeOthersAsComment) property in this case.
+   * Respondents can also leave comments when they select "Other" in choice-based questions, such as Dropdown or Checkboxes. The property name for the comment value is composed according to the same rules. However, you can use the question `name` as a key to store the comment value instead. Disable the [`storeOthersAsComment`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#storeOthersAsComment) property in this case.
    *
    * [View Demo](https://surveyjs.io/form-library/examples/create-checkboxes-question-in-javascript/ (linkStyle))
    */
@@ -398,7 +399,8 @@ export class SurveyModel extends SurveyElementCore
    */
   public onGetQuestionNo: EventBase<SurveyModel, GetQuestionNoEvent> = this.addEvent<SurveyModel, GetQuestionNoEvent>();
   /**
-   * Use this event to change the progress text in code.
+   * An event that is raised before the survey displays progress text. Handle this event to change the progress text in code.
+   * @see showProgressBar
    * @see progressBarType
    */
   public onProgressText: EventBase<SurveyModel, ProgressTextEvent> = this.addEvent<SurveyModel, ProgressTextEvent>();
@@ -1461,12 +1463,9 @@ export class SurveyModel extends SurveyElementCore
     }
   }
   /**
-   * Gets or sets the first question index. The first question index is '1' by default. You may start it from '100' or from 'A', by setting '100' or 'A' to this property.
-   * You can set the start index to "(1)" or "# A)" or "a)" to render question number as (1), # A) and a) accordingly.
-   * @see Question.title
-   * @see requiredText
+   * Specifies the initial number or letter from which to start question numbering.
    *
-   * [View Demo](https://surveyjs.io/form-library/examples/survey-processtext/ (linkStyle))
+   * [Question Numbers](https://surveyjs.io/form-library/documentation/design-survey/configure-question-titles#question-numbers (linkStyle))
    */
   public get questionStartIndex(): string {
     return this.getPropertyValue("questionStartIndex", "");
@@ -1475,11 +1474,12 @@ export class SurveyModel extends SurveyElementCore
     this.setPropertyValue("questionStartIndex", val);
   }
   /**
-   * Gets or sets whether the "Others" option text is stored as question comment.
+   * Specifies whether to store the "Other" option response in a separate property.
    *
-   * By default the entered text in the "Others" input in the checkbox/radiogroup/dropdown is stored as `"question name " + "-Comment"`. The value itself is `"question name": "others"`.
-   * Set this property to `false`, to store the entered text directly in the `"question name"` key.
-   * @see commentSuffix
+   * Default value: `true`
+   *
+   * Respondents can leave comments when they select "Other" in choice-based questions, such as Dropdown or Checkboxes. Comment values are saved in a separate property. The property name is composed of the question `name` and [`commentSuffix`](#commentSuffix). However, you can use the question `name` as a key to store the comment value instead. Disable the `storeOthersAsComment` property in this case.
+   * @see maxOthersLength
    */
   public get storeOthersAsComment(): boolean {
     return this.getPropertyValue("storeOthersAsComment");
@@ -1488,9 +1488,11 @@ export class SurveyModel extends SurveyElementCore
     this.setPropertyValue("storeOthersAsComment", val);
   }
   /**
-   * Specifies the default maximum length for questions like text and comment, including matrix cell questions.
+   * Specifies the maximum text length in textual questions ([Single-Line Input](https://surveyjs.io/form-library/examples/text-entry-question/), [Long Text](https://surveyjs.io/form-library/examples/add-open-ended-question-to-a-form/), [Multiple Textboxes](https://surveyjs.io/form-library/examples/multiple-text-box-question/)), measured in characters.
+   *
+   * Default value: 0 (unlimited)
    *
-   * The default value is `0`, that means that the text and comment have the same max length as the standard HTML input - 524288 characters: https://www.w3schools.com/tags/att_input_maxlength.asp.
+   * You can override this setting for individual questions if you specify their [`maxLength`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maxLength) property.
    * @see maxOthersLength
    */
   public get maxTextLength(): number {
@@ -1500,11 +1502,9 @@ export class SurveyModel extends SurveyElementCore
     this.setPropertyValue("maxTextLength", val);
   }
   /**
-   * Gets or sets the default maximum length for question comments and others
+   * Specifies the maximum text length for question comments. Applies to questions with the [`showCommentArea`](https://surveyjs.io/form-library/documentation/api-reference/question#showCommentArea) or [`showOtherItem`](https://surveyjs.io/form-library/documentation/api-reference/question#showOtherItem) property set to `true`.
    *
-   * The default value is `0`, that means that the question comments have the same max length as the standard HTML input - 524288 characters: https://www.w3schools.com/tags/att_input_maxlength.asp.
-   * @see Question.showCommentArea
-   * @see Question.showOtherItem
+   * Default value: 0 (unlimited)
    * @see maxTextLength
    */
   public get maxOthersLength(): number {
@@ -2398,9 +2398,9 @@ export class SurveyModel extends SurveyElementCore
     return options.no;
   }
   /**
-   * Gets or sets whether the survey displays page numbers on pages titles.
+   * Specifies whether page titles contain page numbers.
    *
-   * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
+   * [View Demo](https://surveyjs.io/form-library/examples/how-to-number-pages-and-questions/ (linkStyle))
    */
   public get showPageNumbers(): boolean {
     return this.getPropertyValue("showPageNumbers");
@@ -2548,12 +2548,15 @@ export class SurveyModel extends SurveyElementCore
     this.setPropertyValue("questionErrorLocation", value.toLowerCase());
   }
   /**
-   * Gets or sets the question description position. The default value is `underTitle`.
+   * Specifies where to display question descriptions.
    *
-   * The following options are available:
+   * Possible values:
+   *
+   * - `"underTitle"` (default) - Displays descriptions under question titles.
+   * - `"underInput"` - Displays descriptions under the interactive area.
+   *
+   * You can override this setting for individual questions if you specify their [`descriptionLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#descriptionLocation) property.
    *
-   * - `underTitle` - show question description under the question title,
-   * - `underInput` - show question description under the question input instead of question title.
    */
   public get questionDescriptionLocation(): string {
     return this.getPropertyValue("questionDescriptionLocation");
@@ -2752,16 +2755,7 @@ export class SurveyModel extends SurveyElementCore
    *
    * If you want to skip empty answers, pass an object with the `includeEmpty` property set to `false`.
    */
-  public getPlainData(
-    options?: {
-      includeEmpty?: boolean,
-      includeQuestionTypes?: boolean,
-      includeValues?: boolean,
-      calculations?: Array<{
-        propertyName: string,
-      }>,
-    }
-  ): Array<IQuestionPlainData> {
+  public getPlainData(options?: IPlainDataOptions): Array<IQuestionPlainData> {
     if (!options) {
       options = { includeEmpty: true, includeQuestionTypes: false, includeValues: false };
     }
diff --git a/src/themes/borderless-dark-panelless.ts b/src/themes/borderless-dark-panelless.ts
index eacfe27f14..ce43a855a3 100644
--- a/src/themes/borderless-dark-panelless.ts
+++ b/src/themes/borderless-dark-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/borderless-dark.ts b/src/themes/borderless-dark.ts
index 541d9f678c..77d884ba11 100644
--- a/src/themes/borderless-dark.ts
+++ b/src/themes/borderless-dark.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/borderless-light-panelless.ts b/src/themes/borderless-light-panelless.ts
index c7508d645e..d242be16ed 100644
--- a/src/themes/borderless-light-panelless.ts
+++ b/src/themes/borderless-light-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/borderless-light.ts b/src/themes/borderless-light.ts
index e4b8fad644..f2f072f293 100644
--- a/src/themes/borderless-light.ts
+++ b/src/themes/borderless-light.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/contrast-dark-panelless.ts b/src/themes/contrast-dark-panelless.ts
index 0586b3da20..1a309390d6 100644
--- a/src/themes/contrast-dark-panelless.ts
+++ b/src/themes/contrast-dark-panelless.ts
@@ -24,7 +24,7 @@ const Theme = {
     "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)",
-    "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-border-light": "rgba(232, 192, 51, 1)",
     "--sjs-border-default": "rgba(0, 0, 0, 1)",
     "--sjs-border-inside": "rgba(255, 255, 255, 0.08)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/contrast-dark.ts b/src/themes/contrast-dark.ts
index ae2a8c4280..0c1341cf96 100644
--- a/src/themes/contrast-dark.ts
+++ b/src/themes/contrast-dark.ts
@@ -24,7 +24,7 @@ const Theme = {
     "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)",
-    "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-border-light": "rgba(232, 192, 51, 1)",
     "--sjs-border-default": "rgba(0, 0, 0, 1)",
     "--sjs-border-inside": "rgba(255, 255, 255, 0.08)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/contrast-light-panelless.ts b/src/themes/contrast-light-panelless.ts
index ef0469b2c1..b586cafc34 100644
--- a/src/themes/contrast-light-panelless.ts
+++ b/src/themes/contrast-light-panelless.ts
@@ -24,7 +24,7 @@ const Theme = {
     "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)",
-    "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.2)",
     "--sjs-border-default": "rgba(0, 0, 0, 1)",
     "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/contrast-light.ts b/src/themes/contrast-light.ts
index bcea2a0c96..3cdb339448 100644
--- a/src/themes/contrast-light.ts
+++ b/src/themes/contrast-light.ts
@@ -24,7 +24,7 @@ const Theme = {
     "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)",
-    "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.2)",
     "--sjs-border-default": "rgba(0, 0, 0, 1)",
     "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/default-dark-panelless.ts b/src/themes/default-dark-panelless.ts
index 5232e5faea..6087fb272b 100644
--- a/src/themes/default-dark-panelless.ts
+++ b/src/themes/default-dark-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/default-dark.ts b/src/themes/default-dark.ts
index fc0fe346af..f5ebfe30b4 100644
--- a/src/themes/default-dark.ts
+++ b/src/themes/default-dark.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/default-light-panelless.ts b/src/themes/default-light-panelless.ts
index 585b63784b..32083eb857 100644
--- a/src/themes/default-light-panelless.ts
+++ b/src/themes/default-light-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/default-light.ts b/src/themes/default-light.ts
index 140e822d00..75eea61141 100644
--- a/src/themes/default-light.ts
+++ b/src/themes/default-light.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/doubleborder-dark-panelless.ts b/src/themes/doubleborder-dark-panelless.ts
index b854f20dff..bbc806bf67 100644
--- a/src/themes/doubleborder-dark-panelless.ts
+++ b/src/themes/doubleborder-dark-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/doubleborder-dark.ts b/src/themes/doubleborder-dark.ts
index 3f24b145b1..7d24a60816 100644
--- a/src/themes/doubleborder-dark.ts
+++ b/src/themes/doubleborder-dark.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/doubleborder-light-panelless.ts b/src/themes/doubleborder-light-panelless.ts
index 156425b3d1..243b1a3788 100644
--- a/src/themes/doubleborder-light-panelless.ts
+++ b/src/themes/doubleborder-light-panelless.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 0.07)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)",
+    "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.04)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
     "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 0.1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.1)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/doubleborder-light.ts b/src/themes/doubleborder-light.ts
index bf7e59cbda..a736246587 100644
--- a/src/themes/doubleborder-light.ts
+++ b/src/themes/doubleborder-light.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 0.07)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)",
+    "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.04)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
     "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 0.1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.1)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/flat-dark-panelless.ts b/src/themes/flat-dark-panelless.ts
index dd4e75d207..feb93ce1aa 100644
--- a/src/themes/flat-dark-panelless.ts
+++ b/src/themes/flat-dark-panelless.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.09)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.07)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.07)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/flat-dark.ts b/src/themes/flat-dark.ts
index febdbba621..ebaf4ca78d 100644
--- a/src/themes/flat-dark.ts
+++ b/src/themes/flat-dark.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.09)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.07)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.07)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/flat-light-panelless.ts b/src/themes/flat-light-panelless.ts
index a54428440f..166d52ac28 100644
--- a/src/themes/flat-light-panelless.ts
+++ b/src/themes/flat-light-panelless.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(0, 0, 0, 0.1),0px 2px 6px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.12)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.12)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/flat-light.ts b/src/themes/flat-light.ts
index d5bc936858..43a93c6562 100644
--- a/src/themes/flat-light.ts
+++ b/src/themes/flat-light.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(0, 0, 0, 0.1),0px 2px 6px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.12)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.12)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/layered-dark-panelless.ts b/src/themes/layered-dark-panelless.ts
index f9856cda8b..49d1269289 100644
--- a/src/themes/layered-dark-panelless.ts
+++ b/src/themes/layered-dark-panelless.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
-    "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)",
+    "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 2px 4px 0px rgba(0, 0, 0, 0.2)",
+    "--sjs-shadow-medium": "inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
-    "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)",
+    "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.03),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-border-light": "rgba(54, 56, 69, 1)",
     "--sjs-border-default": "rgba(67, 69, 85, 1)",
     "--sjs-border-inside": "rgba(255, 255, 255, 0.08)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/layered-dark.ts b/src/themes/layered-dark.ts
index 834d512de0..6a2663b8d2 100644
--- a/src/themes/layered-dark.ts
+++ b/src/themes/layered-dark.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
-    "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)",
+    "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 2px 4px 0px rgba(0, 0, 0, 0.2)",
+    "--sjs-shadow-medium": "inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
-    "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)",
+    "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.03),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-border-light": "rgba(54, 56, 69, 1)",
     "--sjs-border-default": "rgba(67, 69, 85, 1)",
     "--sjs-border-inside": "rgba(255, 255, 255, 0.08)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/layered-light-panelless.ts b/src/themes/layered-light-panelless.ts
index 938583338a..f7045201a6 100644
--- a/src/themes/layered-light-panelless.ts
+++ b/src/themes/layered-light-panelless.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
-    "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
+    "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.05),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 2px 4px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
-    "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
+    "--sjs-shadow-inner": "inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.09)",
     "--sjs-border-default": "rgba(0, 0, 0, 0.16)",
     "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/layered-light.ts b/src/themes/layered-light.ts
index a00426f169..dfdf6beb45 100644
--- a/src/themes/layered-light.ts
+++ b/src/themes/layered-light.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
-    "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
+    "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.05),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 2px 4px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
-    "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
+    "--sjs-shadow-inner": "inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.09)",
     "--sjs-border-default": "rgba(0, 0, 0, 0.16)",
     "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/plain-dark-panelless.ts b/src/themes/plain-dark-panelless.ts
index 3500e17649..a92f49b397 100644
--- a/src/themes/plain-dark-panelless.ts
+++ b/src/themes/plain-dark-panelless.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.12)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/plain-dark.ts b/src/themes/plain-dark.ts
index 3bf63d84d7..c5ed73126a 100644
--- a/src/themes/plain-dark.ts
+++ b/src/themes/plain-dark.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.12)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/plain-light-panelless.ts b/src/themes/plain-light-panelless.ts
index 4ffeb5970c..145e020ba2 100644
--- a/src/themes/plain-light-panelless.ts
+++ b/src/themes/plain-light-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/plain-light.ts b/src/themes/plain-light.ts
index 8d971798b2..1c5bd0a619 100644
--- a/src/themes/plain-light.ts
+++ b/src/themes/plain-light.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/predefined-themes.json b/src/themes/predefined-themes.json
index e803b2e088..902b7a625b 100644
--- a/src/themes/predefined-themes.json
+++ b/src/themes/predefined-themes.json
@@ -39,7 +39,52 @@
         "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
         "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
         "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-        "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+        "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "sharp": {
         "--sjs-general-backcolor-dark": "rgba(228, 228, 228, 1)",
@@ -56,7 +101,52 @@
         "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.2)",
         "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.25)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.25)",
-        "--sjs-border-default": "rgba(0, 0, 0, 0.25)"
+        "--sjs-border-default": "rgba(0, 0, 0, 0.25)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "borderless": {
         "--sjs-general-backcolor-dark": "rgba(241, 246, 255, 1)",
@@ -73,7 +163,52 @@
         "--sjs-shadow-small": "0px 0px 0px 0px rgba(0, 0, 0, 0.15)",
         "--sjs-shadow-inner": "inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)",
         "--sjs-border-light": "rgba(220, 229, 241, 1)",
-        "--sjs-border-default": "rgba(179, 200, 229, 1)"
+        "--sjs-border-default": "rgba(179, 200, 229, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "flat": {
         "--sjs-general-backcolor": "rgba(246, 246, 246, 1)",
@@ -87,10 +222,55 @@
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
         "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)",
-        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)",
+        "--sjs-shadow-medium": "0px 0px 0px 1px rgba(0, 0, 0, 0.1),0px 2px 6px 0px rgba(0, 0, 0, 0.1)",
         "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.12)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.12)",
-        "--sjs-border-default": "rgba(0, 0, 0, 0.12)"
+        "--sjs-border-default": "rgba(0, 0, 0, 0.12)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "plain": {
         "--sjs-general-backcolor": "rgba(255, 255, 255, 1)",
@@ -106,7 +286,52 @@
         "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.05)",
         "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.15)",
-        "--sjs-border-default": "rgba(0, 0, 0, 0.15)"
+        "--sjs-border-default": "rgba(0, 0, 0, 0.15)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "doubleborder": {
         "--sjs-general-backcolor": "rgba(255, 255, 255, 1)",
@@ -120,11 +345,56 @@
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
         "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 0.07)",
-        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)",
+        "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.04)",
         "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
         "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 0.1)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.1)",
-        "--sjs-border-default": "rgba(0, 0, 0, 0.1)"
+        "--sjs-border-default": "rgba(0, 0, 0, 0.1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "layered": {
         "--sjs-general-backcolor": "rgba(255, 255, 255, 1)",
@@ -138,8 +408,53 @@
         "--sjs-primary-backcolor-dark": "rgba(105, 84, 152, 1)",
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
-        "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
-        "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)"
+        "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.05),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 2px 4px 0px rgba(0, 0, 0, 0.1)",
+        "--sjs-shadow-inner": "inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "solid": {
         "--sjs-general-backcolor": "rgba(255, 255, 255, 1)",
@@ -158,7 +473,52 @@
         "--sjs-shadow-small": "0px 2px 0px 0px rgba(0, 0, 0, 0.2)",
         "--sjs-shadow-inner": "inset 0px 2px 0px 0px rgba(0, 0, 0, 0.1)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.09)",
-        "--sjs-border-default": "rgba(0, 0, 0, 0.16)"
+        "--sjs-border-default": "rgba(0, 0, 0, 0.16)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "threedimensional": {
         "--sjs-general-backcolor": "rgba(248, 248, 248, 1)",
@@ -171,12 +531,57 @@
         "--sjs-primary-backcolor-dark": "rgba(189, 61, 84, 1)",
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
-        "--sjs-shadow-small": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)",
-        "--sjs-shadow-medium": "0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+        "--sjs-shadow-small": "0px 2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+        "--sjs-shadow-medium": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 8px 0px 2px rgba(228, 228, 228, 1)",
         "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)",
-        "--sjs-shadow-inner": "0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+        "--sjs-shadow-inner": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px -2px 0px 2px rgba(228, 228, 228, 1)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.08)",
-        "--sjs-border-default": "rgba(0, 0, 0, 0.08)"
+        "--sjs-border-default": "rgba(0, 0, 0, 0.08)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "contrast": {
         "--sjs-general-backcolor": "rgba(255, 255, 255, 1)",
@@ -196,9 +601,54 @@
         "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
         "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
         "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)",
-        "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)",
+        "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)",
         "--sjs-border-light": "rgba(0, 0, 0, 0.2)",
-        "--sjs-border-default": "rgba(0, 0, 0, 1)"
+        "--sjs-border-default": "rgba(0, 0, 0, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "default-dark": {
         "--sjs-general-backcolor": "rgba(48, 48, 48, 1)",
@@ -240,7 +690,52 @@
         "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
         "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
         "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-        "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+        "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "sharp-dark": {
         "--sjs-general-backcolor-dark": "rgba(58, 58, 58, 1)",
@@ -257,10 +752,55 @@
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
         "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.28)",
-        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)",
+        "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.25),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
         "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.22)",
         "--sjs-border-light": "rgba(255, 255, 255, 0.22)",
-        "--sjs-border-default": "rgba(255, 255, 255, 0.22)"
+        "--sjs-border-default": "rgba(255, 255, 255, 0.22)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "borderless-dark": {
         "--sjs-general-backcolor": "rgba(43, 48, 63, 1)",
@@ -278,7 +818,52 @@
         "--sjs-shadow-small": "0px 0px 0px 0px rgba(0, 0, 0, 0.35)",
         "--sjs-shadow-inner": "inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2)",
         "--sjs-border-light": "rgba(55, 62, 79, 1)",
-        "--sjs-border-default": "rgba(65, 72, 90, 1)"
+        "--sjs-border-default": "rgba(65, 72, 90, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "flat-dark": {
         "--sjs-general-backcolor": "rgba(48, 48, 48, 1)",
@@ -292,10 +877,55 @@
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
         "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.09)",
-        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
+        "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
         "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.07)",
         "--sjs-border-light": "rgba(255, 255, 255, 0.07)",
-        "--sjs-border-default": "rgba(255, 255, 255, 0.07)"
+        "--sjs-border-default": "rgba(255, 255, 255, 0.07)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "plain-dark": {
         "--sjs-general-backcolor": "rgba(36, 36, 36, 1)",
@@ -309,10 +939,55 @@
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
         "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
-        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
+        "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
         "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)",
         "--sjs-border-light": "rgba(255, 255, 255, 0.12)",
-        "--sjs-border-default": "rgba(255, 255, 255, 0.12)"
+        "--sjs-border-default": "rgba(255, 255, 255, 0.12)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "doubleborder-dark": {
         "--sjs-general-backcolor": "rgba(52, 52, 52, 1)",
@@ -330,7 +1005,52 @@
         "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
         "--sjs-shadow-inner": "0px 0px 0px 2px rgba(255, 255, 255, 0.1)",
         "--sjs-border-light": "rgba(255, 255, 255, 0.1)",
-        "--sjs-border-default": "rgba(255, 255, 255, 0.1)"
+        "--sjs-border-default": "rgba(255, 255, 255, 0.1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "layered-dark": {
         "--sjs-general-backcolor": "rgba(39, 40, 50, 1)",
@@ -347,11 +1067,56 @@
         "--sjs-primary-backcolor-dark": "rgba(192, 165, 251, 1)",
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
-        "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)",
-        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)",
-        "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)",
+        "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 2px 4px 0px rgba(0, 0, 0, 0.2)",
+        "--sjs-shadow-medium": "inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
+        "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.03),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2)",
         "--sjs-border-light": "rgba(54, 56, 69, 1)",
-        "--sjs-border-default": "rgba(67, 69, 85, 1)"
+        "--sjs-border-default": "rgba(67, 69, 85, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "solid-dark": {
         "--sjs-general-backcolor": "rgba(53, 55, 63, 1)",
@@ -369,7 +1134,52 @@
         "--sjs-shadow-small": "0px 2px 0px 0px rgba(33, 35, 43, 1)",
         "--sjs-shadow-inner": "0px -2px 0px 0px rgba(33, 35, 43, 1)",
         "--sjs-border-light": "rgba(65, 69, 83, 1)",
-        "--sjs-border-default": "rgba(97, 101, 118, 1)"
+        "--sjs-border-default": "rgba(97, 101, 118, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "threedimensional-dark": {
         "--sjs-general-backcolor": "rgba(38, 38, 38, 1)",
@@ -382,12 +1192,57 @@
         "--sjs-primary-backcolor-dark": "rgba(250, 118, 157, 1)",
         "--sjs-base-unit": "8px",
         "--sjs-corner-radius": "4px",
-        "--sjs-shadow-small": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)",
-        "--sjs-shadow-medium": "0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+        "--sjs-shadow-small": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+        "--sjs-shadow-medium": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 8px 0px 2px rgba(64, 64, 64, 1)",
         "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)",
-        "--sjs-shadow-inner": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+        "--sjs-shadow-inner": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)",
         "--sjs-border-light": "rgba(255, 255, 255, 0.12)",
-        "--sjs-border-default": "rgba(255, 255, 255, 0.12)"
+        "--sjs-border-default": "rgba(255, 255, 255, 0.12)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "contrast-dark": {
         "--sjs-general-backcolor": "rgba(255, 216, 77, 1)",
@@ -408,76 +1263,931 @@
         "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
         "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)",
         "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)",
-        "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)",
+        "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)",
         "--sjs-border-light": "rgba(232, 192, 51, 1)",
-        "--sjs-border-default": "rgba(0, 0, 0, 1)"
+        "--sjs-border-default": "rgba(0, 0, 0, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "default-lw": {
-        "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)"
+        "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "sharp-lw": {
         "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)",
-        "--sjs-general-backcolor-dim-light": "rgba(238, 238, 238, 1)"
+        "--sjs-general-backcolor-dim-light": "rgba(238, 238, 238, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "borderless-lw": {
         "--sjs-general-backcolor": "rgba(231, 240, 255, 1)",
         "--sjs-general-backcolor-dark": "rgba(220, 232, 252, 1)",
         "--sjs-general-backcolor-dim": "rgba(231, 240, 255, 1)",
         "--sjs-general-backcolor-dim-light": "rgba(255, 255, 255, 1)",
-        "--sjs-general-backcolor-dim-dark": "rgba(220, 232, 252, 1)"
+        "--sjs-general-backcolor-dim-dark": "rgba(220, 232, 252, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "flat-lw": {
-        "--sjs-general-backcolor-dim": "rgba(246, 246, 246, 1)"
+        "--sjs-general-backcolor-dim": "rgba(246, 246, 246, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "doubleborder-lw": {
-        "--sjs-general-backcolor-dim": "rgba(245, 245, 245, 1)"
+        "--sjs-general-backcolor-dim": "rgba(245, 245, 245, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "layered-lw": {
-        "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)"
+        "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "solid-lw": {
         "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)",
         "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 0.91)",
-        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45)"
+        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "threedimensional-lw": {
-        "--sjs-general-backcolor-dim": "rgba(248, 248, 248, 1)"
+        "--sjs-general-backcolor-dim": "rgba(248, 248, 248, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "contrast-lw": {
-        "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)"
+        "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "default-dark-lw": {
-        "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)"
+        "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "sharp-dark-lw": {
         "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)",
-        "--sjs-general-backcolor-dim-light": "rgba(33, 33, 33, 1)"
+        "--sjs-general-backcolor-dim-light": "rgba(33, 33, 33, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "borderless-dark-lw": {
-        "--sjs-general-backcolor-dim": "rgba(43, 48, 63, 1)"
+        "--sjs-general-backcolor-dim": "rgba(43, 48, 63, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "flat-dark-lw": {
-        "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)"
+        "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "doubleborder-dark-lw": {
-        "--sjs-general-backcolor-dim": "rgba(52, 52, 52, 1)"
+        "--sjs-general-backcolor-dim": "rgba(52, 52, 52, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "layered-dark-lw": {
-        "--sjs-general-backcolor-dim": "rgba(39, 40, 50, 1)"
+        "--sjs-general-backcolor-dim": "rgba(39, 40, 50, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "solid-dark-lw": {
-        "--sjs-general-backcolor-dim": "rgba(53, 55, 63, 1)"
+        "--sjs-general-backcolor-dim": "rgba(53, 55, 63, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "contrast-dark-lw": {
         "--sjs-general-backcolor-dim": "rgba(255, 216, 77, 1)",
         "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 1)",
-        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 1)"
+        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 1)",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     },
     "dark-designer": {
         "--sjs-primary-backcolor": "rgba(36, 197, 164, 1)",
         "--sjs-primary-backcolor-light": "rgba(36, 197, 164, 0.1)",
         "--sjs-primary-backcolor-dark": "rgba(44, 206, 173, 1)",
         "--sjs-base-unit": "8px",
-        "--sjs-corner-radius": "4px"
+        "--sjs-corner-radius": "4px",
+        "--sjs-article-font-xx-large-fontSize": "64px",
+        "--sjs-article-font-xx-large-textDecoration": "none",
+        "--sjs-article-font-xx-large-fontWeight": "700",
+        "--sjs-article-font-xx-large-fontStyle": "normal",
+        "--sjs-article-font-xx-large-fontStretch": "normal",
+        "--sjs-article-font-xx-large-letterSpacing": "0",
+        "--sjs-article-font-xx-large-lineHeight": "64px",
+        "--sjs-article-font-xx-large-paragraphIndent": "0px",
+        "--sjs-article-font-xx-large-textCase": "none",
+        "--sjs-article-font-x-large-fontSize": "48px",
+        "--sjs-article-font-x-large-textDecoration": "none",
+        "--sjs-article-font-x-large-fontWeight": "700",
+        "--sjs-article-font-x-large-fontStyle": "normal",
+        "--sjs-article-font-x-large-fontStretch": "normal",
+        "--sjs-article-font-x-large-letterSpacing": "0",
+        "--sjs-article-font-x-large-lineHeight": "56px",
+        "--sjs-article-font-x-large-paragraphIndent": "0px",
+        "--sjs-article-font-x-large-textCase": "none",
+        "--sjs-article-font-large-fontSize": "32px",
+        "--sjs-article-font-large-textDecoration": "none",
+        "--sjs-article-font-large-fontWeight": "700",
+        "--sjs-article-font-large-fontStyle": "normal",
+        "--sjs-article-font-large-fontStretch": "normal",
+        "--sjs-article-font-large-letterSpacing": "0",
+        "--sjs-article-font-large-lineHeight": "40px",
+        "--sjs-article-font-large-paragraphIndent": "0px",
+        "--sjs-article-font-large-textCase": "none",
+        "--sjs-article-font-medium-fontSize": "24px",
+        "--sjs-article-font-medium-textDecoration": "none",
+        "--sjs-article-font-medium-fontWeight": "700",
+        "--sjs-article-font-medium-fontStyle": "normal",
+        "--sjs-article-font-medium-fontStretch": "normal",
+        "--sjs-article-font-medium-letterSpacing": "0",
+        "--sjs-article-font-medium-lineHeight": "32px",
+        "--sjs-article-font-medium-paragraphIndent": "0px",
+        "--sjs-article-font-medium-textCase": "none",
+        "--sjs-article-font-default-fontSize": "16px",
+        "--sjs-article-font-default-textDecoration": "none",
+        "--sjs-article-font-default-fontWeight": "400",
+        "--sjs-article-font-default-fontStyle": "normal",
+        "--sjs-article-font-default-fontStretch": "normal",
+        "--sjs-article-font-default-letterSpacing": "0",
+        "--sjs-article-font-default-lineHeight": "28px",
+        "--sjs-article-font-default-paragraphIndent": "0px",
+        "--sjs-article-font-default-textCase": "none"
     }
 }
\ No newline at end of file
diff --git a/src/themes/sharp-dark-panelless.ts b/src/themes/sharp-dark-panelless.ts
index acacf0168e..f1e540d3cd 100644
--- a/src/themes/sharp-dark-panelless.ts
+++ b/src/themes/sharp-dark-panelless.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.28)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.25),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.22)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.22)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/sharp-dark.ts b/src/themes/sharp-dark.ts
index db2aab9d0c..026dcd6eeb 100644
--- a/src/themes/sharp-dark.ts
+++ b/src/themes/sharp-dark.ts
@@ -22,7 +22,7 @@ const Theme = {
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
     "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.28)",
-    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)",
+    "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.25),0px 2px 6px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)",
     "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.22)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.22)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/sharp-light-panelless.ts b/src/themes/sharp-light-panelless.ts
index 7a84df8ad6..da47124e5b 100644
--- a/src/themes/sharp-light-panelless.ts
+++ b/src/themes/sharp-light-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/sharp-light.ts b/src/themes/sharp-light.ts
index 64b332a58d..a12160314c 100644
--- a/src/themes/sharp-light.ts
+++ b/src/themes/sharp-light.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/solid-dark-panelless.ts b/src/themes/solid-dark-panelless.ts
index 4a06c9a4e5..d4a6104c82 100644
--- a/src/themes/solid-dark-panelless.ts
+++ b/src/themes/solid-dark-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/solid-dark.ts b/src/themes/solid-dark.ts
index 284b12d3b9..b2c92452d3 100644
--- a/src/themes/solid-dark.ts
+++ b/src/themes/solid-dark.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/solid-light-panelless.ts b/src/themes/solid-light-panelless.ts
index 5201898d98..89b189152c 100644
--- a/src/themes/solid-light-panelless.ts
+++ b/src/themes/solid-light-panelless.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/solid-light.ts b/src/themes/solid-light.ts
index 0b8571e6d6..9748bf4d82 100644
--- a/src/themes/solid-light.ts
+++ b/src/themes/solid-light.ts
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/threedimensional-dark-panelless.ts b/src/themes/threedimensional-dark-panelless.ts
index f66877609a..89db6892ab 100644
--- a/src/themes/threedimensional-dark-panelless.ts
+++ b/src/themes/threedimensional-dark-panelless.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
-    "--sjs-shadow-small": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)",
-    "--sjs-shadow-medium": "0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+    "--sjs-shadow-small": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+    "--sjs-shadow-medium": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 8px 0px 2px rgba(64, 64, 64, 1)",
     "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)",
-    "--sjs-shadow-inner": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.12)",
     "--sjs-border-default": "rgba(255, 255, 255, 0.12)",
     "--sjs-border-inside": "rgba(255, 255, 255, 0.08)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/threedimensional-dark.ts b/src/themes/threedimensional-dark.ts
index 574227ad56..d84cb086dc 100644
--- a/src/themes/threedimensional-dark.ts
+++ b/src/themes/threedimensional-dark.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)",
-    "--sjs-shadow-small": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)",
-    "--sjs-shadow-medium": "0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+    "--sjs-shadow-small": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+    "--sjs-shadow-medium": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 8px 0px 2px rgba(64, 64, 64, 1)",
     "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)",
-    "--sjs-shadow-inner": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)",
     "--sjs-border-light": "rgba(255, 255, 255, 0.12)",
     "--sjs-border-default": "rgba(255, 255, 255, 0.12)",
     "--sjs-border-inside": "rgba(255, 255, 255, 0.08)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/themes/threedimensional-light-panelless.ts b/src/themes/threedimensional-light-panelless.ts
index 53421dec57..9b6c0cf1a0 100644
--- a/src/themes/threedimensional-light-panelless.ts
+++ b/src/themes/threedimensional-light-panelless.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
-    "--sjs-shadow-small": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)",
-    "--sjs-shadow-medium": "0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+    "--sjs-shadow-small": "0px 2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+    "--sjs-shadow-medium": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 8px 0px 2px rgba(228, 228, 228, 1)",
     "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)",
-    "--sjs-shadow-inner": "0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px -2px 0px 2px rgba(228, 228, 228, 1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.08)",
     "--sjs-border-default": "rgba(0, 0, 0, 0.08)",
     "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": true
 };
diff --git a/src/themes/threedimensional-light.ts b/src/themes/threedimensional-light.ts
index 353d3366fc..1e43863024 100644
--- a/src/themes/threedimensional-light.ts
+++ b/src/themes/threedimensional-light.ts
@@ -21,10 +21,10 @@ const Theme = {
     "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
     "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
-    "--sjs-shadow-small": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)",
-    "--sjs-shadow-medium": "0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+    "--sjs-shadow-small": "0px 2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+    "--sjs-shadow-medium": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 8px 0px 2px rgba(228, 228, 228, 1)",
     "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)",
-    "--sjs-shadow-inner": "0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)",
+    "--sjs-shadow-inner": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px -2px 0px 2px rgba(228, 228, 228, 1)",
     "--sjs-border-light": "rgba(0, 0, 0, 0.08)",
     "--sjs-border-default": "rgba(0, 0, 0, 0.08)",
     "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
@@ -39,7 +39,52 @@ const Theme = {
     "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
     "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
     "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
-    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-fontSize": "64px",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-fontSize": "48px",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-fontSize": "32px",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-fontSize": "24px",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-fontSize": "16px",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
   },
   "isPanelless": false
 };
diff --git a/src/vue/question-comment.vue b/src/vue/question-comment.vue
index 24b21c4405..d41a380688 100644
--- a/src/vue/question-comment.vue
+++ b/src/vue/question-comment.vue
@@ -7,7 +7,7 @@
       :class="question.cssClasses.other || commentClass"
       :value="question.comment"
       :maxlength="question.getOthersMaxLength()"
-      :placeholder="question.commentPlaceholder"
+      :placeholder="question.renderedCommentPlaceholder"
       :aria-label="question.ariaLabel"
       :aria-required="question.ariaRequired"
       v-bind:style="{ resize: question.resizeStyle }"
diff --git a/tests/dragdrophelpertests.ts b/tests/dragdrophelpertests.ts
index cd4f047424..33af1ca621 100644
--- a/tests/dragdrophelpertests.ts
+++ b/tests/dragdrophelpertests.ts
@@ -365,4 +365,22 @@ QUnit.test("rows: check matrixdynamic d&d", function (assert) {
   ddHelper.clear();
   assert.strictEqual(question.renderedTable.rows[1].row, question.visibleRows[0]);
   assert.strictEqual(question.renderedTable.rows[3].row, question.visibleRows[1]);
+});
+
+QUnit.test("ranking selectToRank for ChoicesDND(creator)", function (assert) {
+  const json = {
+    questions: [
+      {
+        type: "ranking",
+        name: "q1",
+        selectToRankEnabled: true,
+        choices: ["item1", "item2", "item3", "item4"]
+      },
+    ],
+  };
+  const survey = new SurveyModel(json);
+
+  let ddHelper:any = new DragDropChoices(survey);
+  ddHelper.parentElement = survey.getQuestionByName("q1");
+  assert.equal(ddHelper["getVisibleChoices"]().length, 4);
 });
\ No newline at end of file
diff --git a/tests/dropdown_list_model_test.ts b/tests/dropdown_list_model_test.ts
index 7896b3a856..8ffd05193a 100644
--- a/tests/dropdown_list_model_test.ts
+++ b/tests/dropdown_list_model_test.ts
@@ -846,3 +846,21 @@ QUnit.test("lazy loading clear value", function (assert) {
   assert.equal(dropdownListModel.inputStringRendered, "");
 });
 
+QUnit.test("Dropdown should noy be open on click in design mode", (assert) => {
+  const survey = new SurveyModel(jsonDropdown);
+  const question = <QuestionDropdownModel>survey.getAllQuestions()[0];
+  const dropdownListModel = question.dropdownListModel;
+  assert.ok(dropdownListModel.popupModel);
+
+  const list: ListModel = dropdownListModel.popupModel.contentComponentData.model as ListModel;
+  assert.equal(list.actions.length, 28);
+  assert.notOk(dropdownListModel.popupModel.isVisible);
+  dropdownListModel.onClick(new Event("click"));
+  assert.ok(dropdownListModel.popupModel.isVisible);
+  dropdownListModel.onClick(new Event("click"));
+  assert.notOk(dropdownListModel.popupModel.isVisible);
+  survey.setDesignMode(true);
+
+  dropdownListModel.onClick(new Event("click"));
+  assert.notOk(dropdownListModel.popupModel.isVisible);
+});
\ No newline at end of file
diff --git a/tests/questionBooleanTests.ts b/tests/questionBooleanTests.ts
index 615e8c84eb..78b8950b40 100644
--- a/tests/questionBooleanTests.ts
+++ b/tests/questionBooleanTests.ts
@@ -191,4 +191,50 @@ QUnit.test("Check boolean labelRenderedAriaID", function (assert) {
 
   question.titleLocation = "hidden";
   assert.strictEqual(question.labelRenderedAriaID.indexOf("_ariaTitle") !== -1, true);
+});
+
+QUnit.test("Boolean shouldn't call preventDefault on key down", function (assert) {
+  var json = {
+    "elements": [
+      {
+        "type": "boolean",
+        "name": "bool",
+      }
+    ]
+  };
+  var survey = new SurveyModel(json);
+  var question = <QuestionBooleanModel>survey.getAllQuestions()[0];
+
+  let pdCount = 0;
+  let spCount = 0;
+  const event = {
+    key: "ArrowLeft",
+    target: document.createElement("div"),
+    preventDefault: () => { pdCount++; },
+    stopPropagation: () => { spCount++; }
+  };
+  question.onKeyDownCore(event);
+  assert.equal(pdCount, 0);
+  assert.equal(spCount, 1);
+});
+QUnit.test("Boolean shouldn't set booleanValue in design time", function (assert) {
+  var json = {
+    "elements": [
+      {
+        "type": "boolean",
+        "name": "bool",
+      }
+    ]
+  };
+  var survey = new SurveyModel(json);
+  var question = <QuestionBooleanModel>survey.getAllQuestions()[0];
+
+  assert.equal(question.value, undefined);
+
+  question.booleanValue = true;
+  assert.equal(question.value, true);
+
+  survey.setDesignMode(true);
+  question.booleanValue = false;
+  assert.equal(question.value, true);
 });
\ No newline at end of file
diff --git a/tests/questionDropdownTests.ts b/tests/questionDropdownTests.ts
index 969d590ee7..2e733f2ec8 100644
--- a/tests/questionDropdownTests.ts
+++ b/tests/questionDropdownTests.ts
@@ -1655,4 +1655,45 @@ QUnit.test("isReady flag + onGetChoiceDisplayValue + choicesRestfull", assert =>
   assert.ok(question["waitingAcyncOperations"]);
   assert.notOk(question["waitingChoicesByURL"]);
   assert.ok(question["waitingGetChoiceDisplayValueResponse"]);
+});
+
+QUnit.test("lazy loading: change choicesLazyLoadEnabled on runtime", assert => {
+  const json = {
+    questions: [{
+      "type": "dropdown",
+      "name": "q1",
+    }]
+  };
+  const survey = new SurveyModel(json);
+  survey.onChoicesLazyLoad.add((_, opt) => {
+    const total = 55;
+    const result: Array<any> = [];
+    for (let index = 0; index < total; index++) {
+      result.push({ value: "item" + index, text: "item" + index });
+    }
+    if(opt.filter === "des") {
+      opt.setItems(result.slice(10, 15), total);
+    } else {
+      opt.setItems(result.slice(0, 15), total);
+    }
+  });
+
+  const question = <QuestionDropdownModel>survey.getAllQuestions()[0];
+  assert.equal(question.choicesLazyLoadEnabled, false);
+  assert.equal(question.choices.length, 0);
+
+  question.choicesLazyLoadEnabled = true;
+  assert.equal(question.choicesLazyLoadEnabled, true);
+  assert.equal(question.choices.length, 0);
+  assert.equal(question.dropdownListModel["listModel"].visibleItems.length, 0, "#1");
+
+  question.dropdownListModel.popupModel.isVisible = true;
+  assert.equal(question.choices.length, 15);
+  assert.equal(question.dropdownListModel["listModel"].visibleItems.length, 16, "#2");
+  assert.equal(question.dropdownListModel["listModel"].visibleItems[15].id, "loadingIndicator");
+
+  question.dropdownListModel.filterString = "des";
+  assert.equal(question.choices.length, 5);
+  assert.equal(question.dropdownListModel["listModel"].visibleItems.length, 6, "#3");
+  assert.equal(question.dropdownListModel["listModel"].visibleItems[5].id, "loadingIndicator");
 });
\ No newline at end of file
diff --git a/tests/questionImagepicker.ts b/tests/questionImagepicker.ts
index ede1612288..6d905762ac 100644
--- a/tests/questionImagepicker.ts
+++ b/tests/questionImagepicker.ts
@@ -339,4 +339,43 @@ QUnit.test("check contentNotLoaded and contentMode flags behavior", function(ass
   assert.notOk(choice.contentNotLoaded);
   question.contentMode = "video";
   assert.ok(choice.contentNotLoaded);
+});
+
+QUnit.test("check reCalcGap", function(assert) {
+  const survey = new SurveyModel(
+    {
+      "elements": [
+        {
+          "type": "imagepicker",
+          "name": "question2",
+          "choices": [
+            {
+              "value": "lion",
+              "imageLink": "test"
+            },
+          ],
+        }
+      ]
+    }
+  );
+  const question = <QuestionImagePickerModel>survey.getAllQuestions()[0];
+  survey.css = defaultV2Css;
+  const container = document.createElement("div");
+  const itemsContainer = document.createElement("div");
+  itemsContainer.className = survey.css.imagepicker.root;
+  container.appendChild(itemsContainer);
+
+  assert.notOk(question["reCalcGapBetweenItemsCallback"]);
+  question.afterRender(container);
+  assert.ok(!!question["reCalcGapBetweenItemsCallback"]);
+
+  question["reCalcGapBetweenItemsCallback"] = undefined as any;
+  question.cssClasses.root = "";
+  question.afterRender(container);
+  assert.notOk(!!question["reCalcGapBetweenItemsCallback"]);
+
+  container.innerHTML = "";
+  survey.cssClasses.root = "some-class";
+  question.afterRender(container);
+  assert.notOk(!!question["reCalcGapBetweenItemsCallback"]);
 });
\ No newline at end of file
diff --git a/tests/question_baseselecttests.ts b/tests/question_baseselecttests.ts
index 4ae4b4eb5b..2aa98ea9d6 100644
--- a/tests/question_baseselecttests.ts
+++ b/tests/question_baseselecttests.ts
@@ -1173,6 +1173,21 @@ QUnit.test("Check isUsingCarryForward on deleting matrix dynamic question", func
   assert.notOk(q2.choicesFromQuestion, "it is empty");
   assert.equal(q2.isUsingCarryForward, false, "Carryforward flag is unset");
 });
+QUnit.test("Check isUsingCarryForward on deleting matrix dynamic question with doDispose = false parameter", function (assert) {
+  const survey = new SurveyModel();
+  survey.setDesignMode(true);
+  survey.fromJSON({ elements: [
+    { type: "matrixdynamic", name: "q1" },
+    { type: "dropdown", name: "q2", choicesFromQuestion: "q1" }
+  ] });
+  const q1 = <QuestionSelectBase>survey.getQuestionByName("q1");
+  const q2 = <QuestionSelectBase>survey.getQuestionByName("q2");
+  assert.equal(q2.choicesFromQuestion, "q1", "set correctly");
+  assert.equal(q2.isUsingCarryForward, true, "Carryforward flag is set");
+  q1.delete(false);
+  assert.notOk(q2.choicesFromQuestion, "it is empty");
+  assert.equal(q2.isUsingCarryForward, false, "Carryforward flag is unset");
+});
 QUnit.test("Use carryForward with panel dynamic + update data on survey.data=data;", function (assert) {
   const survey = new SurveyModel({ elements: [
     { type: "checkbox", name: "q2", choicesFromQuestion: "q1", choiceValuesFromQuestion: "q1-q2", choiceTextsFromQuestion: "q1-q3" },
@@ -1189,4 +1204,11 @@ QUnit.test("Use carryForward with panel dynamic + update data on survey.data=dat
   assert.equal(q2.visibleChoices[1].value, 2, "the second value is correct");
   assert.equal(q2.visibleChoices[1].text, "Item 2", "the second text is correct");
 });
+QUnit.test("Allow to override default value fro choicesByUrl.path Bug#6766", function (assert) {
+  const prop = Serializer.findProperty("choicesByUrl", "path");
+  prop.defaultValue = "list";
+  const q1 = new QuestionDropdownModel("q1");
+  assert.equal(q1.choicesByUrl.path, "list", "get new default value for path");
+  prop.defaultValue = undefined;
+});
 
diff --git a/tests/surveyquestiontests.ts b/tests/surveyquestiontests.ts
index 6607efce30..1760cd5ad9 100644
--- a/tests/surveyquestiontests.ts
+++ b/tests/surveyquestiontests.ts
@@ -7091,6 +7091,32 @@ QUnit.test("Try to set incorrect values, bug#6629", function (assert) {
   assert.deepEqual(q6.value, ["f"], "Convert to array");
   ConsoleWarnings.inCorrectQuestionValue = oldFunc;
 });
+QUnit.test("Update on changing commentPlaceholder UI immediately, bug#6797", function (assert) {
+  const survey = new SurveyModel({
+    elements: [
+      {
+        type: "file",
+        name: "q1",
+        showCommentArea: true,
+        commentPlaceholder: {
+          default: "abc",
+          de: "abc-de"
+        }
+      }
+    ] });
+  const q1 = survey.getQuestionByName("q1");
+  assert.equal(q1.renderedCommentPlaceholder, "abc", "Loaded from survey");
+  q1.readOnly = true;
+  assert.notOk(q1.renderedCommentPlaceholder, "Do not show when read-only");
+  q1.commentPlaceholder = "edf";
+  assert.notOk(q1.renderedCommentPlaceholder, "Do not show when read-only, #2");
+  q1.readOnly = false;
+  assert.equal(q1.renderedCommentPlaceholder, "edf", "question is not read-only");
+  q1.commentPlaceholder = "abcd";
+  assert.equal(q1.renderedCommentPlaceholder, "abcd", "comment placeholder is changed");
+  survey.locale = "de";
+  assert.equal(q1.renderedCommentPlaceholder, "abc-de", "locale is changed");
+});
 QUnit.test("Dynamic error text in expression validator, bug#6790", function (assert) {
   const survey = new SurveyModel({
     checkErrorsMode: "onValueChanged",
@@ -7130,5 +7156,4 @@ QUnit.test("Dynamic error text in expression validator, bug#6790", function (ass
   assert.equal(error.locText.renderedHtml, "80% left.", "Old error text is correct, #2");
   assert.strictEqual(error, q2.errors[0], "Same errors");
   assert.equal(errorTextChangedCounter, 1, "text has been updated");
-});
-
+});
\ No newline at end of file
diff --git a/tests/surveytests.ts b/tests/surveytests.ts
index 2b41454b36..a5b7126c7b 100644
--- a/tests/surveytests.ts
+++ b/tests/surveytests.ts
@@ -10188,6 +10188,95 @@ QUnit.test(
     Serializer.removeProperty("itemvalue", "score");
   }
 );
+QUnit.test("getPlainData - calculate itemvalue.score in rate question, Bug#6804",
+  function (assert) {
+    Serializer.addProperty("itemvalue", { name: "score:number" });
+
+    var survey = new SurveyModel({
+      questions: [
+        {
+          type: "rating",
+          name: "q1",
+          rateValues: [{ value: 1, score: 2, text: "Score 2" }, { value: 2, score: 4, text: "Score 4" }]
+        },
+        {
+          type: "dropdown",
+          name: "q2",
+          choices: [
+            {
+              value: "item1",
+              score: 1,
+            },
+            {
+              value: "item2",
+              score: 2,
+            },
+            {
+              value: "item3",
+              score: 3,
+            },
+          ],
+        },
+        {
+          type: "checkbox",
+          name: "q3",
+          choices: [
+            {
+              value: "item1",
+              score: 1,
+            },
+            {
+              value: "item2",
+              score: 2,
+            },
+            {
+              value: "item3",
+              score: 3,
+            },
+          ],
+        }
+      ]
+    });
+    survey.data = {
+      q1: 2,
+      q2: "item2",
+      q3: ["item2", "item3"]
+    };
+    const q1 = survey.getQuestionByName("q1");
+    const q1PlainData = q1.getPlainData({ calculations: [{ propertyName: "score" }] });
+    assert.equal(q1PlainData.displayValue, "Score 4", "display value is correct");
+    assert.equal(q1PlainData.isNode, false, "it is not a node");
+    assert.equal((<any>q1PlainData).score, 4, "score is correct");
+
+    const plainData = survey.getPlainData({
+      includeEmpty: false,
+      calculations: [{ propertyName: "score" }],
+    });
+    const calculate = (
+      plainData: Array<{
+        isNode: boolean,
+        score?: number,
+        data?: Array<any>,
+      }> = []
+    ): number => {
+      return plainData.reduce((result, current) => {
+        var currentScore = current.score;
+        if (current.isNode) {
+          currentScore = calculate(current.data);
+        }
+        if (currentScore) {
+          return result + currentScore;
+        }
+        return result;
+      }, 0);
+    };
+
+    const surveyScore = calculate(plainData);
+    assert.equal(surveyScore, 11, "overall survey score for answered questions");
+
+    Serializer.removeProperty("itemvalue", "score");
+  }
+);
 
 QUnit.test(
   "question.getPlainData - select base - multiple select - other",
@@ -10219,7 +10308,7 @@ QUnit.test(
     question.value = ["other", "giraffe"];
     question.comment = "Other value text";
 
-    var plainData = question.getPlainData();
+    const plainData = question.getPlainData();
     assert.deepEqual(plainData.value, ["other", "giraffe"]);
     assert.equal(plainData.isNode, true);
     assert.deepEqual(plainData.data.length, 2);
diff --git a/themes-import.js b/themes-import.js
index a6d1b9850f..77ec26875e 100644
--- a/themes-import.js
+++ b/themes-import.js
@@ -1,6 +1,7 @@
 const fs = require("fs");
 const MikeThemes = require("./themes.json");
 var themes = {};
+var articleFontSettings = {};
 
 const _dirPath = "./src/themes/";
 const displayNameMap = {
@@ -58,7 +59,23 @@ function getShadowSettings(shadowGroup) {
   return createBoxShadow(result);
 }
 
-Object.keys(MikeThemes).forEach(function (themeName) {
+if(!!MikeThemes["article"] && Object.keys(MikeThemes["article"]).length > 0) {
+  const allowedSettings = ["fontSize", "textDecoration", "fontWeight", "fontStyle", "fontStretch", "letterSpacing", "lineHeight", "paragraphIndent", "textCase"];
+  Object.keys(MikeThemes["article"]).forEach(fontSettingsName => {
+    const fontSettings = MikeThemes["article"][fontSettingsName];
+    if(!!fontSettings && Object.keys(fontSettings).length > 0) {
+      Object.keys(fontSettings).filter(key => allowedSettings.indexOf(key) !== -1).forEach(key => {
+        let value = fontSettings[key]["value"];
+        if(value !== undefined) {
+          value = value + ((fontSettings[key]["type"] === "number" && fontSettings[key]["unit"] === "pixel") ? "px": "");
+        }
+        articleFontSettings["--sjs-article-font-" + fontSettingsName + "-" + key] = value;
+      });
+    }
+  });
+}
+
+Object.keys(MikeThemes).filter(key => ["light", "dark", "ui", "article"].indexOf(key) === -1).forEach(function (themeName) {
   console.log(themeName);
 
   const generalGroup = MikeThemes[themeName]["general"];
@@ -128,6 +145,7 @@ Object.keys(MikeThemes).forEach(function (themeName) {
     themes[displayThemeName]["--sjs-special-yellow-light"] = specialGroup["yellow-light"] ? specialGroup["yellow-light"]["value"] : undefined;
     themes[displayThemeName]["--sjs-special-yellow-forecolor"] = specialGroup["yellow-forecolor"] ? specialGroup["yellow-forecolor"]["value"] : undefined;
   }
+  themes[displayThemeName] = Object.assign(themes[displayThemeName], articleFontSettings);
 });
 
 const predefinedThemesContent = JSON.stringify(themes, null, 4);
diff --git a/themes.json b/themes.json
index eb009ba1f6..62a96a352c 100644
--- a/themes.json
+++ b/themes.json
@@ -219,6 +219,12 @@
         "exportKey": "color",
         "value": "rgba(255, 255, 255, 1)",
         "type": "color"
+      },
+      "white": {
+        "category": "color",
+        "exportKey": "color",
+        "value": "rgba(255, 255, 255, 1)",
+        "type": "color"
       }
     },
     "code": {
@@ -407,6 +413,138 @@
           "type": "number",
           "unit": "pixel"
         }
+      },
+      "cover-text-glow": {
+        "0": {
+          "type": {
+            "value": "dropShadow",
+            "type": "string"
+          },
+          "radius": {
+            "value": 16,
+            "type": "number",
+            "unit": "pixel"
+          },
+          "color": {
+            "value": "rgba(0, 0, 0, 1)",
+            "type": "color"
+          },
+          "offset": {
+            "x": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            },
+            "y": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            }
+          },
+          "spread": {
+            "value": 16,
+            "type": "number",
+            "unit": "pixel"
+          }
+        },
+        "1": {
+          "type": {
+            "value": "dropShadow",
+            "type": "string"
+          },
+          "radius": {
+            "value": 32,
+            "type": "number",
+            "unit": "pixel"
+          },
+          "color": {
+            "value": "rgba(0, 0, 0, 1)",
+            "type": "color"
+          },
+          "offset": {
+            "x": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            },
+            "y": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            }
+          },
+          "spread": {
+            "value": 32,
+            "type": "number",
+            "unit": "pixel"
+          }
+        },
+        "2": {
+          "type": {
+            "value": "dropShadow",
+            "type": "string"
+          },
+          "radius": {
+            "value": 32,
+            "type": "number",
+            "unit": "pixel"
+          },
+          "color": {
+            "value": "rgba(0, 0, 0, 1)",
+            "type": "color"
+          },
+          "offset": {
+            "x": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            },
+            "y": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            }
+          },
+          "spread": {
+            "value": 32,
+            "type": "number",
+            "unit": "pixel"
+          }
+        },
+        "3": {
+          "type": {
+            "value": "dropShadow",
+            "type": "string"
+          },
+          "radius": {
+            "value": 64,
+            "type": "number",
+            "unit": "pixel"
+          },
+          "color": {
+            "value": "rgba(0, 0, 0, 1)",
+            "type": "color"
+          },
+          "offset": {
+            "x": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            },
+            "y": {
+              "value": 0,
+              "type": "number",
+              "unit": "pixel"
+            }
+          },
+          "spread": {
+            "value": 64,
+            "type": "number",
+            "unit": "pixel"
+          }
+        },
+        "category": "effect",
+        "exportKey": "effect"
       }
     }
   },
@@ -773,7 +911,7 @@
             "type": "string"
           },
           "radius": {
-            "value": 6,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
@@ -788,13 +926,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -805,7 +943,7 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 6,
             "type": "number",
             "unit": "pixel"
           },
@@ -820,13 +958,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -1207,12 +1345,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 6,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.04)",
+            "value": "rgba(0, 0, 0, 0.08)",
             "type": "color"
           },
           "offset": {
@@ -1222,13 +1360,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 2,
             "type": "number",
             "unit": "pixel"
           }
@@ -1239,12 +1377,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 6,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.08)",
+            "value": "rgba(0, 0, 0, 0.04)",
             "type": "color"
           },
           "offset": {
@@ -1254,13 +1392,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 2,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -1405,12 +1543,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 4,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.1)",
+            "value": "rgba(0, 0, 0, 0.05)",
             "type": "color"
           },
           "offset": {
@@ -1420,13 +1558,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -1469,12 +1607,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 4,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.05)",
+            "value": "rgba(0, 0, 0, 0.1)",
             "type": "color"
           },
           "offset": {
@@ -1484,13 +1622,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -1505,12 +1643,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 4,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.1)",
+            "value": "rgba(0, 0, 0, 0.05)",
             "type": "color"
           },
           "offset": {
@@ -1520,13 +1658,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 1,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -1537,12 +1675,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 4,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.05)",
+            "value": "rgba(0, 0, 0, 0.1)",
             "type": "color"
           },
           "offset": {
@@ -1552,13 +1690,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 1,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -1848,7 +1986,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 8,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -1880,7 +2018,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 8,
               "type": "number",
               "unit": "pixel"
             }
@@ -1916,7 +2054,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
@@ -1948,7 +2086,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -1984,7 +2122,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": -2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -2016,7 +2154,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": -2,
               "type": "number",
               "unit": "pixel"
             }
@@ -2248,7 +2386,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": -2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -2280,7 +2418,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": -2,
               "type": "number",
               "unit": "pixel"
             }
@@ -2749,12 +2887,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 6,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.2)",
+            "value": "rgba(255, 255, 255, 0.25)",
             "type": "color"
           },
           "offset": {
@@ -2764,13 +2902,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -2781,12 +2919,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 6,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(255, 255, 255, 0.25)",
+            "value": "rgba(0, 0, 0, 0.2)",
             "type": "color"
           },
           "offset": {
@@ -2796,13 +2934,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -3105,12 +3243,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 6,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.2)",
+            "value": "rgba(255, 255, 255, 0.12)",
             "type": "color"
           },
           "offset": {
@@ -3120,13 +3258,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -3137,12 +3275,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 6,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(255, 255, 255, 0.12)",
+            "value": "rgba(0, 0, 0, 0.2)",
             "type": "color"
           },
           "offset": {
@@ -3152,13 +3290,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -3311,12 +3449,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 6,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.2)",
+            "value": "rgba(255, 255, 255, 0.12)",
             "type": "color"
           },
           "offset": {
@@ -3326,13 +3464,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -3343,12 +3481,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 6,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(255, 255, 255, 0.12)",
+            "value": "rgba(0, 0, 0, 0.2)",
             "type": "color"
           },
           "offset": {
@@ -3358,13 +3496,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -3743,16 +3881,16 @@
       "medium": {
         "0": {
           "type": {
-            "value": "dropShadow",
+            "value": "innerShadow",
             "type": "string"
           },
           "radius": {
-            "value": 6,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.2)",
+            "value": "rgba(255, 255, 255, 0.05)",
             "type": "color"
           },
           "offset": {
@@ -3762,29 +3900,29 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
         },
         "1": {
           "type": {
-            "value": "innerShadow",
+            "value": "dropShadow",
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 6,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(255, 255, 255, 0.05)",
+            "value": "rgba(0, 0, 0, 0.2)",
             "type": "color"
           },
           "offset": {
@@ -3794,13 +3932,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -3815,12 +3953,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 4,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.2)",
+            "value": "rgba(255, 255, 255, 0.1)",
             "type": "color"
           },
           "offset": {
@@ -3830,13 +3968,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
@@ -3879,12 +4017,12 @@
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 4,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(255, 255, 255, 0.1)",
+            "value": "rgba(0, 0, 0, 0.2)",
             "type": "color"
           },
           "offset": {
@@ -3894,13 +4032,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -3911,16 +4049,16 @@
       "inner": {
         "0": {
           "type": {
-            "value": "innerShadow",
+            "value": "dropShadow",
             "type": "string"
           },
           "radius": {
-            "value": 4,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(0, 0, 0, 0.2)",
+            "value": "rgba(255, 255, 255, 0.03)",
             "type": "color"
           },
           "offset": {
@@ -3930,29 +4068,29 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 1,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 0,
+            "value": 1,
             "type": "number",
             "unit": "pixel"
           }
         },
         "1": {
           "type": {
-            "value": "dropShadow",
+            "value": "innerShadow",
             "type": "string"
           },
           "radius": {
-            "value": 0,
+            "value": 4,
             "type": "number",
             "unit": "pixel"
           },
           "color": {
-            "value": "rgba(255, 255, 255, 0.03)",
+            "value": "rgba(0, 0, 0, 0.2)",
             "type": "color"
           },
           "offset": {
@@ -3962,13 +4100,13 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 1,
               "type": "number",
               "unit": "pixel"
             }
           },
           "spread": {
-            "value": 1,
+            "value": 0,
             "type": "number",
             "unit": "pixel"
           }
@@ -4218,7 +4356,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
@@ -4250,7 +4388,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -4286,7 +4424,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 8,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -4318,7 +4456,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 8,
               "type": "number",
               "unit": "pixel"
             }
@@ -4388,7 +4526,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -4420,7 +4558,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": 2,
               "type": "number",
               "unit": "pixel"
             }
@@ -4658,7 +4796,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": -2,
+              "value": 0,
               "type": "number",
               "unit": "pixel"
             }
@@ -4690,7 +4828,7 @@
               "unit": "pixel"
             },
             "y": {
-              "value": 0,
+              "value": -2,
               "type": "number",
               "unit": "pixel"
             }
@@ -4957,5 +5095,1180 @@
         "type": "color"
       }
     }
+  },
+  "light": {
+    "teal": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(11, 128, 128, 1)",
+      "type": "color"
+    },
+    "blue": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(39, 114, 203, 1)",
+      "type": "color"
+    },
+    "purple": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(122, 70, 187, 1)",
+      "type": "color"
+    },
+    "orchid": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(178, 61, 153, 1)",
+      "type": "color"
+    },
+    "tulip": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(191, 76, 97, 1)",
+      "type": "color"
+    },
+    "brown": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(177, 94, 47, 1)",
+      "type": "color"
+    },
+    "green": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(11, 134, 75, 1)",
+      "type": "color"
+    }
+  },
+  "dark": {
+    "teal": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(22, 198, 187, 1)",
+      "type": "color"
+    },
+    "blue": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(109, 183, 252, 1)",
+      "type": "color"
+    },
+    "purple": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(173, 144, 255, 1)",
+      "type": "color"
+    },
+    "orchid": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(232, 113, 220, 1)",
+      "type": "color"
+    },
+    "tulip": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(245, 131, 151, 1)",
+      "type": "color"
+    },
+    "brown": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(252, 187, 89, 1)",
+      "type": "color"
+    },
+    "green": {
+      "category": "color",
+      "exportKey": "color",
+      "value": "rgba(140, 204, 90, 1)",
+      "type": "color"
+    }
+  },
+  "ui": {
+    "large": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 32,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 40,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "large-bold": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 32,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 40,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "medium": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 32,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "medium-bold": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 32,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "default": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "default-underline": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "underline",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "default-bold": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 600,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "SemiBold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "default-bold-underline": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "underline",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 600,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "SemiBold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "default-all-caps": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 600,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "SemiBold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "uppercase",
+        "type": "string"
+      }
+    },
+    "small": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 12,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "small-underline": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 12,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "underline",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "small-bold": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 12,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 600,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "SemiBold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "small-all-caps": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 12,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Open Sans",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "uppercase",
+        "type": "string"
+      }
+    },
+    "code": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "DM Mono",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    }
+  },
+  "article": {
+    "xx-large": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 64,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Lato",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 64,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "x-large": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 48,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Lato",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 56,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "large": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 32,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Lato",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 40,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "medium": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 24,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Lato",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 700,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Bold",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 32,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    },
+    "default": {
+      "category": "font",
+      "exportKey": "font",
+      "fontSize": {
+        "value": 16,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textDecoration": {
+        "value": "none",
+        "type": "string"
+      },
+      "fontFamily": {
+        "value": "Lato",
+        "type": "string"
+      },
+      "fontWeight": {
+        "value": 400,
+        "type": "number"
+      },
+      "fontStyle": {
+        "value": "normal",
+        "type": "string"
+      },
+      "fontStretch": {
+        "value": "normal",
+        "type": "string"
+      },
+      "_fontStyleOld": {
+        "value": "Regular",
+        "type": "string"
+      },
+      "letterSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "percent"
+      },
+      "lineHeight": {
+        "value": 28,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphIndent": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "paragraphSpacing": {
+        "value": 0,
+        "type": "number",
+        "unit": "pixel"
+      },
+      "textCase": {
+        "value": "none",
+        "type": "string"
+      }
+    }
   }
 }
\ No newline at end of file
diff --git a/visual-regression-tests.yml b/visual-regression-tests.yml
index d1b44cba81..b1d203fcef 100644
--- a/visual-regression-tests.yml
+++ b/visual-regression-tests.yml
@@ -21,6 +21,12 @@ jobs:
   steps:
   - checkout: self
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: '14.x'
@@ -76,6 +82,12 @@ jobs:
   steps:
   - checkout: self
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: '14.x'
@@ -132,6 +144,12 @@ jobs:
   steps:
   - checkout: self
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: '14.x'
@@ -189,6 +207,12 @@ jobs:
     persistCredentials: true
     clean: true
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: "14.x"
@@ -269,6 +293,12 @@ jobs:
     persistCredentials: true
     clean: true
 
+  - task: PowerShell@2
+    displayName: 'update Google Chrome to latest'
+    inputs:
+      targetType: 'inline'
+      script: '$Path = $env:TEMP; $Installer = ''chrome_installer.exe''; Invoke-WebRequest -Uri ''http://dl.google.com/chrome/install/375.126/chrome_installer.exe'' -OutFile $Path\$Installer; Start-Process -FilePath $Path\$Installer -Args ''/silent /install'' -Verb RunAs -Wait; Remove-Item -Path $Path\$Installer'
+
   - task: NodeTool@0
     inputs:
       versionSpec: "16.x"
diff --git a/visualRegressionTests/tests/defaultV2/etalons/html-question.png b/visualRegressionTests/tests/defaultV2/etalons/html-question.png
index c2ee982f8b..0e79f96bce 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/html-question.png and b/visualRegressionTests/tests/defaultV2/etalons/html-question.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-ranking-select-to-rank.png b/visualRegressionTests/tests/defaultV2/etalons/question-ranking-select-to-rank.png
index f2f997e481..4b7d9dfad2 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/question-ranking-select-to-rank.png and b/visualRegressionTests/tests/defaultV2/etalons/question-ranking-select-to-rank.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png b/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png
index 1459fb1c5d..76ad138aa5 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png differ