:host {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.container {
  display: flex;
  flex: 1;
  width: 200%;
  transform: translateX(0);
  transition: transform ease 400ms;
  overflow: hidden;
}

.container.right {
  transform: translateX(-50%);
}

.left-container {
  overflow-y: auto;
  box-sizing: border-box;
  width: 50%;
}

.right-container {
  overflow-y: auto;
  box-sizing: border-box;
  width: 50%;
}