page-swiper.css

html, body {
  width: 100%;
  height: 100%;
  margin: 0; }

#page-swiper {
  position: fixed;
  width: 100%;
  height: 100%; }
  #page-swiper #ps-conveyor {
    width: 100%;
    height: 100%; }
    #page-swiper #ps-conveyor .ps-page {
      width: 100%;
      height: 100%;
      position: absolute; }
      #page-swiper #ps-conveyor .ps-page .ps-subpage {
        width: 100%;
        height: 100%;
        position: absolute; }

.ps-overlay {
  z-index: 240;
  display: flex;
  position: fixed; }
  .ps-overlay.top {
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 1vw;
    justify-content: center; }
  .ps-overlay.bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 1vw;
    justify-content: center; }
  .ps-overlay.left {
    top: 0;
    left: 0;
    height: 100%;
    margin-left: 1vw;
    align-items: center; }
  .ps-overlay.right {
    top: 0;
    right: 0;
    height: 100%;
    margin-right: 1vw;
    align-items: center; }

.ps-arrow {
  opacity: 0.4;
  width: 0;
  height: 0;
  cursor: pointer;
  transition: opacity 0.5s, border-color 0.5s; }
  .ps-arrow.disabled {
    visibility: hidden; }
  .ps-arrow.right {
    border-top: 2vw solid transparent;
    border-bottom: 2vw solid transparent;
    border-left: 2vw solid white; }
  .ps-arrow.left {
    border-top: 2vw solid transparent;
    border-bottom: 2vw solid transparent;
    border-right: 2vw solid white; }
  .ps-arrow.up {
    border-left: 2vw solid transparent;
    border-right: 2vw solid transparent;
    border-bottom: 2vw solid white; }
  .ps-arrow.down {
    border-left: 2vw solid transparent;
    border-right: 2vw solid transparent;
    border-top: 2vw solid white; }
  .ps-arrow:hover {
    opacity: 0.6; }