:host {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;

}

.toolbar {
  flex: 0 0 auto;
  box-sizing: border-box;

  .menu-btn {
    margin-right: 1rem;
  }
}

.drawer {
  padding: 1rem;

  .nav {
    display: flex;
    flex-direction: column;

    >a {
      margin-bottom: 0.5rem;
      text-align: start;

      >span {
        padding-left: 2rem;
      }
    }
  }
}

.content {
  flex: 1 1 auto;
  box-sizing: border-box;
}

.routed-component-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;

  .routed-component {
  flex: 0 1 auto;
    box-sizing: border-box;
    padding: 1rem;
    width: 100%;
    max-width: 700px;
  }
}