:root {
  --dim-widget-icon-size: 50px;
  --dim-statusbar-height: 22px;
  --dim-left-panel-width: 300px;
  --dim-tabs-height: 33px;
  --dim-tabs-panel-height: calc( var(--dim-visible-tabs-databases) * 20px + var(--dim-tabs-height) );
  --dim-splitter-thickness: 3px;

  --dim-visible-left-panel: 1; /* set from JS */
  --dim-content-left: calc(
    var(--dim-widget-icon-size) + var(--dim-visible-left-panel) *
      (var(--dim-left-panel-width) + var(--dim-splitter-thickness))
  );

  --dim-visible-toolbar: 0; /* set from JS */
  --dim-visible-titlebar: 0; /* set from JS */

  --dim-toolbar-height: 30px;
  --dim-toolstrip-height: 28px;
  --dim-titlebar-height: 30px;
  --dim-toolbar-top: calc(var(--dim-titlebar-height) * var(--dim-visible-titlebar));
  --dim-header-top: calc(
    var(--dim-titlebar-height) * var(--dim-visible-titlebar) + var(--dim-toolbar-height) * var(--dim-visible-toolbar)
  );

  --dim-large-form-margin: 20px;
}
