header {
  display: flex;
  align-items: center;

  height: 60px;

  color: var(--user-header-color, #fff);

  background: var(--user-header-bg-color, var(--accent-color-bg));
}

.docs-drawer-content {
  color: var(--user-content-color, var(--default-color));
  background-color: var(--user-content-bg-color, transparent);
}

.toolbar {
  position: fixed;
  top: 12px;
  left: 12px;
}

.docs-module-sidenav {
  z-index: 4;

  width: 90vw;
  max-width: 320px;

  background-color: var(--color-gray-fff);
  background-image: var(--app-bg-image);

  transition: width 0.2s ease;
}

.drawer-container {
  position: fixed;
  inset: 58px 0 0;

  overflow-y: auto;

  box-sizing: border-box;
  width: 100%;

  background: transparent;

  .docs-drawer-tree {
    width: 0;
    border-right: 0;
    transition: width 0.2s ease;

    .docs-drawer-tree-entity {
      position: relative;
      display: block;
      min-width: calc(100vw - 24px);
      height: 100%;
    }

    &.opened {
      width: 100%;
    }
  }

  .docs-drawer-content {
    padding: 12px;
  }
}

#mainMenuLogo {
  display: block;
  max-height: 29px;
  margin-right: auto;
  margin-left: auto;
}