.flicking-viewport {
  position: relative;
  overflow: hidden;
}
.flicking-viewport:not(.vertical) {
  width: 100%;
  height: 100%;
}
.flicking-viewport.vertical, .flicking-viewport.vertical > .flicking-camera {
  display: inline-block;
}
.flicking-viewport.vertical.middle > .flicking-camera > * {
  vertical-align: middle;
}
.flicking-viewport.vertical.bottom > .flicking-camera > * {
  vertical-align: bottom;
}
.flicking-viewport.vertical > .flicking-camera > * {
  display: block;
}
.flicking-viewport.flicking-hidden > .flicking-camera > * {
  visibility: hidden;
}

.flicking-camera {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  will-change: transform;
}
.flicking-camera > * {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}