/*region window-animation*/
.window_content{
    transition: transform .6s ;
    perspective: 1500px;
}
.window_back{
    position: absolute;
    width: 100%;
    transform: rotate3d(0,1,0,-90deg);
    transform-origin: 100% 100% 0;
    transform-style: preserve-3d;
    display: inline !important;
}
.window_back input{
    pointer-events: none;
}
.window_back1{
    position: absolute;
    width: 100%;
    transform: rotate3d(0,1,0,90deg);
    transform-origin: 0 10% 0;
    transform-style: preserve-3d;
    display: inline !important;
}
.window_back1 input{
    pointer-events: none;
}
.window_front{
    width: 100%;
    position: absolute;
    transform-origin:0 100% 0;
    display: inline-block !important;
}
/*endregion*/
/*region fade-slide-animation*/
/*region fade-slide-ltr*/
/*region s-next-go*/
@keyframes s-next-go{
    0%{left: 0;}
    100%{left:60%;opacity: 0}
}
@-webkit-keyframes s-next-go{
    0%{left: 0;}
    100%{left:60%;opacity: 0}
}
.s-next-go{
    animation:s-next-go 0.5s linear 1 forwards;
}
/*endregion*/
/*region s-next-come*/
@keyframes s-next-come{
    0%{left:-60%;opacity:0;}
    100%{left: 0;opacity:1;}
}
@-webkit-keyframes s-next-come{
    0%{left:-60%;opacity:0;}
    100%{left: 0;opacity:1;}
}
.s-next-come{
    animation:s-next-come 0.5s ease-out 1 forwards;
}
/*endregion*/
/*region s-prev-go*/
@keyframes s-prev-go{
    0%{left: 0;}
    100%{left:-60%;opacity: 0}
}
@-webkit-keyframes s-prev-go{
    0%{left: 0;}
    100%{left:-60%;opacity: 0}
}

.s-prev-go{
    animation:s-prev-go 0.5s linear 1 forwards;
}
/*endregion*/
/*region s-prev-come*/
@keyframes s-prev-come{
    0%{left: 60%;}
    100%{left:0;opacity: 1}
}
@-webkit-keyframes s-prev-come{
    0%{left: 60%;}
    100%{left:0;opacity: 1}
}
.s-prev-come{
    animation:s-prev-come 0.5s ease-out 1 forwards;
}
/*endregion*/
/*endregion*/
/*region fade-slide-rtl*/
/*region s-next-go*/
@keyframes s-rtl-next-go{
    0%{right: 0;}
    100%{right:60%;opacity: 0}
}
@-webkit-keyframes s-rtl-next-go{
    0%{right: 0;}
    100%{right:60%;opacity: 0}
}
.s-rtl-next-go{
    animation:s-rtl-next-go 0.5s linear 1 forwards;
}
/*endregion*/
/*region s-next-come*/
@keyframes s-rtl-next-come{
    0%{right:-60%;opacity:0;}
    100%{right: 0;opacity:1;}
}
@-webkit-keyframes s-rtl-next-come{
    0%{right:-60%;opacity:0;}
    100%{right: 0;opacity:1;}
}
.s-rtl-next-come{
    animation:s-rtl-next-come 0.5s ease-out 1 forwards;
}
/*endregion*/
/*region s-prev-go*/
@keyframes s-rtl-prev-go{
    0%{right: 0;}
    100%{right:-60%;opacity: 0}
}
@-webkit-keyframes s-rtl-prev-go{
    0%{right: 0;}
    100%{right:-60%;opacity: 0}
}

