// Navbar
// --------------------------------------------------


.navbar {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 4.4rem;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  order: $flex-order-toolbar-top;

  transform: translate3d(100%, 0px, 0px);
  &.show-navbar {
    transform: translate3d(0px, 0px, 0px);
  }
}

.back-button {
  order: 10;
  transform: translateZ(0px);

  display: none;
  &.show-back-button {
    display: inline-flex;
  }
}

.back-button-text {
  display: flex;
  align-items: center;
}