body {
  --help-panel-background-color: var(--theme-white-color);
  --help-panel-width: 450px;
  --help-panel-margin: 0;
  --help-panel-padding: var(--padding-default) 0 var(--padding-default) var(--padding-wide);
  --help-panel-border-raidus: 9px;
  --help-panel-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15);
  --help-panel-border: 2px solid var(--primary-color);

  --help-panel-color: var(--primary-text-color);

  --help-panel-title-margin: var(--margin-default) 0 var(--margin-narrow) 0;
  --help-panel-title-padding: 0;
  --help-panel-title-background-color: rgba(var(--primary-color-rgb), 0.1);
  --help-panel-h1-title-font-size: 1.6em;
  --help-panel-h1-title-color: var(--primary-color);
  --help-panel-h2-title-font-size: 1.3em;
  --help-panel-h2-title-color: var(--secondary-color);
  --help-panel-h3-title-font-size: 1.1em;
  --help-panel-h3-title-color: var(--secondary-text-color);

  --help-panel-content-padding: var(--padding-default) var(--padding-wide);
  --help-panel-paragraph-margin: 0 0 var(--margin-default) 0;
  --help-panel-font-size: 0.9em;
  --help-panel-content-font-size: 0.8em;

  --help-panel-focusBox-padding: var(--padding-narrow) var(--padding-default);
  --help-panel-focusBox-border: 1px solid rgba(0, 0, 0, 0.2);
  --help-panel-focusBox-border-radius: var(--border-radius);
  --help-panel-focusBox-background-color: rgba(0, 0, 0, 0.2);
  --help-panel-focusBox-color: #ffe393;

  --help-panel-a-color: var(--secondary-color);
  --help-panel-a-icon-size: 1.3em;

  --help-icon-color: var(--secondary-color);
  --help-icon-hover-color: var(--primary-color);
  --help-icon-size: 18px;
  --help-icon-opacity: 0.4;
  --help-icon-hover-opacity: 1;

  --help-navigation-padding: 0;
  --help-navigation-bottom: 1px solid rgba(var(--primary-color-rgb), 0.5);
  --help-navigation-icon-padding: 0;
  --help-navigation-icon-border: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 460px) {
  body {
    --help-panel-width: 100vw;
    --help-panel-border-raidus: 0;
    --help-panel-border: none;
    --help-panel-box-shadow: none;

    --help-panel-title-padding: 0 0 0 var(--padding-wide);
  }
}