.container {
  width: 100vw;
}

.menu {
  height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
  position: fixed;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 0;
  }
}

.content {
  height: 100%;
  display: flex;
  flex: auto;
  flex-direction: column;
  width: 100%;
  margin-left: 220px;
  overflow-x: hidden;
  transition: margin .2s;

  &.collapsed {
    margin-left: 80px;
    border-right: 1px solid #e5e5e5;
  }

  &.horizontal {
    margin-left: 0;
  }

  .mainContent {
    background: @component-background;
    margin: 0 16px 16px;
    padding: 16px;
    overflow: auto;
    transition: all .5s;
  }
}