.s-rtl-prev-go{
    animation:s-rtl-prev-go 0.5s linear 1 forwards;
}
/*endregion*/
/*region s-prev-come*/
@keyframes s-rtl-prev-come{
    0%{right: 60%;}
    100%{right:0;opacity: 1}
}
@-webkit-keyframes s-rtl-prev-come{
    0%{right: 60%;}
    100%{right:0;opacity: 1}
}
.s-rtl-prev-come{
    animation:s-rtl-prev-come 0.5s ease-out 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region one-by-one-animation*/
/*region one-by-one-ltr*/
/*region next-go*/
@keyframes s3-next-go{
    0%{left: 0;}
    100%{left:20%;opacity: 0}
}
@-webkit-keyframes s3-next-go{
    0%{left: 0;}
    100%{left:20%;opacity: 0}
}
.s3-next-go{
    animation:s3-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes s3-next-come{
    0%{left:-20%;opacity:0;}
    100%{left:0;opacity:1;}
}
@-webkit-keyframes s3-next-come{
    0%{left:-20%;opacity:0;}
    100%{left:0;opacity:1;}
}
.s3-next-come{
    animation:s3-next-come 0.4s ease-out 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes s3-prev-go{
    0%{left:0;}
    100%{left:-20%;opacity:0;}
}
@-webkit-keyframes s3-prev-go{
    0%{left:0;}
    100%{left:-20%;opacity:0;}
}
.s3-prev-go{
    animation:s3-prev-go 0.35s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes s3-prev-come{
    0%{left: 20%;}
    100%{left:0;opacity:1;}
}
@-webkit-keyframes s3-prev-come{
    0%{left: 20%;}
    100%{left:0;opacity:1;}
}
.s3-prev-come{
    animation:s3-prev-come 0.4s ease-out 1 forwards;
}
/*endregion*/
/*endregion*/
/*region one-by-one-rtl*/
/*region next-go*/
@keyframes s3-rtl-next-go{
    0%{right: 0;}
    100%{right:20%;opacity: 0}
}
@-webkit-keyframes s3-rtl-next-go{
    0%{right: 0;}
    100%{right:20%;opacity: 0}
}
.s3-rtl-next-go{
    animation:s3-rtl-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes s3-rtl-next-come{
    0%{right:-20%;opacity:0;}
    100%{right:0;opacity:1;}
}
@-webkit-keyframes s3-rtl-next-come{
    0%{right:-20%;opacity:0;}
    100%{right:0;opacity:1;}
}
.s3-rtl-next-come{
    animation:s3-rtl-next-come 0.4s ease-out 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes s3-rtl-prev-go{
    0%{right:0;}
    100%{right:-20%;opacity:0;}
}
@-webkit-keyframes s3-rtl-prev-go{
    0%{right:0;}
    100%{right:-20%;opacity:0;}
}
.s3-rtl-prev-go{
    animation:s3-rtl-prev-go 0.35s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes s3-rtl-prev-come{
    0%{right: 20%;}
    100%{right:0;opacity:1;}
}
@-webkit-keyframes s3-rtl-prev-come{
    0%{right: 20%;}
    100%{right:0;opacity:1;}
}
.s3-rtl-prev-come{
    animation:s3-rtl-prev-come 0.4s ease-out 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region slide-vertical-animation*/
/*region slide-vertical-ltr & rtl*/
/*region next-go*/
@keyframes s4-next-go{
    0%{top:0}
    90%{opacity: 0;}
    100%{top:20%;opacity:0;}
}
@-webkit-keyframes s4-next-go{
    0%{top:0}
    90%{opacity: 0;}
    100%{top:20%;opacity:0;}
}
.s4-next-go{
    animation:s4-next-go 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes s4-next-come{
    0%{top:-20%;}
    90%{opacity: 1}
    100%{top:0;opacity:1;}
}
@-webkit-keyframes s4-next-come{
    0%{top:-20%;}
    90%{opacity: 1}
    100%{top:0;opacity:1;}
}
.s4-next-come{
    animation:s4-next-come 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes s4-prev-go{
    0%{top:0;}
    90%{opacity:0;}
    100%{top:-20%;opacity:0;}
}
@-webkit-keyframes s4-prev-go{
    0%{top:0;}
    90%{opacity:0;}
    100%{top:-20%;opacity:0;}
}
.s4-prev-go{
    animation:s4-prev-go 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes s4-prev-come{
    0%{top:20%;}
    90%{opacity:1;}
    100%{top:0;opacity:1;}
}
@-webkit-keyframes s4-prev-come{
    0%{top:20%;}
    90%{opacity:1;}
    100%{top:0;opacity:1;}
}
.s4-prev-come{
    animation:s4-prev-come 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region modern-zoom-animation*/
/*region modern-zoom-ltr & rtl*/
/*region next-go*/
@keyframes f-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.9);opacity: 0}
}
@-webkit-keyframes f-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.9);opacity: 0}
}
.f-next-go{
    animation:f-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes f-next-come{
    0%{transform: scale(1.1)}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes f-next-come{
    0%{transform: scale(1.1)}
    100%{transform: scale(1);opacity: 1}
}
.f-next-come{
    overflow: visible;
    animation:f-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes f-prev-go{
    0%{transform: scale(1)}
    100%{transform: scale(1.1);opacity: 0}
}
@-webkit-keyframes f-prev-go{
    0%{transform: scale(1)}
    100%{transform: scale(1.1);opacity: 0}
}
.f-prev-go{
    animation:f-prev-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes f-prev-come{
    0%{transform: scale(0.9)}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes f-prev-come{
    0%{transform: scale(0.9)}
    100%{transform: scale(1);opacity: 1}
}
.f-prev-come{
    animation:f-prev-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region zoom-in-out-animation*/
/*region fade1-ltr & rtl*/
/*region next-go*/
@keyframes f1-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.8);opacity: 0}
}
@-webkit-keyframes f1-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.8);opacity: 0}
}
.f1-next-go{
    animation:f1-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes f1-next-come{
    0%{transform: scale(0.8)}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes f1-next-come{
    0%{transform: scale(0.8)}
    100%{transform: scale(1);opacity: 1}
}
.f1-next-come{
    animation:f1-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region blur-animation*/
/*region blur-ltr & rtl*/
/*region go*/
@keyframes blur-go-animation{
    0%{filter: blur(0);opacity: 1}
    100%{filter: blur(6px);opacity: 0}
}
@-webkit-keyframes blur-go-animation{
    0%{filter: blur(0);opacity: 1}
    100%{filter: blur(6px);opacity: 0}
}
.blur-go-animation{
    animation:blur-go-animation 0.3s linear 1 forwards;
}
/*endregion*/
/*region come*/
@keyframes blur-come-animation{
    0%{filter: blur(6px);opacity: 0}
    100%{filter: blur(0px);opacity: 1}
}
@-webkit-keyframes blur-come-animation{
    0%{filter: blur(6px);opacity: 0}
    100%{filter: blur(0px);opacity: 1}
}
.blur-come-animation{
    animation:blur-come-animation 0.3s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region modern-animation*/
/*region modern-ltr*/
/*region next-go*/
@keyframes m-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.92);opacity: 0}
}
@-webkit-keyframes m-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.92);opacity: 0}
}
.m-next-go{
    animation:m-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes m-next-come{
    0%{left: -30%}
    70%{left: 0;}
    100%{left: 0;opacity: 1}
}
@-webkit-keyframes m-next-come{
    0%{left: -30%;}
    80%{left: 0;}
    100%{left: 0;opacity: 1}
}
.m-next-come{
    animation:m-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes m-prev-go{
    0%{left: 0}
    100%{left: -30%;opacity: 0}
}
@-webkit-keyframes m-prev-go{
    0%{left: 0}
    100%{left: -30%;opacity: 0}
}
.m-prev-go{
    animation:m-prev-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes m-prev-come{
    0%{transform: scale(0.92);}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes m-prev-come{
    0%{transform: scale(0.92);}
    100%{transform: scale(1);opacity: 1}
}
.m-prev-come{
    animation:m-prev-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*region modern rtl*/
/*region next-go*/
@keyframes m-rtl-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.92);opacity: 0}
}
@-webkit-keyframes m-rtl-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.92);opacity: 0}
}
.m-rtl-next-go{
    animation:m-rtl-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes m-rtl-next-come{
    0%{right: -30%}
    70%{right: 0;}
    100%{right: 0;opacity: 1}
}
@-webkit-keyframes m-rtl-next-come{
    0%{right: -30%}
    70%{right: 0;}
    100%{right: 0;opacity: 1}
}
.m-rtl-next-come{
    animation:m-rtl-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes m-rtl-prev-go{
    0%{right: 0}
    100%{right: -30%;opacity: 0}
}
@-webkit-keyframes m-rtl-prev-go{
    0%{right: 0}
    100%{right: -30%;opacity: 0}
}
.m-rtl-prev-go{
    animation:m-rtl-prev-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes m-rtl-prev-come{
    0%{transform: scale(0.92);}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes m-rtl-prev-come{
    0%{transform: scale(0.92);}
    100%{transform: scale(1);opacity: 1}
}
.m-rtl-prev-come{
    animation:m-rtl-prev-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/
/*region flip-animation*/
.flip-rotate-origin{
    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%
}
.flip-next-rtd{
    transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
}
.flip-prev-rtd{
    transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
}
.flip-rtl-next-rtd{
    transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
}
.flip-rtl-prev-rtd{
    transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
}
/*region flip-ltr*/
/*region next-go*/
@keyframes flip-next-go{
    0%{transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
}
@-webkit-keyframes flip-next-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
}
.flip-next-go{
    animation:flip-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes flip-next-come{
    0%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
    90%{opacity: 1;}
    100%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        opacity: 1;}
}
@-webkit-keyframes flip-next-come{
    0%{left: -30%;}
    80%{left: 0;}
    100%{left: 0;opacity: 1}
}
.flip-next-come{
    animation:flip-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes flip-prev-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
}
@-webkit-keyframes flip-prev-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
}
.flip-prev-go{
    animation:flip-prev-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes flip-prev-come{
    0%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
    90%{opacity: 1;}
    100%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        opacity: 1;}
}
@-webkit-keyframes flip-prev-come{
    0%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
    90%{opacity: 1;}
    100%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        opacity: 1;}
}
.flip-prev-come{
    animation:flip-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/

/*region flip-rtl*/
/*region next-go*/
@keyframes flip-rtl-next-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
}
@-webkit-keyframes flip-rtl-next-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
}
.flip-rtl-next-go{
    animation:flip-rtl-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes flip-rtl-next-come{
    0%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
    90%{opacity: 1;}
    100%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        opacity: 1;}
}
@-webkit-keyframes flip-rtl-next-come{
    0%{left: -30%;}
    80%{left: 0;}
    100%{left: 0;opacity: 1}
}
.flip-rtl-next-come{
    animation:flip-rtl-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes flip-rtl-prev-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
}
@-webkit-keyframes flip-rtl-prev-go{
    0%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);}
    90%{opacity: 0;}
    100%{transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        opacity: 0;}
}
.flip-rtl-prev-go{
    animation:flip-rtl-prev-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes flip-rtl-prev-come{
    0%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
    90%{opacity: 1;}
    100%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        opacity: 1;}
}
@-webkit-keyframes flip-rtl-prev-come{
    0%{transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        opacity: 0;}
    90%{opacity: 1;}
    100%{transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        opacity: 1;}
}
.flip-rtl-prev-come{
    animation:flip-rtl-prev-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/


/*region flip-rtl*/
/*region next-go*/
@keyframes m-rtl-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.92);opacity: 0}
}
@-webkit-keyframes m-rtl-next-go{
    0%{transform: scale(1)}
    100%{transform: scale(0.92);opacity: 0}
}
.m-rtl-next-go{
    animation:m-rtl-next-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region next-come*/
@keyframes m-rtl-next-come{
    0%{right: -30%}
    70%{right: 0;}
    100%{right: 0;opacity: 1}
}
@-webkit-keyframes m-rtl-next-come{
    0%{right: -30%}
    70%{right: 0;}
    100%{right: 0;opacity: 1}
}
.m-rtl-next-come{
    animation:m-rtl-next-come 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes m-rtl-prev-go{
    0%{right: 0}
    100%{right: -30%;opacity: 0}
}
@-webkit-keyframes m-rtl-prev-go{
    0%{right: 0}
    100%{right: -30%;opacity: 0}
}
.m-rtl-prev-go{
    animation:m-rtl-prev-go 0.4s linear 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes m-rtl-prev-come{
    0%{transform: scale(0.92);}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes m-rtl-prev-come{
    0%{transform: scale(0.92);}
    100%{transform: scale(1);opacity: 1}
}
.m-rtl-prev-come{
    animation:m-rtl-prev-come 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/

/*region fade-animation*/
/*region fade-ltr & rtl*/
/*region go*/
@keyframes fade-go-animation{
    0%{opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes fade-go-animation{
    0%{opacity: 1}
    100%{opacity: 0}
}
.fade-go-animation{
    animation:fade-go-animation 0.4s linear 1 forwards;
}
/*endregion*/
/*region come*/
@keyframes fade-come-animation{
    0%{opacity: 0}
    100%{opacity: 1}
}
@-webkit-keyframes fade-come-animation{
    0%{opacity: 0}
    100%{opacity: 1}
}
.fade-come-animation{
    animation:fade-come-animation 0.4s linear 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/

/*region Upwards-animation*/
/*region Upwards-ltr & rtl*/
/*region next-go*/
@keyframes up-next-go{
    0%{top:0}
    90%{opacity: 0;}
    100%{top:-20%;opacity:0;}
}
@-webkit-keyframes up-next-go{
    0%{top:0}
    90%{opacity: 0;}
    100%{top:-20%;opacity:0;}
}
.up-next-go{
    animation:up-next-go 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*region next-come*/

@keyframes up-next-come{
    0%{top:20%;}
    90%{opacity: 1}
    100%{top:0;opacity:1;}
}
@-webkit-keyframes up-next-come{
    0%{top:20%;}
    90%{opacity: 1}
    100%{top:0;opacity:1;}
}
.up-next-come{
    animation:up-next-come 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*region prev-go*/
@keyframes up-prev-go{
    0%{top:0;}
    90%{opacity:0;}
    100%{top:20%;opacity:0;}
}
@-webkit-keyframes up-prev-go{
    0%{top:0;}
    90%{opacity:0;}
    100%{top:20%;opacity:0;}
}
.up-prev-go{
    animation:up-prev-go 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*region prev-come*/
@keyframes up-prev-come{
    0%{top:-20%;}
    90%{opacity:1;}
    100%{top:0;opacity:1;}
}
@-webkit-keyframes up-prev-come{
    0%{top:-20%;}
    90%{opacity:1;}
    100%{top:0;opacity:1;}
}
.up-prev-come{
    animation:up-prev-come 0.4s ease-in-out 1 forwards;
}
/*endregion*/
/*endregion*/
/*endregion*/