.a0 {overflow:hidden;}
.mzslider {display: block; opacity: 0; height: 0; box-sizing: border-box;}
.mzslider.ready {animation-name: mzslider_ready; animation-duration: 1s; animation-fill-mode: forwards; position: relative; animation-timing-function: ease-in-out;}

.mzslider > * {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.mzslider_copy {opacity: 0; z-index: -1; position: relative; display: flex;}
.mzslider_copy > * {flex-shrink: 0; max-width: calc(100% - 140px);}

.mzslider.ready > * .toRight {animation-name: toRight; animation-duration: 1s; animation-fill-mode: forwards; position: relative; animation-timing-function: ease-in-out;}
.mzslider.ready > * .toLeft {animation-name: toLeft; animation-duration: 1s; animation-fill-mode: forwards; position: relative; animation-timing-function: ease-in-out;}
.mzslider.ready > *.active .toRight {animation-name: toRight_active;}
.mzslider.ready > *.active .toLeft {animation-name: toLeft_active;}
.delay * {animation-delay: -1s;}

@keyframes mzslider_ready {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes toRight {
  from {
    right: 0;
    opacity: 1;
  }
  95% {
    right: -100vw;
    opacity: 1;
  }
  96% {
    right: -100vw;
    opacity: 0;
  }
  97% {
    right: 100vw;
    opacity: 0;
  }
  to {
    right: 100vw;
    opacity: 1;
  }
}
@keyframes toRight_active {
  from {
    right: 100vw;
  }
  to {
    right: 0;
  }
}

@keyframes toLeft {
  from {
    left: 0;
    opacity: 1;
  }
  95% {
    left: -100vw;
    opacity: 1;
  }
  96% {
    left: -100vw;
    opacity: 0;
  }
  97% {
    left: 100vw;
    opacity: 0;
  }
  to {
    left: 100vw;
    opacity: 1;
  }
}
@keyframes toLeft_active {
  from {
    left: 100vw;
  }
  to {
    left: 0;
  }
}

@keyframes qwe {
  from {
    margin-left: 0;
  }
  99% {
    opacity: 1;
  }
  to {
    opacity: 0;
    margin-left: -100px;
  }
}


.qwe {animation-name: qwe; animation-duration: 2s; animation-fill-mode: forwards; position: relative;}