.bz-layout-simple {
  background-color: $bz-neutral-200;
}

.bz-layout__sidebar {
  display: flex;
  flex-direction: column;

  @media (min-width: 48em) {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 30rem;
  }
}

.bz-layout__main {
  background-color: $bz-neutral-100;
  padding: $bz-space-inset-m;

  @media (min-width: 48em) {
    border-top-left-radius: $bz-border-radius-l;
    box-shadow: -2px 0 50px 0 rgba(0, 0, 0, .2);
    margin-left: 30rem;
    min-height: 100vh;
    padding: $bz-space-inset-xl 6.4rem;
    position: relative;
    z-index: 10;

    >div {
      max-width: 768px;
      margin: 0 auto;
    }
  }
}

.bz-banner {
  align-items: center;
  display: flex;
  max-width: 30rem;
  padding: $bz-space-inset-m;

  @media (min-width: 48em) {
    padding: $bz-space-inset-l;
  }

  >.bz-symbol-genome {
    fill: $bz-theme-400;
    margin-right: $bz-space-inline-s;
    max-width: 48px;
  }
}

.bz-logo-bizagi {
  fill: $bz-theme-600;
  height: auto;
  max-width: 4.8rem;
  position: relative;
  top: .8rem;
}

.bz-logo-genome__name {
  letter-spacing: 1px;
}

.bz-logo-genome__name,
.bz-logo-genome__version {
  margin: 0;
}

.bz-logo-genome__version {
  font-size: $bz-font-size-caption;
  font-weight: $bz-font-weight-regular;
}