[data-yasl-css] {
    transition-duration: 250ms;
    transition-duration: var(--yasl-duration, 250ms);
    transition-timing-function: linear;
    transition-timing-function: var(--yasl-timing, linear);
    transition-property: opacity, transform, clip-path, filter;
    transition-delay: 50ms;
    transition-delay: var(--yasl-delay, 50ms);
}

/** FADE Initial */

[data-yasl-css].yasl-fade {
    opacity: 0;
}

/** FADE Final */

[data-yasl-css].yasl-fade.yasl-animate {
    opacity: 1;
}

/** BLUR Initial */

[data-yasl-css].yasl-blur {
    filter: blur(var(--yasl-blur, 10px));
    -webkit-filter: blur(var(--yasl-blur, 10px));
}

/** BLUR Final */

[data-yasl-css].yasl-blur.yasl-animate {
    filter: blur(var(--yasl-blur-final, 0));
    -webkit-filter: blur(var(--yasl-blur-final, 0));
}

/**
*
* LEFT Initial
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) scale(var(--yasl-scale-in, .7));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-left {
    transform: rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-left {
    transform: rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
}

/* JUST IN */

[data-yasl-css].yasl-in {
    transform: scale(var(--yasl-scale-in, .7));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) scale(var(--yasl-scale-out, 1.3));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-left {
    transform: rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-left {
    transform: rotateY(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
}

/* JUST OUT */

[data-yasl-css].yasl-out {
    transform: scale(var(--yasl-scale-out, 1.3));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) rotateY(var(--yasl-rotate, 89deg));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-left {
    transform: translateX(var(--yasl-translate, -50px)) rotateY(var(--yasl-rotate, 89deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-left {
    transform: translateX(var(--yasl-translate, -50px));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-move.yasl-left {
    transform: translateX(var(--yasl-translate, -50px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-left {
    transform: rotateY(var(--yasl-rotate, 89deg));
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}

[data-yasl-css].yasl-turn.yasl-left {
    transform: rotateY(var(--yasl-rotate, 89deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-left {
    clip-path: inset(0 var(--yasl-reveal, 95%) 0 0);
}


/**
*
* LEFT Final
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-left.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-left.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* JUST IN */

[data-yasl-css].yasl-in.yasl-animate {
    transform: scale(var(--yasl-scale-in-final, 1.0));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-left.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-left.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* JUST OUT */

[data-yasl-css].yasl-out.yasl-animate {
    transform: scale(var(--yasl-scale-out-final, 1.0));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-left.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-left.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-left.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-left.yasl-animate {
    clip-path: inset(0 0 0 0);
}


/**
*
* RIGHT Initial
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-move.yasl-in.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) scale(var(--yasl-scale-in, .7));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-right {
    transform: rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-turn.yasl-in.yasl-right {
    transform: rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-move.yasl-out.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) scale(var(--yasl-scale-out, 1.3));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-right {
    transform: rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-turn.yasl-out.yasl-right {
    transform: rotateY(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) rotateY(var(--yasl-rotate, -89deg));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-move.yasl-turn.yasl-right {
    transform: translateX(var(--yasl-translate, 50px)) rotateY(var(--yasl-rotate, -89deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-right {
    transform: translateX(var(--yasl-translate, 50px));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-move.yasl-right {
    transform: translateX(var(--yasl-translate, 50px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-right {
    transform: rotateY(var(--yasl-rotate, -89deg));
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}

[data-yasl-css].yasl-turn.yasl-right {
    transform: rotateY(var(--yasl-rotate, -89deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-right {
    clip-path: inset(0 0 0 var(--yasl-reveal, 95%));
}


/**
*
* RIGHT Final
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-right.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-right.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* JUST IN */

[data-yasl-css].yasl-in.yasl-animate {
    transform: scale(var(--yasl-scale-in-final, 1.0));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-right.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-right.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* JUST OUT */

[data-yasl-css].yasl-out.yasl-animate {
    transform: scale(var(--yasl-scale-out-final, 1.0));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px)) rotateY(var(--yasl-rotate-final, 0deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-right.yasl-animate {
    transform: translateX(var(--yasl-translate-final, 0px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-right.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-right.yasl-animate {
    transform: rotateY(var(--yasl-rotate-final, 0deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-right.yasl-animate {
    clip-path: inset(0 0 0 0);
}



/**
*
* TOP Initial
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) scale(var(--yasl-scale-in, .7));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-top {
    transform: rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-top {
    transform: rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-in, .7));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) scale(var(--yasl-scale-out, 1.3));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-top {
    transform: rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-top {
    transform: rotateX(var(--yasl-rotate, 89deg)) scale(var(--yasl-scale-out, 1.3));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) rotateX(var(--yasl-rotate, 89deg));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-top {
    transform: translateY(var(--yasl-translate, -50px)) rotateX(var(--yasl-rotate, 89deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-top {
    transform: translateY(var(--yasl-translate, -50px));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-move.yasl-top {
    transform: translateY(var(--yasl-translate, -50px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-top {
    transform: rotateX(var(--yasl-rotate, 89deg));
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}

[data-yasl-css].yasl-turn.yasl-top {
    transform: rotateX(var(--yasl-rotate, 89deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-top {
    clip-path: inset(0 0 var(--yasl-reveal, 95%) 0);
}


/**
*
* TOP Final
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-top.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-top.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-top.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-top.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-top.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-top.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-top.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-top.yasl-animate {
    clip-path: inset(0 0 0 0);
}


/**
*
* BOTTOM Initial
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) scale(var(--yasl-scale-in, .7));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-bottom {
    transform: rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-bottom {
    transform: rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-in, .7));
}

/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) scale(var(--yasl-scale-out, 1.3));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-bottom {
    transform: rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-bottom {
    transform: rotateX(var(--yasl-rotate, -89deg)) scale(var(--yasl-scale-out, 1.3));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) rotateX(var(--yasl-rotate, -89deg));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px)) rotateX(var(--yasl-rotate, -89deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-move.yasl-bottom {
    transform: translateY(var(--yasl-translate, 50px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-bottom {
    transform: rotateX(var(--yasl-rotate, -89deg));
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-bottom {
    transform: rotateX(var(--yasl-rotate, -89deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-bottom {
    clip-path: inset(var(--yasl-reveal, 95%) 0 0 0);
}


/**
*
* BOTTOM Final
*
*/

/*** IN ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-in.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-in.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-in.yasl-reveal.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-in.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-in-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-in.yasl-reveal.yasl-bottom.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-in.yasl-bottom.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-in-final, 1.0));
}

/* JUST IN */

[data-yasl-css].yasl-in.yasl-animate {
    transform: scale(var(--yasl-scale-in-final, 1.0));
}


/*** OUT ***/

/* Move & Turn */
[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-out.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-out.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Move */

[data-yasl-css].yasl-move.yasl-out.yasl-reveal.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-out.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) scale(var(--yasl-scale-out-final, 1.0));
}

/* Turn */

[data-yasl-css].yasl-turn.yasl-out.yasl-reveal.yasl-bottom.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-out.yasl-bottom.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg)) scale(var(--yasl-scale-out-final, 1.0));
}

/* JUST OUT */

[data-yasl-css].yasl-out.yasl-animate {
    transform: scale(var(--yasl-scale-out-final, 1.0));
}


/*** NO IO ***/

/* MOVE & TURN */

[data-yasl-css].yasl-move.yasl-turn.yasl-reveal.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-turn.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px)) rotateX(var(--yasl-rotate-final, 0deg));
}

/* MOVE */

[data-yasl-css].yasl-move.yasl-reveal.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-move.yasl-bottom.yasl-animate {
    transform: translateY(var(--yasl-translate-final, 0px));
}

/* TURN */

[data-yasl-css].yasl-turn.yasl-reveal.yasl-bottom.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg));
    clip-path: inset(0 0 0 0);
}

[data-yasl-css].yasl-turn.yasl-bottom.yasl-animate {
    transform: rotateX(var(--yasl-rotate-final, 0deg));
}

/* Reveal */

[data-yasl-css].yasl-reveal.yasl-bottom.yasl-animate {
    clip-path: inset(0 0 0 0);
}