.ztpans {
    width: 100vw;
    height: 100vh;
    background: transparent;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    pointer-events: none;
    /*background: #000; */
    z-index: 900;
}

.ztpan {
    width: 10%;
    height: 0%;
}

.ztpan:nth-child(even){
    background: #333;
}

.ztpan:nth-child(odd){
    background: #f1f1f1;
}


#ztpan-0 {
      background-color:#f1f1f1;
      width:100vw;
      height:100vh;
      z-index:6000;
      left:-104%;
      position: fixed;
}

.z-wipe-pan {
    width: 100vw;
    height: 100vh;
    background-color:#333;
    position: absolute;
    left: -100%;
    z-index: 900;
}