:root {
  /* SurveyJS 2.x variable names. */
  --sjs-general-backcolor: #ffffffff;
  --sjs-general-backcolor-dark: #f9fafbff;
  --sjs-general-backcolor-dim: #ffffffff;
  --sjs-general-backcolor-dim-light: #f9fafbff;
  --sjs-general-backcolor-dim-dark: #f3f4f6ff;
  --sjs-general-forecolor: #101828;
  --sjs-general-forecolor-light: #66708580;
  --sjs-general-dim-forecolor: #344054ff;
  --sjs-general-dim-forecolor-light: #66708580;
  --sjs-primary-backcolor: #1447e6;
  --sjs-primary-backcolor-light: #1447e61a;
  --sjs-primary-backcolor-dark: #193cb8;
  --sjs-primary-forecolor: #ffffffff;
  --sjs-primary-forecolor-light: #ffffff40;
  --sjs-secondary-backcolor: #f39200;
  --sjs-secondary-backcolor-light: #f392001a;
  --sjs-secondary-backcolor-semi-light: #f3920040;
  --sjs-secondary-forecolor: #ffffffff;
  --sjs-secondary-forecolor-light: #ffffff40;
  --sjs-special-red: #fb2c36ff;
  --sjs-special-red-light: #fb2c361a;
  --sjs-special-red-forecolor: #ffffffff;
  --sjs-special-green: #19b394ff;
  --sjs-special-green-light: #19b3941a;
  --sjs-special-green-forecolor: #ffffffff;
  --sjs-special-blue: #1447e6ff;
  --sjs-special-blue-light: #1447e61a;
  --sjs-special-blue-forecolor: #ffffffff;
  --sjs-special-yellow: #ff9814ff;
  --sjs-special-yellow-light: #ff98141a;
  --sjs-special-yellow-forecolor: #ffffffff;
  --sjs-base-unit: 8px;
  --sjs-corner-radius: 4px;

  /* SurveyJS 3.x variable names. */
  --sjs-layer-1-background-500: #ffffffff;
  --sjs-layer-1-background-400: #ffffffff;
  --sjs-layer-1-foreground-100: #101828;
  --sjs-layer-1-foreground-50: #66708580;
  --sjs-layer-3-background-500: #ffffffff;
  --sjs-layer-3-foreground-100: #344054ff;
  --sjs-layer-3-foreground-50: #66708580;
  --sjs-layer-2-background-500: #ffffffff;
  --sjs-layer-2-background-400: #f3f4f6ff;
  --sjs-special-haze: #10182840;
  --sjs-border-25: #e4e5e7ff;
  --sjs-border-10: #f2f4f7ff;
  --sjs-primary-background-500: #1447e6;
  --sjs-primary-background-10: #1447e61a;
  --sjs-primary-background-400: #193cb8;
  --sjs-primary-foreground-100: #ffffffff;
  --sjs-primary-foreground-25: #ffffff40;
  --sjs-secondary-background-500: #f39200;
  --sjs-secondary-background-25: #fb2c3640;
  --sjs-secondary-background-10: #fb2c361a;
  --sjs-secondary-foreground-100: #ffffffff;
  --sjs-secondary-forecolor-25: #ffffff40;
  --sjs-semantic-red-background-500: #fb2c36ff;
  --sjs-semantic-red-background-10: #fb2c361a;
  --sjs-semantic-red-foreground-100: #ffffffff;
  --sjs-semantic-green-background-500: #19b394ff;
  --sjs-semantic-green-background-10: #19b3941a;
  --sjs-semantic-green-foreground-100: #ffffffff;
  --sjs-semantic-blue-background-500: #1447e6ff;
  --sjs-semantic-blue-background-10: #1447e61a;
  --sjs-semantic-blue-foreground-100: #ffffffff;
  --sjs-semantic-yellow-background-500: #ff9814ff;
  --sjs-semantic-yellow-background-10: #ff98141a;
  --sjs-semantic-yellow-foreground-100: #ffffffff;
  --sjs-semantic-white-background-500: #ffffffff;
  --sjs-code-gray-700: #b6b6b6ff;
  --sjs-code-blue-500: #326fcaff;
  --sjs-code-gray-300: #505050ff;
  --sjs-code-green-500: #08997cff;
  --sjs-code-red-500: #f41b50ff;
  --sjs-code-purple-500: #c22fa2ff;
  --sjs-code-yellow-500: #f58d06ff;
  --sjs-code-gray-500: #8a8a8aff;
  --sjs-special-background: #f9fafb;
  --sjs-layer-1-foreground-75: #101828;
  --sjs-layer-3-background-400: #f3f4f6ff;
  --sjs-special-glow: #10182833;
  --sjs-special-shadow: #10182840;
  --sjs-layer-3-foreground-75: #101828ff;
  --sjs-layer-2-foreground-100: #344054ff;
  --sjs-layer-2-foreground-75: #101828ff;
  --sjs-layer-2-foreground-50: #66708580;
  --sjs-border-25-overlay: #00000026;
  --sjs-secondary-background-400: #c62076ff;
  --sjs-font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  --sjs-font-size: 16px;
  --sjs-font-questiontitle-color: #101828;
  --sjs-font-questiontitle-size: 16px;
  --sjs-font-questiontitle-weight: 400;
  --sjs-font-editorfont-color: #101828;
  --sjs-font-editorfont-size: 16px;
  --sjs-font-editorfont-weight: 400;
  --sjs-editorpanel-backcolor: #fff;
  --sjs-editor-background: #fff;
  --sjs-questionpanel-backcolor: #fff;
  --sjs-questionpanel-hovercolor: #f9fafb;
  --sjs-shadow-inner: 0 0 0 1px #e4e5e7;
  --sjs-shadow-inner-reset: 0 0 0 1px #e4e5e7;
  --sjs-shadow-small: none;
  --sjs-shadow-small-reset: none;
  --sjs-shadow-medium: none;
  --sjs-shadow-large: none;
}