.virtualList {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /* hide native scrollbar */
  scrollbar-width: none;
}
.virtualList .content {
  will-change: transform;
}
.vertical.native {
  overflow-y: scroll;
}
.vertical .listItem {
  width: 100%;
}
.horizontal.native {
  overflow-x: scroll;
}
.horizontal .listItem {
  height: 100%;
}
.listItem {
  position: absolute;
  will-change: transform;
}
/* NOTE: Needs to be revisited whether it can be replaced with scrollbar-width */
.virtualList::-webkit-scrollbar {
  display: none;
}