@-webkit-keyframes xyz-in-keyframes {
    0% {
        opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-in-keyframes {
    0% {
        opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@-webkit-keyframes xyz-out-keyframes {
    0% {
        opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-out-keyframes {
    0% {
        opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@-webkit-keyframes xyz-appear-keyframes {
    0% {
        opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-appear-keyframes {
    0% {
        opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))))
    }
}

:root {
    --xyz-perspective-none: 0;
    --xyz-keyframes-default: none;
    --xyz-ease-default: ease;
    --xyz-duration-default: 0.5s;
    --xyz-delay-default: 0s;
    --xyz-stagger-default: 0.25s;
    --xyz-iterate-default: 1;
    --xyz-direction-default: normal;
    --xyz-out-direction-default: reverse;
    --xyz-origin-default: center;
    --xyz-opacity-default: 1;
    --xyz-perspective-default: var(--xyz-perspective-none);
    --xyz-translate-default: 25%;
    --xyz-translate-z-default: 300px;
    --xyz-rotate-default: 0.25turn;
    --xyz-scale-default: 0.5;
    --xyz-skew-default: 30deg
}

@supports (transform:perspective(none)) {
    :root {
        --xyz-perspective-none: none
    }
}

.xyz-appear-nested:first-child,
.xyz-appear:first-child,
.xyz-in-nested:first-child,
.xyz-in:first-child,
.xyz-nested:first-child,
.xyz-out-nested:first-child,
.xyz-out:first-child {
    --xyz-index: 0
}

.xyz-appear-nested:last-child,
.xyz-appear:last-child,
.xyz-in-nested:last-child,
.xyz-in:last-child,
.xyz-nested:last-child,
.xyz-out-nested:last-child,
.xyz-out:last-child {
    --xyz-index-rev: 0
}

.xyz-appear-nested:nth-child(2),
.xyz-appear:nth-child(2),
.xyz-in-nested:nth-child(2),
.xyz-in:nth-child(2),
.xyz-nested:nth-child(2),
.xyz-out-nested:nth-child(2),
.xyz-out:nth-child(2) {
    --xyz-index: 1
}

.xyz-appear-nested:nth-last-child(2),
.xyz-appear:nth-last-child(2),
.xyz-in-nested:nth-last-child(2),
.xyz-in:nth-last-child(2),
.xyz-nested:nth-last-child(2),
.xyz-out-nested:nth-last-child(2),
.xyz-out:nth-last-child(2) {
    --xyz-index-rev: 1
}

.xyz-appear-nested:nth-child(3),
.xyz-appear:nth-child(3),
.xyz-in-nested:nth-child(3),
.xyz-in:nth-child(3),
.xyz-nested:nth-child(3),
.xyz-out-nested:nth-child(3),
.xyz-out:nth-child(3) {
    --xyz-index: 2
}

.xyz-appear-nested:nth-last-child(3),
.xyz-appear:nth-last-child(3),
.xyz-in-nested:nth-last-child(3),
.xyz-in:nth-last-child(3),
.xyz-nested:nth-last-child(3),
.xyz-out-nested:nth-last-child(3),
.xyz-out:nth-last-child(3) {
    --xyz-index-rev: 2
}

.xyz-appear-nested:nth-child(4),
.xyz-appear:nth-child(4),
.xyz-in-nested:nth-child(4),
.xyz-in:nth-child(4),
.xyz-nested:nth-child(4),
.xyz-out-nested:nth-child(4),
.xyz-out:nth-child(4) {
    --xyz-index: 3
}

.xyz-appear-nested:nth-last-child(4),
.xyz-appear:nth-last-child(4),
.xyz-in-nested:nth-last-child(4),
.xyz-in:nth-last-child(4),
.xyz-nested:nth-last-child(4),
.xyz-out-nested:nth-last-child(4),
.xyz-out:nth-last-child(4) {
    --xyz-index-rev: 3
}

.xyz-appear-nested:nth-child(5),
.xyz-appear:nth-child(5),
.xyz-in-nested:nth-child(5),
.xyz-in:nth-child(5),
.xyz-nested:nth-child(5),
.xyz-out-nested:nth-child(5),
.xyz-out:nth-child(5) {
    --xyz-index: 4
}

.xyz-appear-nested:nth-last-child(5),
.xyz-appear:nth-last-child(5),
.xyz-in-nested:nth-last-child(5),
.xyz-in:nth-last-child(5),
.xyz-nested:nth-last-child(5),
.xyz-out-nested:nth-last-child(5),
.xyz-out:nth-last-child(5) {
    --xyz-index-rev: 4
}

.xyz-appear-nested:nth-child(6),
.xyz-appear:nth-child(6),
.xyz-in-nested:nth-child(6),
.xyz-in:nth-child(6),
.xyz-nested:nth-child(6),
.xyz-out-nested:nth-child(6),
.xyz-out:nth-child(6) {
    --xyz-index: 5
}

.xyz-appear-nested:nth-last-child(6),
.xyz-appear:nth-last-child(6),
.xyz-in-nested:nth-last-child(6),
.xyz-in:nth-last-child(6),
.xyz-nested:nth-last-child(6),
.xyz-out-nested:nth-last-child(6),
.xyz-out:nth-last-child(6) {
    --xyz-index-rev: 5
}

.xyz-appear-nested:nth-child(7),
.xyz-appear:nth-child(7),
.xyz-in-nested:nth-child(7),
.xyz-in:nth-child(7),
.xyz-nested:nth-child(7),
.xyz-out-nested:nth-child(7),
.xyz-out:nth-child(7) {
    --xyz-index: 6
}

.xyz-appear-nested:nth-last-child(7),
.xyz-appear:nth-last-child(7),
.xyz-in-nested:nth-last-child(7),
.xyz-in:nth-last-child(7),
.xyz-nested:nth-last-child(7),
.xyz-out-nested:nth-last-child(7),
.xyz-out:nth-last-child(7) {
    --xyz-index-rev: 6
}

.xyz-appear-nested:nth-child(8),
.xyz-appear:nth-child(8),
.xyz-in-nested:nth-child(8),
.xyz-in:nth-child(8),
.xyz-nested:nth-child(8),
.xyz-out-nested:nth-child(8),
.xyz-out:nth-child(8) {
    --xyz-index: 7
}

.xyz-appear-nested:nth-last-child(8),
.xyz-appear:nth-last-child(8),
.xyz-in-nested:nth-last-child(8),
.xyz-in:nth-last-child(8),
.xyz-nested:nth-last-child(8),
.xyz-out-nested:nth-last-child(8),
.xyz-out:nth-last-child(8) {
    --xyz-index-rev: 7
}

.xyz-appear-nested:nth-child(9),
.xyz-appear:nth-child(9),
.xyz-in-nested:nth-child(9),
.xyz-in:nth-child(9),
.xyz-nested:nth-child(9),
.xyz-out-nested:nth-child(9),
.xyz-out:nth-child(9) {
    --xyz-index: 8
}

.xyz-appear-nested:nth-last-child(9),
.xyz-appear:nth-last-child(9),
.xyz-in-nested:nth-last-child(9),
.xyz-in:nth-last-child(9),
.xyz-nested:nth-last-child(9),
.xyz-out-nested:nth-last-child(9),
.xyz-out:nth-last-child(9) {
    --xyz-index-rev: 8
}

.xyz-appear-nested:nth-child(10),
.xyz-appear:nth-child(10),
.xyz-in-nested:nth-child(10),
.xyz-in:nth-child(10),
.xyz-nested:nth-child(10),
.xyz-out-nested:nth-child(10),
.xyz-out:nth-child(10) {
    --xyz-index: 9
}

.xyz-appear-nested:nth-last-child(10),
.xyz-appear:nth-last-child(10),
.xyz-in-nested:nth-last-child(10),
.xyz-in:nth-last-child(10),
.xyz-nested:nth-last-child(10),
.xyz-out-nested:nth-last-child(10),
.xyz-out:nth-last-child(10) {
    --xyz-index-rev: 9
}

.xyz-appear-nested:nth-child(11),
.xyz-appear:nth-child(11),
.xyz-in-nested:nth-child(11),
.xyz-in:nth-child(11),
.xyz-nested:nth-child(11),
.xyz-out-nested:nth-child(11),
.xyz-out:nth-child(11) {
    --xyz-index: 10
}

.xyz-appear-nested:nth-last-child(11),
.xyz-appear:nth-last-child(11),
.xyz-in-nested:nth-last-child(11),
.xyz-in:nth-last-child(11),
.xyz-nested:nth-last-child(11),
.xyz-out-nested:nth-last-child(11),
.xyz-out:nth-last-child(11) {
    --xyz-index-rev: 10
}

.xyz-appear-nested:nth-child(12),
.xyz-appear:nth-child(12),
.xyz-in-nested:nth-child(12),
.xyz-in:nth-child(12),
.xyz-nested:nth-child(12),
.xyz-out-nested:nth-child(12),
.xyz-out:nth-child(12) {
    --xyz-index: 11
}

.xyz-appear-nested:nth-last-child(12),
.xyz-appear:nth-last-child(12),
.xyz-in-nested:nth-last-child(12),
.xyz-in:nth-last-child(12),
.xyz-nested:nth-last-child(12),
.xyz-out-nested:nth-last-child(12),
.xyz-out:nth-last-child(12) {
    --xyz-index-rev: 11
}

.xyz-appear-nested:nth-child(13),
.xyz-appear:nth-child(13),
.xyz-in-nested:nth-child(13),
.xyz-in:nth-child(13),
.xyz-nested:nth-child(13),
.xyz-out-nested:nth-child(13),
.xyz-out:nth-child(13) {
    --xyz-index: 12
}

.xyz-appear-nested:nth-last-child(13),
.xyz-appear:nth-last-child(13),
.xyz-in-nested:nth-last-child(13),
.xyz-in:nth-last-child(13),
.xyz-nested:nth-last-child(13),
.xyz-out-nested:nth-last-child(13),
.xyz-out:nth-last-child(13) {
    --xyz-index-rev: 12
}

.xyz-appear-nested:nth-child(14),
.xyz-appear:nth-child(14),
.xyz-in-nested:nth-child(14),
.xyz-in:nth-child(14),
.xyz-nested:nth-child(14),
.xyz-out-nested:nth-child(14),
.xyz-out:nth-child(14) {
    --xyz-index: 13
}

.xyz-appear-nested:nth-last-child(14),
.xyz-appear:nth-last-child(14),
.xyz-in-nested:nth-last-child(14),
.xyz-in:nth-last-child(14),
.xyz-nested:nth-last-child(14),
.xyz-out-nested:nth-last-child(14),
.xyz-out:nth-last-child(14) {
    --xyz-index-rev: 13
}

.xyz-appear-nested:nth-child(15),
.xyz-appear:nth-child(15),
.xyz-in-nested:nth-child(15),
.xyz-in:nth-child(15),
.xyz-nested:nth-child(15),
.xyz-out-nested:nth-child(15),
.xyz-out:nth-child(15) {
    --xyz-index: 14
}

.xyz-appear-nested:nth-last-child(15),
.xyz-appear:nth-last-child(15),
.xyz-in-nested:nth-last-child(15),
.xyz-in:nth-last-child(15),
.xyz-nested:nth-last-child(15),
.xyz-out-nested:nth-last-child(15),
.xyz-out:nth-last-child(15) {
    --xyz-index-rev: 14
}

.xyz-appear-nested:nth-child(16),
.xyz-appear:nth-child(16),
.xyz-in-nested:nth-child(16),
.xyz-in:nth-child(16),
.xyz-nested:nth-child(16),
.xyz-out-nested:nth-child(16),
.xyz-out:nth-child(16) {
    --xyz-index: 15
}

.xyz-appear-nested:nth-last-child(16),
.xyz-appear:nth-last-child(16),
.xyz-in-nested:nth-last-child(16),
.xyz-in:nth-last-child(16),
.xyz-nested:nth-last-child(16),
.xyz-out-nested:nth-last-child(16),
.xyz-out:nth-last-child(16) {
    --xyz-index-rev: 15
}

.xyz-appear-nested:nth-child(17),
.xyz-appear:nth-child(17),
.xyz-in-nested:nth-child(17),
.xyz-in:nth-child(17),
.xyz-nested:nth-child(17),
.xyz-out-nested:nth-child(17),
.xyz-out:nth-child(17) {
    --xyz-index: 16
}

.xyz-appear-nested:nth-last-child(17),
.xyz-appear:nth-last-child(17),
.xyz-in-nested:nth-last-child(17),
.xyz-in:nth-last-child(17),
.xyz-nested:nth-last-child(17),
.xyz-out-nested:nth-last-child(17),
.xyz-out:nth-last-child(17) {
    --xyz-index-rev: 16
}

.xyz-appear-nested:nth-child(18),
.xyz-appear:nth-child(18),
.xyz-in-nested:nth-child(18),
.xyz-in:nth-child(18),
.xyz-nested:nth-child(18),
.xyz-out-nested:nth-child(18),
.xyz-out:nth-child(18) {
    --xyz-index: 17
}

.xyz-appear-nested:nth-last-child(18),
.xyz-appear:nth-last-child(18),
.xyz-in-nested:nth-last-child(18),
.xyz-in:nth-last-child(18),
.xyz-nested:nth-last-child(18),
.xyz-out-nested:nth-last-child(18),
.xyz-out:nth-last-child(18) {
    --xyz-index-rev: 17
}

.xyz-appear-nested:nth-child(19),
.xyz-appear:nth-child(19),
.xyz-in-nested:nth-child(19),
.xyz-in:nth-child(19),
.xyz-nested:nth-child(19),
.xyz-out-nested:nth-child(19),
.xyz-out:nth-child(19) {
    --xyz-index: 18
}

.xyz-appear-nested:nth-last-child(19),
.xyz-appear:nth-last-child(19),
.xyz-in-nested:nth-last-child(19),
.xyz-in:nth-last-child(19),
.xyz-nested:nth-last-child(19),
.xyz-out-nested:nth-last-child(19),
.xyz-out:nth-last-child(19) {
    --xyz-index-rev: 18
}

.xyz-appear-nested:nth-child(20),
.xyz-appear:nth-child(20),
.xyz-in-nested:nth-child(20),
.xyz-in:nth-child(20),
.xyz-nested:nth-child(20),
.xyz-out-nested:nth-child(20),
.xyz-out:nth-child(20) {
    --xyz-index: 19
}

.xyz-appear-nested:nth-last-child(20),
.xyz-appear:nth-last-child(20),
.xyz-in-nested:nth-last-child(20),
.xyz-in:nth-last-child(20),
.xyz-nested:nth-last-child(20),
.xyz-out-nested:nth-last-child(20),
.xyz-out:nth-last-child(20) {
    --xyz-index-rev: 19
}

.xyz-appear,
.xyz-in,
.xyz-out {
    --xyz-root-stagger-delay: var(--xyz-stagger-delay, 0s);
    --xyz-nested-stagger-delay: initial;
    --xyz-start-offset: initial
}

.xyz-appear-nested,
.xyz-in-nested,
.xyz-nested,
.xyz-out-nested {
    --xyz-nested-stagger-delay: var(--xyz-root-stagger-delay, 0s)
}

.xyz-in,
.xyz-in .xyz-in-nested,
.xyz-in .xyz-nested {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-in-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-in-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-in-delay, var(--xyz-delay, var(--xyz-in-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default))))) * -1;
    -webkit-animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
    animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
    -webkit-animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
    animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-origin: var(--xyz-in-origin, var(--xyz-origin, var(--xyz-in-origin-default, var(--xyz-origin-default))))
}

.xyz-out,
.xyz-out .xyz-nested,
.xyz-out .xyz-out-nested {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-out-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-out-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-out-delay, var(--xyz-delay, var(--xyz-out-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default))))) * -1;
    -webkit-animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
    animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
    -webkit-animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
    animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-origin: var(--xyz-out-origin, var(--xyz-origin, var(--xyz-out-origin-default, var(--xyz-origin-default))))
}

.xyz-appear,
.xyz-appear .xyz-appear-nested,
.xyz-appear .xyz-nested {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-appear-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-appear-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-appear-delay, var(--xyz-delay, var(--xyz-appear-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default))))) * -1;
    -webkit-animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
    animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
    -webkit-animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
    animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-origin: var(--xyz-appear-origin, var(--xyz-origin, var(--xyz-appear-origin-default, var(--xyz-origin-default))))
}

.xyz-absolute.xyz-appear,
.xyz-absolute.xyz-in,
.xyz-absolute.xyz-out,
.xyz-appear-absolute.xyz-appear,
.xyz-appear .xyz-absolute.xyz-appear-nested,
.xyz-appear .xyz-absolute.xyz-nested,
.xyz-appear .xyz-appear-absolute.xyz-appear-nested,
.xyz-appear .xyz-appear-absolute.xyz-nested,
.xyz-in-absolute.xyz-in,
.xyz-in .xyz-absolute.xyz-in-nested,
.xyz-in .xyz-absolute.xyz-nested,
.xyz-in .xyz-in-absolute.xyz-in-nested,
.xyz-in .xyz-in-absolute.xyz-nested,
.xyz-out-absolute.xyz-out,
.xyz-out .xyz-absolute.xyz-nested,
.xyz-out .xyz-absolute.xyz-out-nested,
.xyz-out .xyz-out-absolute.xyz-nested,
.xyz-out .xyz-out-absolute.xyz-out-nested {
    position: absolute !important
}

.xyz-appear-paused.xyz-appear,
.xyz-appear.xyz-appear-paused-all,
.xyz-appear.xyz-appear-paused-all .xyz-appear-nested,
.xyz-appear.xyz-appear-paused-all .xyz-nested,
.xyz-appear .xyz-appear-paused.xyz-appear-nested,
.xyz-appear .xyz-appear-paused.xyz-nested,
.xyz-appear.xyz-paused-all,
.xyz-appear.xyz-paused-all .xyz-appear-nested,
.xyz-appear.xyz-paused-all .xyz-nested,
.xyz-appear .xyz-paused.xyz-appear-nested,
.xyz-appear .xyz-paused.xyz-nested,
.xyz-in-paused.xyz-in,
.xyz-in.xyz-in-paused-all,
.xyz-in.xyz-in-paused-all .xyz-in-nested,
.xyz-in.xyz-in-paused-all .xyz-nested,
.xyz-in .xyz-in-paused.xyz-in-nested,
.xyz-in .xyz-in-paused.xyz-nested,
.xyz-in.xyz-paused-all,
.xyz-in.xyz-paused-all .xyz-in-nested,
.xyz-in.xyz-paused-all .xyz-nested,
.xyz-in .xyz-paused.xyz-in-nested,
.xyz-in .xyz-paused.xyz-nested,
.xyz-out-paused.xyz-out,
.xyz-out.xyz-out-paused-all,
.xyz-out.xyz-out-paused-all .xyz-nested,
.xyz-out.xyz-out-paused-all .xyz-out-nested,
.xyz-out .xyz-out-paused.xyz-nested,
.xyz-out .xyz-out-paused.xyz-out-nested,
.xyz-out.xyz-paused-all,
.xyz-out.xyz-paused-all .xyz-nested,
.xyz-out.xyz-paused-all .xyz-out-nested,
.xyz-out .xyz-paused.xyz-nested,
.xyz-out .xyz-paused.xyz-out-nested,
.xyz-paused.xyz-appear,
.xyz-paused.xyz-in,
.xyz-paused.xyz-out {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.xyz-appear-none.xyz-appear,
.xyz-appear.xyz-appear-none-all,
.xyz-appear.xyz-appear-none-all .xyz-appear-nested,
.xyz-appear.xyz-appear-none-all .xyz-nested,
.xyz-appear .xyz-appear-none.xyz-appear-nested,
.xyz-appear .xyz-appear-none.xyz-nested,
.xyz-appear.xyz-none-all,
.xyz-appear.xyz-none-all .xyz-appear-nested,
.xyz-appear.xyz-none-all .xyz-nested,
.xyz-appear .xyz-none.xyz-appear-nested,
.xyz-appear .xyz-none.xyz-nested,
.xyz-in-none.xyz-in,
.xyz-in.xyz-in-none-all,
.xyz-in.xyz-in-none-all .xyz-in-nested,
.xyz-in.xyz-in-none-all .xyz-nested,
.xyz-in .xyz-in-none.xyz-in-nested,
.xyz-in .xyz-in-none.xyz-nested,
.xyz-in.xyz-none-all,
.xyz-in.xyz-none-all .xyz-in-nested,
.xyz-in.xyz-none-all .xyz-nested,
.xyz-in .xyz-none.xyz-in-nested,
.xyz-in .xyz-none.xyz-nested,
.xyz-none.xyz-appear,
.xyz-none.xyz-in,
.xyz-none.xyz-out,
.xyz-out-none.xyz-out,
.xyz-out.xyz-none-all,
.xyz-out.xyz-none-all .xyz-nested,
.xyz-out.xyz-none-all .xyz-out-nested,
.xyz-out .xyz-none.xyz-nested,
.xyz-out .xyz-none.xyz-out-nested,
.xyz-out.xyz-out-none-all,
.xyz-out.xyz-out-none-all .xyz-nested,
.xyz-out.xyz-out-none-all .xyz-out-nested,
.xyz-out .xyz-out-none.xyz-nested,
.xyz-out .xyz-out-none.xyz-out-nested {
    -webkit-animation: none !important;
    animation: none !important
}

@media (prefers-reduced-motion:reduce) {

    .xyz-appear,
    .xyz-appear .xyz-appear-nested,
    .xyz-appear .xyz-nested,
    .xyz-in,
    .xyz-in .xyz-in-nested,
    .xyz-in .xyz-nested,
    .xyz-out,
    .xyz-out .xyz-nested,
    .xyz-out .xyz-out-nested {
        -webkit-animation: none;
        animation: none
    }
}

[xyz] {
    --xyz-keyframes: initial;
    --xyz-in-keyframes: initial;
    --xyz-out-keyframes: initial;
    --xyz-appear-keyframes: initial;
    --xyz-ease: initial;
    --xyz-in-ease: initial;
    --xyz-out-ease: initial;
    --xyz-appear-ease: initial;
    --xyz-duration: initial;
    --xyz-in-duration: initial;
    --xyz-out-duration: initial;
    --xyz-appear-duration: initial;
    --xyz-delay: initial;
    --xyz-in-delay: initial;
    --xyz-out-delay: initial;
    --xyz-appear-delay: initial;
    --xyz-stagger: initial;
    --xyz-in-stagger: initial;
    --xyz-out-stagger: initial;
    --xyz-appear-stagger: initial;
    --xyz-stagger-rev: initial;
    --xyz-in-stagger-rev: initial;
    --xyz-out-stagger-rev: initial;
    --xyz-appear-stagger-rev: initial;
    --xyz-iterate: initial;
    --xyz-in-iterate: initial;
    --xyz-out-iterate: initial;
    --xyz-appear-iterate: initial;
    --xyz-direction: initial;
    --xyz-in-direction: initial;
    --xyz-out-direction: initial;
    --xyz-appear-direction: initial;
    --xyz-origin: initial;
    --xyz-in-origin: initial;
    --xyz-out-origin: initial;
    --xyz-appear-origin: initial;
    --xyz-opacity: initial;
    --xyz-in-opacity: initial;
    --xyz-out-opacity: initial;
    --xyz-appear-opacity: initial;
    --xyz-transform: initial;
    --xyz-in-transform: initial;
    --xyz-out-transform: initial;
    --xyz-appear-transform: initial;
    --xyz-perspective: initial;
    --xyz-in-perspective: initial;
    --xyz-out-perspective: initial;
    --xyz-appear-perspective: initial;
    --xyz-translate-x: initial;
    --xyz-in-translate-x: initial;
    --xyz-out-translate-x: initial;
    --xyz-appear-translate-x: initial;
    --xyz-translate-y: initial;
    --xyz-in-translate-y: initial;
    --xyz-out-translate-y: initial;
    --xyz-appear-translate-y: initial;
    --xyz-translate-z: initial;
    --xyz-in-translate-z: initial;
    --xyz-out-translate-z: initial;
    --xyz-appear-translate-z: initial;
    --xyz-rotate-x: initial;
    --xyz-in-rotate-x: initial;
    --xyz-out-rotate-x: initial;
    --xyz-appear-rotate-x: initial;
    --xyz-rotate-y: initial;
    --xyz-in-rotate-y: initial;
    --xyz-out-rotate-y: initial;
    --xyz-appear-rotate-y: initial;
    --xyz-rotate-z: initial;
    --xyz-in-rotate-z: initial;
    --xyz-out-rotate-z: initial;
    --xyz-appear-rotate-z: initial;
    --xyz-scale-x: initial;
    --xyz-in-scale-x: initial;
    --xyz-out-scale-x: initial;
    --xyz-appear-scale-x: initial;
    --xyz-scale-y: initial;
    --xyz-in-scale-y: initial;
    --xyz-out-scale-y: initial;
    --xyz-appear-scale-y: initial;
    --xyz-scale-z: initial;
    --xyz-in-scale-z: initial;
    --xyz-out-scale-z: initial;
    --xyz-appear-scale-z: initial;
    --xyz-skew-x: initial;
    --xyz-in-skew-x: initial;
    --xyz-out-skew-x: initial;
    --xyz-appear-skew-x: initial;
    --xyz-skew-y: initial;
    --xyz-in-skew-y: initial;
    --xyz-out-skew-y: initial;
    --xyz-appear-skew-y: initial
}

[xyz~=inherit] {
    --xyz-keyframes: inherit;
    --xyz-in-keyframes: inherit;
    --xyz-out-keyframes: inherit;
    --xyz-appear-keyframes: inherit;
    --xyz-ease: inherit;
    --xyz-in-ease: inherit;
    --xyz-out-ease: inherit;
    --xyz-appear-ease: inherit;
    --xyz-duration: inherit;
    --xyz-in-duration: inherit;
    --xyz-out-duration: inherit;
    --xyz-appear-duration: inherit;
    --xyz-delay: inherit;
    --xyz-in-delay: inherit;
    --xyz-out-delay: inherit;
    --xyz-appear-delay: inherit;
    --xyz-stagger: inherit;
    --xyz-in-stagger: inherit;
    --xyz-out-stagger: inherit;
    --xyz-appear-stagger: inherit;
    --xyz-stagger-rev: inherit;
    --xyz-in-stagger-rev: inherit;
    --xyz-out-stagger-rev: inherit;
    --xyz-appear-stagger-rev: inherit;
    --xyz-iterate: inherit;
    --xyz-in-iterate: inherit;
    --xyz-out-iterate: inherit;
    --xyz-appear-iterate: inherit;
    --xyz-direction: inherit;
    --xyz-in-direction: inherit;
    --xyz-out-direction: inherit;
    --xyz-appear-direction: inherit;
    --xyz-origin: inherit;
    --xyz-in-origin: inherit;
    --xyz-out-origin: inherit;
    --xyz-appear-origin: inherit;
    --xyz-opacity: inherit;
    --xyz-in-opacity: inherit;
    --xyz-out-opacity: inherit;
    --xyz-appear-opacity: inherit;
    --xyz-transform: inherit;
    --xyz-in-transform: inherit;
    --xyz-out-transform: inherit;
    --xyz-appear-transform: inherit;
    --xyz-perspective: inherit;
    --xyz-in-perspective: inherit;
    --xyz-out-perspective: inherit;
    --xyz-appear-perspective: inherit;
    --xyz-translate-x: inherit;
    --xyz-in-translate-x: inherit;
    --xyz-out-translate-x: inherit;
    --xyz-appear-translate-x: inherit;
    --xyz-translate-y: inherit;
    --xyz-in-translate-y: inherit;
    --xyz-out-translate-y: inherit;
    --xyz-appear-translate-y: inherit;
    --xyz-translate-z: inherit;
    --xyz-in-translate-z: inherit;
    --xyz-out-translate-z: inherit;
    --xyz-appear-translate-z: inherit;
    --xyz-rotate-x: inherit;
    --xyz-in-rotate-x: inherit;
    --xyz-out-rotate-x: inherit;
    --xyz-appear-rotate-x: inherit;
    --xyz-rotate-y: inherit;
    --xyz-in-rotate-y: inherit;
    --xyz-out-rotate-y: inherit;
    --xyz-appear-rotate-y: inherit;
    --xyz-rotate-z: inherit;
    --xyz-in-rotate-z: inherit;
    --xyz-out-rotate-z: inherit;
    --xyz-appear-rotate-z: inherit;
    --xyz-scale-x: inherit;
    --xyz-in-scale-x: inherit;
    --xyz-out-scale-x: inherit;
    --xyz-appear-scale-x: inherit;
    --xyz-scale-y: inherit;
    --xyz-in-scale-y: inherit;
    --xyz-out-scale-y: inherit;
    --xyz-appear-scale-y: inherit;
    --xyz-scale-z: inherit;
    --xyz-in-scale-z: inherit;
    --xyz-out-scale-z: inherit;
    --xyz-appear-scale-z: inherit;
    --xyz-skew-x: inherit;
    --xyz-in-skew-x: inherit;
    --xyz-out-skew-x: inherit;
    --xyz-appear-skew-x: inherit;
    --xyz-skew-y: inherit;
    --xyz-in-skew-y: inherit;
    --xyz-out-skew-y: inherit;
    --xyz-appear-skew-y: inherit
}

[xyz~=ease] {
    --xyz-ease: var(--xyz-ease-default)
}

[xyz~=ease-ease] {
    --xyz-ease: ease
}

[xyz~=ease-linear] {
    --xyz-ease: linear
}

[xyz~=ease-in] {
    --xyz-ease: ease-in
}

[xyz~=ease-in-back] {
    --xyz-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[xyz~=ease-out] {
    --xyz-ease: ease-out
}

[xyz~=ease-out-back] {
    --xyz-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[xyz~=ease-in-out] {
    --xyz-ease: ease-in-out
}

[xyz~=ease-in-out-back] {
    --xyz-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[xyz~=in-ease] {
    --xyz-in-ease: var(--xyz-ease-default)
}

[xyz~=in-ease-ease] {
    --xyz-in-ease: ease
}

[xyz~=in-ease-linear] {
    --xyz-in-ease: linear
}

[xyz~=in-ease-in] {
    --xyz-in-ease: ease-in
}

[xyz~=in-ease-in-back] {
    --xyz-in-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[xyz~=in-ease-out] {
    --xyz-in-ease: ease-out
}

[xyz~=in-ease-out-back] {
    --xyz-in-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[xyz~=in-ease-in-out] {
    --xyz-in-ease: ease-in-out
}

[xyz~=in-ease-in-out-back] {
    --xyz-in-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[xyz~=out-ease] {
    --xyz-out-ease: var(--xyz-ease-default)
}

[xyz~=out-ease-ease] {
    --xyz-out-ease: ease
}

[xyz~=out-ease-linear] {
    --xyz-out-ease: linear
}

[xyz~=out-ease-in] {
    --xyz-out-ease: ease-in
}

[xyz~=out-ease-in-back] {
    --xyz-out-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[xyz~=out-ease-out] {
    --xyz-out-ease: ease-out
}

[xyz~=out-ease-out-back] {
    --xyz-out-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[xyz~=out-ease-in-out] {
    --xyz-out-ease: ease-in-out
}

[xyz~=out-ease-in-out-back] {
    --xyz-out-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[xyz~=appear-ease] {
    --xyz-appear-ease: var(--xyz-ease-default)
}

[xyz~=appear-ease-ease] {
    --xyz-appear-ease: ease
}

[xyz~=appear-ease-linear] {
    --xyz-appear-ease: linear
}

[xyz~=appear-ease-in] {
    --xyz-appear-ease: ease-in
}

[xyz~=appear-ease-in-back] {
    --xyz-appear-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[xyz~=appear-ease-out] {
    --xyz-appear-ease: ease-out
}

[xyz~=appear-ease-out-back] {
    --xyz-appear-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[xyz~=appear-ease-in-out] {
    --xyz-appear-ease: ease-in-out
}

[xyz~=appear-ease-in-out-back] {
    --xyz-appear-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[xyz~=duration] {
    --xyz-duration: var(--xyz-duration-default)
}

[xyz~=duration-0] {
    --xyz-duration: 0s
}

[xyz~="duration-0.5"] {
    --xyz-duration: 0.05s
}

[xyz~=duration-1] {
    --xyz-duration: 0.1s
}

[xyz~="duration-1.5"] {
    --xyz-duration: 0.15s
}

[xyz~=duration-2] {
    --xyz-duration: 0.2s
}

[xyz~="duration-2.5"] {
    --xyz-duration: 0.25s
}

[xyz~=duration-3] {
    --xyz-duration: 0.3s
}

[xyz~=duration-4] {
    --xyz-duration: 0.4s
}

[xyz~=duration-5] {
    --xyz-duration: 0.5s
}

[xyz~=duration-6] {
    --xyz-duration: 0.6s
}

[xyz~=duration-7] {
    --xyz-duration: 0.7s
}

[xyz~=duration-8] {
    --xyz-duration: 0.8s
}

[xyz~=duration-9] {
    --xyz-duration: 0.9s
}

[xyz~=duration-10] {
    --xyz-duration: 1s
}

[xyz~=duration-15] {
    --xyz-duration: 1.5s
}

[xyz~=duration-20] {
    --xyz-duration: 2s
}

[xyz~=duration-25] {
    --xyz-duration: 2.5s
}

[xyz~=duration-30] {
    --xyz-duration: 3s
}

[xyz~=in-duration] {
    --xyz-in-duration: var(--xyz-duration-default)
}

[xyz~=in-duration-0] {
    --xyz-in-duration: 0s
}

[xyz~="in-duration-0.5"] {
    --xyz-in-duration: 0.05s
}

[xyz~=in-duration-1] {
    --xyz-in-duration: 0.1s
}

[xyz~="in-duration-1.5"] {
    --xyz-in-duration: 0.15s
}

[xyz~=in-duration-2] {
    --xyz-in-duration: 0.2s
}

[xyz~="in-duration-2.5"] {
    --xyz-in-duration: 0.25s
}

[xyz~=in-duration-3] {
    --xyz-in-duration: 0.3s
}

[xyz~=in-duration-4] {
    --xyz-in-duration: 0.4s
}

[xyz~=in-duration-5] {
    --xyz-in-duration: 0.5s
}

[xyz~=in-duration-6] {
    --xyz-in-duration: 0.6s
}

[xyz~=in-duration-7] {
    --xyz-in-duration: 0.7s
}

[xyz~=in-duration-8] {
    --xyz-in-duration: 0.8s
}

[xyz~=in-duration-9] {
    --xyz-in-duration: 0.9s
}

[xyz~=in-duration-10] {
    --xyz-in-duration: 1s
}

[xyz~=in-duration-15] {
    --xyz-in-duration: 1.5s
}

[xyz~=in-duration-20] {
    --xyz-in-duration: 2s
}

[xyz~=in-duration-25] {
    --xyz-in-duration: 2.5s
}

[xyz~=in-duration-30] {
    --xyz-in-duration: 3s
}

[xyz~=out-duration] {
    --xyz-out-duration: var(--xyz-duration-default)
}

[xyz~=out-duration-0] {
    --xyz-out-duration: 0s
}

[xyz~="out-duration-0.5"] {
    --xyz-out-duration: 0.05s
}

[xyz~=out-duration-1] {
    --xyz-out-duration: 0.1s
}

[xyz~="out-duration-1.5"] {
    --xyz-out-duration: 0.15s
}

[xyz~=out-duration-2] {
    --xyz-out-duration: 0.2s
}

[xyz~="out-duration-2.5"] {
    --xyz-out-duration: 0.25s
}

[xyz~=out-duration-3] {
    --xyz-out-duration: 0.3s
}

[xyz~=out-duration-4] {
    --xyz-out-duration: 0.4s
}

[xyz~=out-duration-5] {
    --xyz-out-duration: 0.5s
}

[xyz~=out-duration-6] {
    --xyz-out-duration: 0.6s
}

[xyz~=out-duration-7] {
    --xyz-out-duration: 0.7s
}

[xyz~=out-duration-8] {
    --xyz-out-duration: 0.8s
}

[xyz~=out-duration-9] {
    --xyz-out-duration: 0.9s
}

[xyz~=out-duration-10] {
    --xyz-out-duration: 1s
}

[xyz~=out-duration-15] {
    --xyz-out-duration: 1.5s
}

[xyz~=out-duration-20] {
    --xyz-out-duration: 2s
}

[xyz~=out-duration-25] {
    --xyz-out-duration: 2.5s
}

[xyz~=out-duration-30] {
    --xyz-out-duration: 3s
}

[xyz~=appear-duration] {
    --xyz-appear-duration: var(--xyz-duration-default)
}

[xyz~=appear-duration-0] {
    --xyz-appear-duration: 0s
}

[xyz~="appear-duration-0.5"] {
    --xyz-appear-duration: 0.05s
}

[xyz~=appear-duration-1] {
    --xyz-appear-duration: 0.1s
}

[xyz~="appear-duration-1.5"] {
    --xyz-appear-duration: 0.15s
}

[xyz~=appear-duration-2] {
    --xyz-appear-duration: 0.2s
}

[xyz~="appear-duration-2.5"] {
    --xyz-appear-duration: 0.25s
}

[xyz~=appear-duration-3] {
    --xyz-appear-duration: 0.3s
}

[xyz~=appear-duration-4] {
    --xyz-appear-duration: 0.4s
}

[xyz~=appear-duration-5] {
    --xyz-appear-duration: 0.5s
}

[xyz~=appear-duration-6] {
    --xyz-appear-duration: 0.6s
}

[xyz~=appear-duration-7] {
    --xyz-appear-duration: 0.7s
}

[xyz~=appear-duration-8] {
    --xyz-appear-duration: 0.8s
}

[xyz~=appear-duration-9] {
    --xyz-appear-duration: 0.9s
}

[xyz~=appear-duration-10] {
    --xyz-appear-duration: 1s
}

[xyz~=appear-duration-15] {
    --xyz-appear-duration: 1.5s
}

[xyz~=appear-duration-20] {
    --xyz-appear-duration: 2s
}

[xyz~=appear-duration-25] {
    --xyz-appear-duration: 2.5s
}

[xyz~=appear-duration-30] {
    --xyz-appear-duration: 3s
}

[xyz~=delay] {
    --xyz-delay: var(--xyz-delay-default)
}

[xyz~=delay-0] {
    --xyz-delay: 0s
}

[xyz~="delay-0.5"] {
    --xyz-delay: 0.05s
}

[xyz~=delay-1] {
    --xyz-delay: 0.1s
}

[xyz~="delay-1.5"] {
    --xyz-delay: 0.15s
}

[xyz~=delay-2] {
    --xyz-delay: 0.2s
}

[xyz~="delay-2.5"] {
    --xyz-delay: 0.25s
}

[xyz~=delay-3] {
    --xyz-delay: 0.3s
}

[xyz~=delay-4] {
    --xyz-delay: 0.4s
}

[xyz~=delay-5] {
    --xyz-delay: 0.5s
}

[xyz~=delay-6] {
    --xyz-delay: 0.6s
}

[xyz~=delay-7] {
    --xyz-delay: 0.7s
}

[xyz~=delay-8] {
    --xyz-delay: 0.8s
}

[xyz~=delay-9] {
    --xyz-delay: 0.9s
}

[xyz~=delay-10] {
    --xyz-delay: 1s
}

[xyz~=delay-15] {
    --xyz-delay: 1.5s
}

[xyz~=delay-20] {
    --xyz-delay: 2s
}

[xyz~=delay-25] {
    --xyz-delay: 2.5s
}

[xyz~=delay-30] {
    --xyz-delay: 3s
}

[xyz~=in-delay] {
    --xyz-in-delay: var(--xyz-delay-default)
}

[xyz~=in-delay-0] {
    --xyz-in-delay: 0s
}

[xyz~="in-delay-0.5"] {
    --xyz-in-delay: 0.05s
}

[xyz~=in-delay-1] {
    --xyz-in-delay: 0.1s
}

[xyz~="in-delay-1.5"] {
    --xyz-in-delay: 0.15s
}

[xyz~=in-delay-2] {
    --xyz-in-delay: 0.2s
}

[xyz~="in-delay-2.5"] {
    --xyz-in-delay: 0.25s
}

[xyz~=in-delay-3] {
    --xyz-in-delay: 0.3s
}

[xyz~=in-delay-4] {
    --xyz-in-delay: 0.4s
}

[xyz~=in-delay-5] {
    --xyz-in-delay: 0.5s
}

[xyz~=in-delay-6] {
    --xyz-in-delay: 0.6s
}

[xyz~=in-delay-7] {
    --xyz-in-delay: 0.7s
}

[xyz~=in-delay-8] {
    --xyz-in-delay: 0.8s
}

[xyz~=in-delay-9] {
    --xyz-in-delay: 0.9s
}

[xyz~=in-delay-10] {
    --xyz-in-delay: 1s
}

[xyz~=in-delay-15] {
    --xyz-in-delay: 1.5s
}

[xyz~=in-delay-20] {
    --xyz-in-delay: 2s
}

[xyz~=in-delay-25] {
    --xyz-in-delay: 2.5s
}

[xyz~=in-delay-30] {
    --xyz-in-delay: 3s
}

[xyz~=out-delay] {
    --xyz-out-delay: var(--xyz-delay-default)
}

[xyz~=out-delay-0] {
    --xyz-out-delay: 0s
}

[xyz~="out-delay-0.5"] {
    --xyz-out-delay: 0.05s
}

[xyz~=out-delay-1] {
    --xyz-out-delay: 0.1s
}

[xyz~="out-delay-1.5"] {
    --xyz-out-delay: 0.15s
}

[xyz~=out-delay-2] {
    --xyz-out-delay: 0.2s
}

[xyz~="out-delay-2.5"] {
    --xyz-out-delay: 0.25s
}

[xyz~=out-delay-3] {
    --xyz-out-delay: 0.3s
}

[xyz~=out-delay-4] {
    --xyz-out-delay: 0.4s
}

[xyz~=out-delay-5] {
    --xyz-out-delay: 0.5s
}

[xyz~=out-delay-6] {
    --xyz-out-delay: 0.6s
}

[xyz~=out-delay-7] {
    --xyz-out-delay: 0.7s
}

[xyz~=out-delay-8] {
    --xyz-out-delay: 0.8s
}

[xyz~=out-delay-9] {
    --xyz-out-delay: 0.9s
}

[xyz~=out-delay-10] {
    --xyz-out-delay: 1s
}

[xyz~=out-delay-15] {
    --xyz-out-delay: 1.5s
}

[xyz~=out-delay-20] {
    --xyz-out-delay: 2s
}

[xyz~=out-delay-25] {
    --xyz-out-delay: 2.5s
}

[xyz~=out-delay-30] {
    --xyz-out-delay: 3s
}

[xyz~=appear-delay] {
    --xyz-appear-delay: var(--xyz-delay-default)
}

[xyz~=appear-delay-0] {
    --xyz-appear-delay: 0s
}

[xyz~="appear-delay-0.5"] {
    --xyz-appear-delay: 0.05s
}

[xyz~=appear-delay-1] {
    --xyz-appear-delay: 0.1s
}

[xyz~="appear-delay-1.5"] {
    --xyz-appear-delay: 0.15s
}

[xyz~=appear-delay-2] {
    --xyz-appear-delay: 0.2s
}

[xyz~="appear-delay-2.5"] {
    --xyz-appear-delay: 0.25s
}

[xyz~=appear-delay-3] {
    --xyz-appear-delay: 0.3s
}

[xyz~=appear-delay-4] {
    --xyz-appear-delay: 0.4s
}

[xyz~=appear-delay-5] {
    --xyz-appear-delay: 0.5s
}

[xyz~=appear-delay-6] {
    --xyz-appear-delay: 0.6s
}

[xyz~=appear-delay-7] {
    --xyz-appear-delay: 0.7s
}

[xyz~=appear-delay-8] {
    --xyz-appear-delay: 0.8s
}

[xyz~=appear-delay-9] {
    --xyz-appear-delay: 0.9s
}

[xyz~=appear-delay-10] {
    --xyz-appear-delay: 1s
}

[xyz~=appear-delay-15] {
    --xyz-appear-delay: 1.5s
}

[xyz~=appear-delay-20] {
    --xyz-appear-delay: 2s
}

[xyz~=appear-delay-25] {
    --xyz-appear-delay: 2.5s
}

[xyz~=appear-delay-30] {
    --xyz-appear-delay: 3s
}

[xyz~=stagger] {
    --xyz-stagger: var(--xyz-stagger-default)
}

[xyz~=stagger-0] {
    --xyz-stagger: 0s
}

[xyz~="stagger-0.5"] {
    --xyz-stagger: 0.05s
}

[xyz~=stagger-1] {
    --xyz-stagger: 0.1s
}

[xyz~="stagger-1.5"] {
    --xyz-stagger: 0.15s
}

[xyz~=stagger-2] {
    --xyz-stagger: 0.2s
}

[xyz~="stagger-2.5"] {
    --xyz-stagger: 0.25s
}

[xyz~=stagger-3] {
    --xyz-stagger: 0.3s
}

[xyz~=stagger-4] {
    --xyz-stagger: 0.4s
}

[xyz~=stagger-5] {
    --xyz-stagger: 0.5s
}

[xyz~=stagger-6] {
    --xyz-stagger: 0.6s
}

[xyz~=stagger-7] {
    --xyz-stagger: 0.7s
}

[xyz~=stagger-8] {
    --xyz-stagger: 0.8s
}

[xyz~=stagger-9] {
    --xyz-stagger: 0.9s
}

[xyz~=stagger-10] {
    --xyz-stagger: 1s
}

[xyz~=stagger-15] {
    --xyz-stagger: 1.5s
}

[xyz~=stagger-20] {
    --xyz-stagger: 2s
}

[xyz~=stagger-25] {
    --xyz-stagger: 2.5s
}

[xyz~=stagger-30] {
    --xyz-stagger: 3s
}

[xyz~=in-stagger] {
    --xyz-in-stagger: var(--xyz-stagger-default)
}

[xyz~=in-stagger-0] {
    --xyz-in-stagger: 0s
}

[xyz~="in-stagger-0.5"] {
    --xyz-in-stagger: 0.05s
}

[xyz~=in-stagger-1] {
    --xyz-in-stagger: 0.1s
}

[xyz~="in-stagger-1.5"] {
    --xyz-in-stagger: 0.15s
}

[xyz~=in-stagger-2] {
    --xyz-in-stagger: 0.2s
}

[xyz~="in-stagger-2.5"] {
    --xyz-in-stagger: 0.25s
}

[xyz~=in-stagger-3] {
    --xyz-in-stagger: 0.3s
}

[xyz~=in-stagger-4] {
    --xyz-in-stagger: 0.4s
}

[xyz~=in-stagger-5] {
    --xyz-in-stagger: 0.5s
}

[xyz~=in-stagger-6] {
    --xyz-in-stagger: 0.6s
}

[xyz~=in-stagger-7] {
    --xyz-in-stagger: 0.7s
}

[xyz~=in-stagger-8] {
    --xyz-in-stagger: 0.8s
}

[xyz~=in-stagger-9] {
    --xyz-in-stagger: 0.9s
}

[xyz~=in-stagger-10] {
    --xyz-in-stagger: 1s
}

[xyz~=in-stagger-15] {
    --xyz-in-stagger: 1.5s
}

[xyz~=in-stagger-20] {
    --xyz-in-stagger: 2s
}

[xyz~=in-stagger-25] {
    --xyz-in-stagger: 2.5s
}

[xyz~=in-stagger-30] {
    --xyz-in-stagger: 3s
}

[xyz~=out-stagger] {
    --xyz-out-stagger: var(--xyz-stagger-default)
}

[xyz~=out-stagger-0] {
    --xyz-out-stagger: 0s
}

[xyz~="out-stagger-0.5"] {
    --xyz-out-stagger: 0.05s
}

[xyz~=out-stagger-1] {
    --xyz-out-stagger: 0.1s
}

[xyz~="out-stagger-1.5"] {
    --xyz-out-stagger: 0.15s
}

[xyz~=out-stagger-2] {
    --xyz-out-stagger: 0.2s
}

[xyz~="out-stagger-2.5"] {
    --xyz-out-stagger: 0.25s
}

[xyz~=out-stagger-3] {
    --xyz-out-stagger: 0.3s
}

[xyz~=out-stagger-4] {
    --xyz-out-stagger: 0.4s
}

[xyz~=out-stagger-5] {
    --xyz-out-stagger: 0.5s
}

[xyz~=out-stagger-6] {
    --xyz-out-stagger: 0.6s
}

[xyz~=out-stagger-7] {
    --xyz-out-stagger: 0.7s
}

[xyz~=out-stagger-8] {
    --xyz-out-stagger: 0.8s
}

[xyz~=out-stagger-9] {
    --xyz-out-stagger: 0.9s
}

[xyz~=out-stagger-10] {
    --xyz-out-stagger: 1s
}

[xyz~=out-stagger-15] {
    --xyz-out-stagger: 1.5s
}

[xyz~=out-stagger-20] {
    --xyz-out-stagger: 2s
}

[xyz~=out-stagger-25] {
    --xyz-out-stagger: 2.5s
}

[xyz~=out-stagger-30] {
    --xyz-out-stagger: 3s
}

[xyz~=appear-stagger] {
    --xyz-appear-stagger: var(--xyz-stagger-default)
}

[xyz~=appear-stagger-0] {
    --xyz-appear-stagger: 0s
}

[xyz~="appear-stagger-0.5"] {
    --xyz-appear-stagger: 0.05s
}

[xyz~=appear-stagger-1] {
    --xyz-appear-stagger: 0.1s
}

[xyz~="appear-stagger-1.5"] {
    --xyz-appear-stagger: 0.15s
}

[xyz~=appear-stagger-2] {
    --xyz-appear-stagger: 0.2s
}

[xyz~="appear-stagger-2.5"] {
    --xyz-appear-stagger: 0.25s
}

[xyz~=appear-stagger-3] {
    --xyz-appear-stagger: 0.3s
}

[xyz~=appear-stagger-4] {
    --xyz-appear-stagger: 0.4s
}

[xyz~=appear-stagger-5] {
    --xyz-appear-stagger: 0.5s
}

[xyz~=appear-stagger-6] {
    --xyz-appear-stagger: 0.6s
}

[xyz~=appear-stagger-7] {
    --xyz-appear-stagger: 0.7s
}

[xyz~=appear-stagger-8] {
    --xyz-appear-stagger: 0.8s
}

[xyz~=appear-stagger-9] {
    --xyz-appear-stagger: 0.9s
}

[xyz~=appear-stagger-10] {
    --xyz-appear-stagger: 1s
}

[xyz~=appear-stagger-15] {
    --xyz-appear-stagger: 1.5s
}

[xyz~=appear-stagger-20] {
    --xyz-appear-stagger: 2s
}

[xyz~=appear-stagger-25] {
    --xyz-appear-stagger: 2.5s
}

[xyz~=appear-stagger-30] {
    --xyz-appear-stagger: 3s
}

[xyz~=stagger-rev] {
    --xyz-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=stagger-rev-0] {
    --xyz-stagger-rev: 0s
}

[xyz~="stagger-rev-0.5"] {
    --xyz-stagger-rev: 0.05s
}

[xyz~=stagger-rev-1] {
    --xyz-stagger-rev: 0.1s
}

[xyz~="stagger-rev-1.5"] {
    --xyz-stagger-rev: 0.15s
}

[xyz~=stagger-rev-2] {
    --xyz-stagger-rev: 0.2s
}

[xyz~="stagger-rev-2.5"] {
    --xyz-stagger-rev: 0.25s
}

[xyz~=stagger-rev-3] {
    --xyz-stagger-rev: 0.3s
}

[xyz~=stagger-rev-4] {
    --xyz-stagger-rev: 0.4s
}

[xyz~=stagger-rev-5] {
    --xyz-stagger-rev: 0.5s
}

[xyz~=stagger-rev-6] {
    --xyz-stagger-rev: 0.6s
}

[xyz~=stagger-rev-7] {
    --xyz-stagger-rev: 0.7s
}

[xyz~=stagger-rev-8] {
    --xyz-stagger-rev: 0.8s
}

[xyz~=stagger-rev-9] {
    --xyz-stagger-rev: 0.9s
}

[xyz~=stagger-rev-10] {
    --xyz-stagger-rev: 1s
}

[xyz~=stagger-rev-15] {
    --xyz-stagger-rev: 1.5s
}

[xyz~=stagger-rev-20] {
    --xyz-stagger-rev: 2s
}

[xyz~=stagger-rev-25] {
    --xyz-stagger-rev: 2.5s
}

[xyz~=stagger-rev-30] {
    --xyz-stagger-rev: 3s
}

[xyz~=in-stagger-rev] {
    --xyz-in-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=in-stagger-rev-0] {
    --xyz-in-stagger-rev: 0s
}

[xyz~="in-stagger-rev-0.5"] {
    --xyz-in-stagger-rev: 0.05s
}

[xyz~=in-stagger-rev-1] {
    --xyz-in-stagger-rev: 0.1s
}

[xyz~="in-stagger-rev-1.5"] {
    --xyz-in-stagger-rev: 0.15s
}

[xyz~=in-stagger-rev-2] {
    --xyz-in-stagger-rev: 0.2s
}

[xyz~="in-stagger-rev-2.5"] {
    --xyz-in-stagger-rev: 0.25s
}

[xyz~=in-stagger-rev-3] {
    --xyz-in-stagger-rev: 0.3s
}

[xyz~=in-stagger-rev-4] {
    --xyz-in-stagger-rev: 0.4s
}

[xyz~=in-stagger-rev-5] {
    --xyz-in-stagger-rev: 0.5s
}

[xyz~=in-stagger-rev-6] {
    --xyz-in-stagger-rev: 0.6s
}

[xyz~=in-stagger-rev-7] {
    --xyz-in-stagger-rev: 0.7s
}

[xyz~=in-stagger-rev-8] {
    --xyz-in-stagger-rev: 0.8s
}

[xyz~=in-stagger-rev-9] {
    --xyz-in-stagger-rev: 0.9s
}

[xyz~=in-stagger-rev-10] {
    --xyz-in-stagger-rev: 1s
}

[xyz~=in-stagger-rev-15] {
    --xyz-in-stagger-rev: 1.5s
}

[xyz~=in-stagger-rev-20] {
    --xyz-in-stagger-rev: 2s
}

[xyz~=in-stagger-rev-25] {
    --xyz-in-stagger-rev: 2.5s
}

[xyz~=in-stagger-rev-30] {
    --xyz-in-stagger-rev: 3s
}

[xyz~=out-stagger-rev] {
    --xyz-out-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=out-stagger-rev-0] {
    --xyz-out-stagger-rev: 0s
}

[xyz~="out-stagger-rev-0.5"] {
    --xyz-out-stagger-rev: 0.05s
}

[xyz~=out-stagger-rev-1] {
    --xyz-out-stagger-rev: 0.1s
}

[xyz~="out-stagger-rev-1.5"] {
    --xyz-out-stagger-rev: 0.15s
}

[xyz~=out-stagger-rev-2] {
    --xyz-out-stagger-rev: 0.2s
}

[xyz~="out-stagger-rev-2.5"] {
    --xyz-out-stagger-rev: 0.25s
}

[xyz~=out-stagger-rev-3] {
    --xyz-out-stagger-rev: 0.3s
}

[xyz~=out-stagger-rev-4] {
    --xyz-out-stagger-rev: 0.4s
}

[xyz~=out-stagger-rev-5] {
    --xyz-out-stagger-rev: 0.5s
}

[xyz~=out-stagger-rev-6] {
    --xyz-out-stagger-rev: 0.6s
}

[xyz~=out-stagger-rev-7] {
    --xyz-out-stagger-rev: 0.7s
}

[xyz~=out-stagger-rev-8] {
    --xyz-out-stagger-rev: 0.8s
}

[xyz~=out-stagger-rev-9] {
    --xyz-out-stagger-rev: 0.9s
}

[xyz~=out-stagger-rev-10] {
    --xyz-out-stagger-rev: 1s
}

[xyz~=out-stagger-rev-15] {
    --xyz-out-stagger-rev: 1.5s
}

[xyz~=out-stagger-rev-20] {
    --xyz-out-stagger-rev: 2s
}

[xyz~=out-stagger-rev-25] {
    --xyz-out-stagger-rev: 2.5s
}

[xyz~=out-stagger-rev-30] {
    --xyz-out-stagger-rev: 3s
}

[xyz~=appear-stagger-rev] {
    --xyz-appear-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=appear-stagger-rev-0] {
    --xyz-appear-stagger-rev: 0s
}

[xyz~="appear-stagger-rev-0.5"] {
    --xyz-appear-stagger-rev: 0.05s
}

[xyz~=appear-stagger-rev-1] {
    --xyz-appear-stagger-rev: 0.1s
}

[xyz~="appear-stagger-rev-1.5"] {
    --xyz-appear-stagger-rev: 0.15s
}

[xyz~=appear-stagger-rev-2] {
    --xyz-appear-stagger-rev: 0.2s
}

[xyz~="appear-stagger-rev-2.5"] {
    --xyz-appear-stagger-rev: 0.25s
}

[xyz~=appear-stagger-rev-3] {
    --xyz-appear-stagger-rev: 0.3s
}

[xyz~=appear-stagger-rev-4] {
    --xyz-appear-stagger-rev: 0.4s
}

[xyz~=appear-stagger-rev-5] {
    --xyz-appear-stagger-rev: 0.5s
}

[xyz~=appear-stagger-rev-6] {
    --xyz-appear-stagger-rev: 0.6s
}

[xyz~=appear-stagger-rev-7] {
    --xyz-appear-stagger-rev: 0.7s
}

[xyz~=appear-stagger-rev-8] {
    --xyz-appear-stagger-rev: 0.8s
}

[xyz~=appear-stagger-rev-9] {
    --xyz-appear-stagger-rev: 0.9s
}

[xyz~=appear-stagger-rev-10] {
    --xyz-appear-stagger-rev: 1s
}

[xyz~=appear-stagger-rev-15] {
    --xyz-appear-stagger-rev: 1.5s
}

[xyz~=appear-stagger-rev-20] {
    --xyz-appear-stagger-rev: 2s
}

[xyz~=appear-stagger-rev-25] {
    --xyz-appear-stagger-rev: 2.5s
}

[xyz~=appear-stagger-rev-30] {
    --xyz-appear-stagger-rev: 3s
}

[xyz~=iterate] {
    --xyz-iterate: var(--xyz-iterate-default)
}

[xyz~=iterate-1] {
    --xyz-iterate: 1
}

[xyz~=iterate-2] {
    --xyz-iterate: 2
}

[xyz~=iterate-3] {
    --xyz-iterate: 3
}

[xyz~=iterate-4] {
    --xyz-iterate: 4
}

[xyz~=iterate-5] {
    --xyz-iterate: 5
}

[xyz~=iterate-infinite] {
    --xyz-iterate: infinite
}

[xyz~=in-iterate] {
    --xyz-in-iterate: var(--xyz-iterate-default)
}

[xyz~=in-iterate-1] {
    --xyz-in-iterate: 1
}

[xyz~=in-iterate-2] {
    --xyz-in-iterate: 2
}

[xyz~=in-iterate-3] {
    --xyz-in-iterate: 3
}

[xyz~=in-iterate-4] {
    --xyz-in-iterate: 4
}

[xyz~=in-iterate-5] {
    --xyz-in-iterate: 5
}

[xyz~=in-iterate-infinite] {
    --xyz-in-iterate: infinite
}

[xyz~=out-iterate] {
    --xyz-out-iterate: var(--xyz-iterate-default)
}

[xyz~=out-iterate-1] {
    --xyz-out-iterate: 1
}

[xyz~=out-iterate-2] {
    --xyz-out-iterate: 2
}

[xyz~=out-iterate-3] {
    --xyz-out-iterate: 3
}

[xyz~=out-iterate-4] {
    --xyz-out-iterate: 4
}

[xyz~=out-iterate-5] {
    --xyz-out-iterate: 5
}

[xyz~=out-iterate-infinite] {
    --xyz-out-iterate: infinite
}

[xyz~=appear-iterate] {
    --xyz-appear-iterate: var(--xyz-iterate-default)
}

[xyz~=appear-iterate-1] {
    --xyz-appear-iterate: 1
}

[xyz~=appear-iterate-2] {
    --xyz-appear-iterate: 2
}

[xyz~=appear-iterate-3] {
    --xyz-appear-iterate: 3
}

[xyz~=appear-iterate-4] {
    --xyz-appear-iterate: 4
}

[xyz~=appear-iterate-5] {
    --xyz-appear-iterate: 5
}

[xyz~=appear-iterate-infinite] {
    --xyz-appear-iterate: infinite
}

[xyz~=direction] {
    --xyz-direction: var(--xyz-direction-default)
}

[xyz~=direction-normal] {
    --xyz-direction: normal
}

[xyz~=direction-reverse] {
    --xyz-direction: reverse
}

[xyz~=direction-alternate] {
    --xyz-direction: alternate
}

[xyz~=direction-alternate-reverse] {
    --xyz-direction: alternate-reverse
}

[xyz~=in-direction] {
    --xyz-in-direction: var(--xyz-direction-default)
}

[xyz~=in-direction-normal] {
    --xyz-in-direction: normal
}

[xyz~=in-direction-reverse] {
    --xyz-in-direction: reverse
}

[xyz~=in-direction-alternate] {
    --xyz-in-direction: alternate
}

[xyz~=in-direction-alternate-reverse] {
    --xyz-in-direction: alternate-reverse
}

[xyz~=out-direction] {
    --xyz-out-direction: var(--xyz-direction-default)
}

[xyz~=out-direction-normal] {
    --xyz-out-direction: normal
}

[xyz~=out-direction-reverse] {
    --xyz-out-direction: reverse
}

[xyz~=out-direction-alternate] {
    --xyz-out-direction: alternate
}

[xyz~=out-direction-alternate-reverse] {
    --xyz-out-direction: alternate-reverse
}

[xyz~=appear-direction] {
    --xyz-appear-direction: var(--xyz-direction-default)
}

[xyz~=appear-direction-normal] {
    --xyz-appear-direction: normal
}

[xyz~=appear-direction-reverse] {
    --xyz-appear-direction: reverse
}

[xyz~=appear-direction-alternate] {
    --xyz-appear-direction: alternate
}

[xyz~=appear-direction-alternate-reverse] {
    --xyz-appear-direction: alternate-reverse
}

[xyz~=origin] {
    --xyz-origin: var(--xyz-origin-default)
}

[xyz~=origin-center] {
    --xyz-origin: center
}

[xyz~=origin-top] {
    --xyz-origin: top
}

[xyz~=origin-bottom] {
    --xyz-origin: bottom
}

[xyz~=origin-left] {
    --xyz-origin: left
}

[xyz~=origin-right] {
    --xyz-origin: right
}

[xyz~=origin-top-left] {
    --xyz-origin: top left
}

[xyz~=origin-top-right] {
    --xyz-origin: top right
}

[xyz~=origin-bottom-left] {
    --xyz-origin: bottom left
}

[xyz~=origin-bottom-right] {
    --xyz-origin: bottom right
}

[xyz~=in-origin] {
    --xyz-in-origin: var(--xyz-origin-default)
}

[xyz~=in-origin-center] {
    --xyz-in-origin: center
}

[xyz~=in-origin-top] {
    --xyz-in-origin: top
}

[xyz~=in-origin-bottom] {
    --xyz-in-origin: bottom
}

[xyz~=in-origin-left] {
    --xyz-in-origin: left
}

[xyz~=in-origin-right] {
    --xyz-in-origin: right
}

[xyz~=in-origin-top-left] {
    --xyz-in-origin: top left
}

[xyz~=in-origin-top-right] {
    --xyz-in-origin: top right
}

[xyz~=in-origin-bottom-left] {
    --xyz-in-origin: bottom left
}

[xyz~=in-origin-bottom-right] {
    --xyz-in-origin: bottom right
}

[xyz~=out-origin] {
    --xyz-out-origin: var(--xyz-origin-default)
}

[xyz~=out-origin-center] {
    --xyz-out-origin: center
}

[xyz~=out-origin-top] {
    --xyz-out-origin: top
}

[xyz~=out-origin-bottom] {
    --xyz-out-origin: bottom
}

[xyz~=out-origin-left] {
    --xyz-out-origin: left
}

[xyz~=out-origin-right] {
    --xyz-out-origin: right
}

[xyz~=out-origin-top-left] {
    --xyz-out-origin: top left
}

[xyz~=out-origin-top-right] {
    --xyz-out-origin: top right
}

[xyz~=out-origin-bottom-left] {
    --xyz-out-origin: bottom left
}

[xyz~=out-origin-bottom-right] {
    --xyz-out-origin: bottom right
}

[xyz~=appear-origin] {
    --xyz-appear-origin: var(--xyz-origin-default)
}

[xyz~=appear-origin-center] {
    --xyz-appear-origin: center
}

[xyz~=appear-origin-top] {
    --xyz-appear-origin: top
}

[xyz~=appear-origin-bottom] {
    --xyz-appear-origin: bottom
}

[xyz~=appear-origin-left] {
    --xyz-appear-origin: left
}

[xyz~=appear-origin-right] {
    --xyz-appear-origin: right
}

[xyz~=appear-origin-top-left] {
    --xyz-appear-origin: top left
}

[xyz~=appear-origin-top-right] {
    --xyz-appear-origin: top right
}

[xyz~=appear-origin-bottom-left] {
    --xyz-appear-origin: bottom left
}

[xyz~=appear-origin-bottom-right] {
    --xyz-appear-origin: bottom right
}

[xyz~=perspective] {
    --xyz-perspective: var(--xyz-perspective-default)
}

[xyz~=perspective-0] {
    --xyz-perspective: var(--xyz-perspective-none)
}

[xyz~=perspective-1] {
    --xyz-perspective: 500px
}

[xyz~=perspective-2] {
    --xyz-perspective: 1000px
}

[xyz~=perspective-3] {
    --xyz-perspective: 1500px
}

[xyz~=perspective-4] {
    --xyz-perspective: 2000px
}

[xyz~=perspective-5] {
    --xyz-perspective: 2500px
}

[xyz~=in-perspective] {
    --xyz-in-perspective: var(--xyz-perspective-default)
}

[xyz~=in-perspective-0] {
    --xyz-in-perspective: var(--xyz-perspective-none)
}

[xyz~=in-perspective-1] {
    --xyz-in-perspective: 500px
}

[xyz~=in-perspective-2] {
    --xyz-in-perspective: 1000px
}

[xyz~=in-perspective-3] {
    --xyz-in-perspective: 1500px
}

[xyz~=in-perspective-4] {
    --xyz-in-perspective: 2000px
}

[xyz~=in-perspective-5] {
    --xyz-in-perspective: 2500px
}

[xyz~=out-perspective] {
    --xyz-out-perspective: var(--xyz-perspective-default)
}

[xyz~=out-perspective-0] {
    --xyz-out-perspective: var(--xyz-perspective-none)
}

[xyz~=out-perspective-1] {
    --xyz-out-perspective: 500px
}

[xyz~=out-perspective-2] {
    --xyz-out-perspective: 1000px
}

[xyz~=out-perspective-3] {
    --xyz-out-perspective: 1500px
}

[xyz~=out-perspective-4] {
    --xyz-out-perspective: 2000px
}

[xyz~=out-perspective-5] {
    --xyz-out-perspective: 2500px
}

[xyz~=appear-perspective] {
    --xyz-appear-perspective: var(--xyz-perspective-default)
}

[xyz~=appear-perspective-0] {
    --xyz-appear-perspective: var(--xyz-perspective-none)
}

[xyz~=appear-perspective-1] {
    --xyz-appear-perspective: 500px
}

[xyz~=appear-perspective-2] {
    --xyz-appear-perspective: 1000px
}

[xyz~=appear-perspective-3] {
    --xyz-appear-perspective: 1500px
}

[xyz~=appear-perspective-4] {
    --xyz-appear-perspective: 2000px
}

[xyz~=appear-perspective-5] {
    --xyz-appear-perspective: 2500px
}

[xyz~=fade] {
    --xyz-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=fade-0] {
    --xyz-opacity: 1
}

[xyz~="fade-25%"] {
    --xyz-opacity: 0.75
}

[xyz~="fade-50%"] {
    --xyz-opacity: 0.5
}

[xyz~="fade-75%"] {
    --xyz-opacity: 0.25
}

[xyz~="fade-100%"] {
    --xyz-opacity: 0
}

[xyz~=in-fade] {
    --xyz-in-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=in-fade-0] {
    --xyz-in-opacity: 1
}

[xyz~="in-fade-25%"] {
    --xyz-in-opacity: 0.75
}

[xyz~="in-fade-50%"] {
    --xyz-in-opacity: 0.5
}

[xyz~="in-fade-75%"] {
    --xyz-in-opacity: 0.25
}

[xyz~="in-fade-100%"] {
    --xyz-in-opacity: 0
}

[xyz~=out-fade] {
    --xyz-out-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=out-fade-0] {
    --xyz-out-opacity: 1
}

[xyz~="out-fade-25%"] {
    --xyz-out-opacity: 0.75
}

[xyz~="out-fade-50%"] {
    --xyz-out-opacity: 0.5
}

[xyz~="out-fade-75%"] {
    --xyz-out-opacity: 0.25
}

[xyz~="out-fade-100%"] {
    --xyz-out-opacity: 0
}

[xyz~=appear-fade] {
    --xyz-appear-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=appear-fade-0] {
    --xyz-appear-opacity: 1
}

[xyz~="appear-fade-25%"] {
    --xyz-appear-opacity: 0.75
}

[xyz~="appear-fade-50%"] {
    --xyz-appear-opacity: 0.5
}

[xyz~="appear-fade-75%"] {
    --xyz-appear-opacity: 0.25
}

[xyz~="appear-fade-100%"] {
    --xyz-appear-opacity: 0
}

[xyz~=right] {
    --xyz-translate-x: var(--xyz-translate-default)
}

[xyz~=right-0] {
    --xyz-translate-x: 0px
}

[xyz~=right-1] {
    --xyz-translate-x: 10px
}

[xyz~=right-2] {
    --xyz-translate-x: 20px
}

[xyz~=right-3] {
    --xyz-translate-x: 30px
}

[xyz~=right-4] {
    --xyz-translate-x: 40px
}

[xyz~=right-5] {
    --xyz-translate-x: 50px
}

[xyz~="right-25%"] {
    --xyz-translate-x: 25%
}

[xyz~="right-50%"] {
    --xyz-translate-x: 50%
}

[xyz~="right-75%"] {
    --xyz-translate-x: 75%
}

[xyz~="right-100%"] {
    --xyz-translate-x: 100%
}

[xyz~=in-right] {
    --xyz-in-translate-x: var(--xyz-translate-default)
}

[xyz~=in-right-0] {
    --xyz-in-translate-x: 0px
}

[xyz~=in-right-1] {
    --xyz-in-translate-x: 10px
}

[xyz~=in-right-2] {
    --xyz-in-translate-x: 20px
}

[xyz~=in-right-3] {
    --xyz-in-translate-x: 30px
}

[xyz~=in-right-4] {
    --xyz-in-translate-x: 40px
}

[xyz~=in-right-5] {
    --xyz-in-translate-x: 50px
}

[xyz~="in-right-25%"] {
    --xyz-in-translate-x: 25%
}

[xyz~="in-right-50%"] {
    --xyz-in-translate-x: 50%
}

[xyz~="in-right-75%"] {
    --xyz-in-translate-x: 75%
}

[xyz~="in-right-100%"] {
    --xyz-in-translate-x: 100%
}

[xyz~=out-right] {
    --xyz-out-translate-x: var(--xyz-translate-default)
}

[xyz~=out-right-0] {
    --xyz-out-translate-x: 0px
}

[xyz~=out-right-1] {
    --xyz-out-translate-x: 10px
}

[xyz~=out-right-2] {
    --xyz-out-translate-x: 20px
}

[xyz~=out-right-3] {
    --xyz-out-translate-x: 30px
}

[xyz~=out-right-4] {
    --xyz-out-translate-x: 40px
}

[xyz~=out-right-5] {
    --xyz-out-translate-x: 50px
}

[xyz~="out-right-25%"] {
    --xyz-out-translate-x: 25%
}

[xyz~="out-right-50%"] {
    --xyz-out-translate-x: 50%
}

[xyz~="out-right-75%"] {
    --xyz-out-translate-x: 75%
}

[xyz~="out-right-100%"] {
    --xyz-out-translate-x: 100%
}

[xyz~=appear-right] {
    --xyz-appear-translate-x: var(--xyz-translate-default)
}

[xyz~=appear-right-0] {
    --xyz-appear-translate-x: 0px
}

[xyz~=appear-right-1] {
    --xyz-appear-translate-x: 10px
}

[xyz~=appear-right-2] {
    --xyz-appear-translate-x: 20px
}

[xyz~=appear-right-3] {
    --xyz-appear-translate-x: 30px
}

[xyz~=appear-right-4] {
    --xyz-appear-translate-x: 40px
}

[xyz~=appear-right-5] {
    --xyz-appear-translate-x: 50px
}

[xyz~="appear-right-25%"] {
    --xyz-appear-translate-x: 25%
}

[xyz~="appear-right-50%"] {
    --xyz-appear-translate-x: 50%
}

[xyz~="appear-right-75%"] {
    --xyz-appear-translate-x: 75%
}

[xyz~="appear-right-100%"] {
    --xyz-appear-translate-x: 100%
}

[xyz~=left] {
    --xyz-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=left-0] {
    --xyz-translate-x: 0px
}

[xyz~=left-1] {
    --xyz-translate-x: -10px
}

[xyz~=left-2] {
    --xyz-translate-x: -20px
}

[xyz~=left-3] {
    --xyz-translate-x: -30px
}

[xyz~=left-4] {
    --xyz-translate-x: -40px
}

[xyz~=left-5] {
    --xyz-translate-x: -50px
}

[xyz~="left-25%"] {
    --xyz-translate-x: -25%
}

[xyz~="left-50%"] {
    --xyz-translate-x: -50%
}

[xyz~="left-75%"] {
    --xyz-translate-x: -75%
}

[xyz~="left-100%"] {
    --xyz-translate-x: -100%
}

[xyz~=in-left] {
    --xyz-in-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=in-left-0] {
    --xyz-in-translate-x: 0px
}

[xyz~=in-left-1] {
    --xyz-in-translate-x: -10px
}

[xyz~=in-left-2] {
    --xyz-in-translate-x: -20px
}

[xyz~=in-left-3] {
    --xyz-in-translate-x: -30px
}

[xyz~=in-left-4] {
    --xyz-in-translate-x: -40px
}

[xyz~=in-left-5] {
    --xyz-in-translate-x: -50px
}

[xyz~="in-left-25%"] {
    --xyz-in-translate-x: -25%
}

[xyz~="in-left-50%"] {
    --xyz-in-translate-x: -50%
}

[xyz~="in-left-75%"] {
    --xyz-in-translate-x: -75%
}

[xyz~="in-left-100%"] {
    --xyz-in-translate-x: -100%
}

[xyz~=out-left] {
    --xyz-out-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=out-left-0] {
    --xyz-out-translate-x: 0px
}

[xyz~=out-left-1] {
    --xyz-out-translate-x: -10px
}

[xyz~=out-left-2] {
    --xyz-out-translate-x: -20px
}

[xyz~=out-left-3] {
    --xyz-out-translate-x: -30px
}

[xyz~=out-left-4] {
    --xyz-out-translate-x: -40px
}

[xyz~=out-left-5] {
    --xyz-out-translate-x: -50px
}

[xyz~="out-left-25%"] {
    --xyz-out-translate-x: -25%
}

[xyz~="out-left-50%"] {
    --xyz-out-translate-x: -50%
}

[xyz~="out-left-75%"] {
    --xyz-out-translate-x: -75%
}

[xyz~="out-left-100%"] {
    --xyz-out-translate-x: -100%
}

[xyz~=appear-left] {
    --xyz-appear-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=appear-left-0] {
    --xyz-appear-translate-x: 0px
}

[xyz~=appear-left-1] {
    --xyz-appear-translate-x: -10px
}

[xyz~=appear-left-2] {
    --xyz-appear-translate-x: -20px
}

[xyz~=appear-left-3] {
    --xyz-appear-translate-x: -30px
}

[xyz~=appear-left-4] {
    --xyz-appear-translate-x: -40px
}

[xyz~=appear-left-5] {
    --xyz-appear-translate-x: -50px
}

[xyz~="appear-left-25%"] {
    --xyz-appear-translate-x: -25%
}

[xyz~="appear-left-50%"] {
    --xyz-appear-translate-x: -50%
}

[xyz~="appear-left-75%"] {
    --xyz-appear-translate-x: -75%
}

[xyz~="appear-left-100%"] {
    --xyz-appear-translate-x: -100%
}

[xyz~=down] {
    --xyz-translate-y: var(--xyz-translate-default)
}

[xyz~=down-0] {
    --xyz-translate-y: 0px
}

[xyz~=down-1] {
    --xyz-translate-y: 10px
}

[xyz~=down-2] {
    --xyz-translate-y: 20px
}

[xyz~=down-3] {
    --xyz-translate-y: 30px
}

[xyz~=down-4] {
    --xyz-translate-y: 40px
}

[xyz~=down-5] {
    --xyz-translate-y: 50px
}

[xyz~="down-25%"] {
    --xyz-translate-y: 25%
}

[xyz~="down-50%"] {
    --xyz-translate-y: 50%
}

[xyz~="down-75%"] {
    --xyz-translate-y: 75%
}

[xyz~="down-100%"] {
    --xyz-translate-y: 100%
}

[xyz~=in-down] {
    --xyz-in-translate-y: var(--xyz-translate-default)
}

[xyz~=in-down-0] {
    --xyz-in-translate-y: 0px
}

[xyz~=in-down-1] {
    --xyz-in-translate-y: 10px
}

[xyz~=in-down-2] {
    --xyz-in-translate-y: 20px
}

[xyz~=in-down-3] {
    --xyz-in-translate-y: 30px
}

[xyz~=in-down-4] {
    --xyz-in-translate-y: 40px
}

[xyz~=in-down-5] {
    --xyz-in-translate-y: 50px
}

[xyz~="in-down-25%"] {
    --xyz-in-translate-y: 25%
}

[xyz~="in-down-50%"] {
    --xyz-in-translate-y: 50%
}

[xyz~="in-down-75%"] {
    --xyz-in-translate-y: 75%
}

[xyz~="in-down-100%"] {
    --xyz-in-translate-y: 100%
}

[xyz~=out-down] {
    --xyz-out-translate-y: var(--xyz-translate-default)
}

[xyz~=out-down-0] {
    --xyz-out-translate-y: 0px
}

[xyz~=out-down-1] {
    --xyz-out-translate-y: 10px
}

[xyz~=out-down-2] {
    --xyz-out-translate-y: 20px
}

[xyz~=out-down-3] {
    --xyz-out-translate-y: 30px
}

[xyz~=out-down-4] {
    --xyz-out-translate-y: 40px
}

[xyz~=out-down-5] {
    --xyz-out-translate-y: 50px
}

[xyz~="out-down-25%"] {
    --xyz-out-translate-y: 25%
}

[xyz~="out-down-50%"] {
    --xyz-out-translate-y: 50%
}

[xyz~="out-down-75%"] {
    --xyz-out-translate-y: 75%
}

[xyz~="out-down-100%"] {
    --xyz-out-translate-y: 100%
}

[xyz~=appear-down] {
    --xyz-appear-translate-y: var(--xyz-translate-default)
}

[xyz~=appear-down-0] {
    --xyz-appear-translate-y: 0px
}

[xyz~=appear-down-1] {
    --xyz-appear-translate-y: 10px
}

[xyz~=appear-down-2] {
    --xyz-appear-translate-y: 20px
}

[xyz~=appear-down-3] {
    --xyz-appear-translate-y: 30px
}

[xyz~=appear-down-4] {
    --xyz-appear-translate-y: 40px
}

[xyz~=appear-down-5] {
    --xyz-appear-translate-y: 50px
}

[xyz~="appear-down-25%"] {
    --xyz-appear-translate-y: 25%
}

[xyz~="appear-down-50%"] {
    --xyz-appear-translate-y: 50%
}

[xyz~="appear-down-75%"] {
    --xyz-appear-translate-y: 75%
}

[xyz~="appear-down-100%"] {
    --xyz-appear-translate-y: 100%
}

[xyz~=up] {
    --xyz-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=up-0] {
    --xyz-translate-y: 0px
}

[xyz~=up-1] {
    --xyz-translate-y: -10px
}

[xyz~=up-2] {
    --xyz-translate-y: -20px
}

[xyz~=up-3] {
    --xyz-translate-y: -30px
}

[xyz~=up-4] {
    --xyz-translate-y: -40px
}

[xyz~=up-5] {
    --xyz-translate-y: -50px
}

[xyz~="up-25%"] {
    --xyz-translate-y: -25%
}

[xyz~="up-50%"] {
    --xyz-translate-y: -50%
}

[xyz~="up-75%"] {
    --xyz-translate-y: -75%
}

[xyz~="up-100%"] {
    --xyz-translate-y: -100%
}

[xyz~=in-up] {
    --xyz-in-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=in-up-0] {
    --xyz-in-translate-y: 0px
}

[xyz~=in-up-1] {
    --xyz-in-translate-y: -10px
}

[xyz~=in-up-2] {
    --xyz-in-translate-y: -20px
}

[xyz~=in-up-3] {
    --xyz-in-translate-y: -30px
}

[xyz~=in-up-4] {
    --xyz-in-translate-y: -40px
}

[xyz~=in-up-5] {
    --xyz-in-translate-y: -50px
}

[xyz~="in-up-25%"] {
    --xyz-in-translate-y: -25%
}

[xyz~="in-up-50%"] {
    --xyz-in-translate-y: -50%
}

[xyz~="in-up-75%"] {
    --xyz-in-translate-y: -75%
}

[xyz~="in-up-100%"] {
    --xyz-in-translate-y: -100%
}

[xyz~=out-up] {
    --xyz-out-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=out-up-0] {
    --xyz-out-translate-y: 0px
}

[xyz~=out-up-1] {
    --xyz-out-translate-y: -10px
}

[xyz~=out-up-2] {
    --xyz-out-translate-y: -20px
}

[xyz~=out-up-3] {
    --xyz-out-translate-y: -30px
}

[xyz~=out-up-4] {
    --xyz-out-translate-y: -40px
}

[xyz~=out-up-5] {
    --xyz-out-translate-y: -50px
}

[xyz~="out-up-25%"] {
    --xyz-out-translate-y: -25%
}

[xyz~="out-up-50%"] {
    --xyz-out-translate-y: -50%
}

[xyz~="out-up-75%"] {
    --xyz-out-translate-y: -75%
}

[xyz~="out-up-100%"] {
    --xyz-out-translate-y: -100%
}

[xyz~=appear-up] {
    --xyz-appear-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=appear-up-0] {
    --xyz-appear-translate-y: 0px
}

[xyz~=appear-up-1] {
    --xyz-appear-translate-y: -10px
}

[xyz~=appear-up-2] {
    --xyz-appear-translate-y: -20px
}

[xyz~=appear-up-3] {
    --xyz-appear-translate-y: -30px
}

[xyz~=appear-up-4] {
    --xyz-appear-translate-y: -40px
}

[xyz~=appear-up-5] {
    --xyz-appear-translate-y: -50px
}

[xyz~="appear-up-25%"] {
    --xyz-appear-translate-y: -25%
}

[xyz~="appear-up-50%"] {
    --xyz-appear-translate-y: -50%
}

[xyz~="appear-up-75%"] {
    --xyz-appear-translate-y: -75%
}

[xyz~="appear-up-100%"] {
    --xyz-appear-translate-y: -100%
}

[xyz~=front] {
    --xyz-translate-z: var(--xyz-translate-z-default)
}

[xyz~=front-0] {
    --xyz-translate-z: 0px
}

[xyz~=front-1] {
    --xyz-translate-z: 100px
}

[xyz~=front-2] {
    --xyz-translate-z: 200px
}

[xyz~=front-3] {
    --xyz-translate-z: 300px
}

[xyz~=front-4] {
    --xyz-translate-z: 400px
}

[xyz~=front-5] {
    --xyz-translate-z: 500px
}

[xyz~=in-front] {
    --xyz-in-translate-z: var(--xyz-translate-z-default)
}

[xyz~=in-front-0] {
    --xyz-in-translate-z: 0px
}

[xyz~=in-front-1] {
    --xyz-in-translate-z: 100px
}

[xyz~=in-front-2] {
    --xyz-in-translate-z: 200px
}

[xyz~=in-front-3] {
    --xyz-in-translate-z: 300px
}

[xyz~=in-front-4] {
    --xyz-in-translate-z: 400px
}

[xyz~=in-front-5] {
    --xyz-in-translate-z: 500px
}

[xyz~=out-front] {
    --xyz-out-translate-z: var(--xyz-translate-z-default)
}

[xyz~=out-front-0] {
    --xyz-out-translate-z: 0px
}

[xyz~=out-front-1] {
    --xyz-out-translate-z: 100px
}

[xyz~=out-front-2] {
    --xyz-out-translate-z: 200px
}

[xyz~=out-front-3] {
    --xyz-out-translate-z: 300px
}

[xyz~=out-front-4] {
    --xyz-out-translate-z: 400px
}

[xyz~=out-front-5] {
    --xyz-out-translate-z: 500px
}

[xyz~=appear-front] {
    --xyz-appear-translate-z: var(--xyz-translate-z-default)
}

[xyz~=appear-front-0] {
    --xyz-appear-translate-z: 0px
}

[xyz~=appear-front-1] {
    --xyz-appear-translate-z: 100px
}

[xyz~=appear-front-2] {
    --xyz-appear-translate-z: 200px
}

[xyz~=appear-front-3] {
    --xyz-appear-translate-z: 300px
}

[xyz~=appear-front-4] {
    --xyz-appear-translate-z: 400px
}

[xyz~=appear-front-5] {
    --xyz-appear-translate-z: 500px
}

[xyz~=back] {
    --xyz-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=back-0] {
    --xyz-translate-z: 0px
}

[xyz~=back-1] {
    --xyz-translate-z: -100px
}

[xyz~=back-2] {
    --xyz-translate-z: -200px
}

[xyz~=back-3] {
    --xyz-translate-z: -300px
}

[xyz~=back-4] {
    --xyz-translate-z: -400px
}

[xyz~=back-5] {
    --xyz-translate-z: -500px
}

[xyz~=in-back] {
    --xyz-in-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=in-back-0] {
    --xyz-in-translate-z: 0px
}

[xyz~=in-back-1] {
    --xyz-in-translate-z: -100px
}

[xyz~=in-back-2] {
    --xyz-in-translate-z: -200px
}

[xyz~=in-back-3] {
    --xyz-in-translate-z: -300px
}

[xyz~=in-back-4] {
    --xyz-in-translate-z: -400px
}

[xyz~=in-back-5] {
    --xyz-in-translate-z: -500px
}

[xyz~=out-back] {
    --xyz-out-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=out-back-0] {
    --xyz-out-translate-z: 0px
}

[xyz~=out-back-1] {
    --xyz-out-translate-z: -100px
}

[xyz~=out-back-2] {
    --xyz-out-translate-z: -200px
}

[xyz~=out-back-3] {
    --xyz-out-translate-z: -300px
}

[xyz~=out-back-4] {
    --xyz-out-translate-z: -400px
}

[xyz~=out-back-5] {
    --xyz-out-translate-z: -500px
}

[xyz~=appear-back] {
    --xyz-appear-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=appear-back-0] {
    --xyz-appear-translate-z: 0px
}

[xyz~=appear-back-1] {
    --xyz-appear-translate-z: -100px
}

[xyz~=appear-back-2] {
    --xyz-appear-translate-z: -200px
}

[xyz~=appear-back-3] {
    --xyz-appear-translate-z: -300px
}

[xyz~=appear-back-4] {
    --xyz-appear-translate-z: -400px
}

[xyz~=appear-back-5] {
    --xyz-appear-translate-z: -500px
}

[xyz~=flip-up] {
    --xyz-rotate-x: var(--xyz-rotate-default)
}

[xyz~=flip-up-0] {
    --xyz-rotate-x: 0deg
}

[xyz~=flip-up-1] {
    --xyz-rotate-x: 10deg
}

[xyz~=flip-up-2] {
    --xyz-rotate-x: 20deg
}

[xyz~=flip-up-3] {
    --xyz-rotate-x: 30deg
}

[xyz~=flip-up-4] {
    --xyz-rotate-x: 40deg
}

[xyz~=flip-up-5] {
    --xyz-rotate-x: 50deg
}

[xyz~="flip-up-25%"] {
    --xyz-rotate-x: 0.25turn
}

[xyz~="flip-up-50%"] {
    --xyz-rotate-x: 0.5turn
}

[xyz~="flip-up-75%"] {
    --xyz-rotate-x: 0.75turn
}

[xyz~="flip-up-100%"] {
    --xyz-rotate-x: 1turn
}

[xyz~=in-flip-up] {
    --xyz-in-rotate-x: var(--xyz-rotate-default)
}

[xyz~=in-flip-up-0] {
    --xyz-in-rotate-x: 0deg
}

[xyz~=in-flip-up-1] {
    --xyz-in-rotate-x: 10deg
}

[xyz~=in-flip-up-2] {
    --xyz-in-rotate-x: 20deg
}

[xyz~=in-flip-up-3] {
    --xyz-in-rotate-x: 30deg
}

[xyz~=in-flip-up-4] {
    --xyz-in-rotate-x: 40deg
}

[xyz~=in-flip-up-5] {
    --xyz-in-rotate-x: 50deg
}

[xyz~="in-flip-up-25%"] {
    --xyz-in-rotate-x: 0.25turn
}

[xyz~="in-flip-up-50%"] {
    --xyz-in-rotate-x: 0.5turn
}

[xyz~="in-flip-up-75%"] {
    --xyz-in-rotate-x: 0.75turn
}

[xyz~="in-flip-up-100%"] {
    --xyz-in-rotate-x: 1turn
}

[xyz~=out-flip-up] {
    --xyz-out-rotate-x: var(--xyz-rotate-default)
}

[xyz~=out-flip-up-0] {
    --xyz-out-rotate-x: 0deg
}

[xyz~=out-flip-up-1] {
    --xyz-out-rotate-x: 10deg
}

[xyz~=out-flip-up-2] {
    --xyz-out-rotate-x: 20deg
}

[xyz~=out-flip-up-3] {
    --xyz-out-rotate-x: 30deg
}

[xyz~=out-flip-up-4] {
    --xyz-out-rotate-x: 40deg
}

[xyz~=out-flip-up-5] {
    --xyz-out-rotate-x: 50deg
}

[xyz~="out-flip-up-25%"] {
    --xyz-out-rotate-x: 0.25turn
}

[xyz~="out-flip-up-50%"] {
    --xyz-out-rotate-x: 0.5turn
}

[xyz~="out-flip-up-75%"] {
    --xyz-out-rotate-x: 0.75turn
}

[xyz~="out-flip-up-100%"] {
    --xyz-out-rotate-x: 1turn
}

[xyz~=appear-flip-up] {
    --xyz-appear-rotate-x: var(--xyz-rotate-default)
}

[xyz~=appear-flip-up-0] {
    --xyz-appear-rotate-x: 0deg
}

[xyz~=appear-flip-up-1] {
    --xyz-appear-rotate-x: 10deg
}

[xyz~=appear-flip-up-2] {
    --xyz-appear-rotate-x: 20deg
}

[xyz~=appear-flip-up-3] {
    --xyz-appear-rotate-x: 30deg
}

[xyz~=appear-flip-up-4] {
    --xyz-appear-rotate-x: 40deg
}

[xyz~=appear-flip-up-5] {
    --xyz-appear-rotate-x: 50deg
}

[xyz~="appear-flip-up-25%"] {
    --xyz-appear-rotate-x: 0.25turn
}

[xyz~="appear-flip-up-50%"] {
    --xyz-appear-rotate-x: 0.5turn
}

[xyz~="appear-flip-up-75%"] {
    --xyz-appear-rotate-x: 0.75turn
}

[xyz~="appear-flip-up-100%"] {
    --xyz-appear-rotate-x: 1turn
}

[xyz~=flip-down] {
    --xyz-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=flip-down-0] {
    --xyz-rotate-x: 0deg
}

[xyz~=flip-down-1] {
    --xyz-rotate-x: -10deg
}

[xyz~=flip-down-2] {
    --xyz-rotate-x: -20deg
}

[xyz~=flip-down-3] {
    --xyz-rotate-x: -30deg
}

[xyz~=flip-down-4] {
    --xyz-rotate-x: -40deg
}

[xyz~=flip-down-5] {
    --xyz-rotate-x: -50deg
}

[xyz~="flip-down-25%"] {
    --xyz-rotate-x: -0.25turn
}

[xyz~="flip-down-50%"] {
    --xyz-rotate-x: -0.5turn
}

[xyz~="flip-down-75%"] {
    --xyz-rotate-x: -0.75turn
}

[xyz~="flip-down-100%"] {
    --xyz-rotate-x: -1turn
}

[xyz~=in-flip-down] {
    --xyz-in-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-flip-down-0] {
    --xyz-in-rotate-x: 0deg
}

[xyz~=in-flip-down-1] {
    --xyz-in-rotate-x: -10deg
}

[xyz~=in-flip-down-2] {
    --xyz-in-rotate-x: -20deg
}

[xyz~=in-flip-down-3] {
    --xyz-in-rotate-x: -30deg
}

[xyz~=in-flip-down-4] {
    --xyz-in-rotate-x: -40deg
}

[xyz~=in-flip-down-5] {
    --xyz-in-rotate-x: -50deg
}

[xyz~="in-flip-down-25%"] {
    --xyz-in-rotate-x: -0.25turn
}

[xyz~="in-flip-down-50%"] {
    --xyz-in-rotate-x: -0.5turn
}

[xyz~="in-flip-down-75%"] {
    --xyz-in-rotate-x: -0.75turn
}

[xyz~="in-flip-down-100%"] {
    --xyz-in-rotate-x: -1turn
}

[xyz~=out-flip-down] {
    --xyz-out-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-flip-down-0] {
    --xyz-out-rotate-x: 0deg
}

[xyz~=out-flip-down-1] {
    --xyz-out-rotate-x: -10deg
}

[xyz~=out-flip-down-2] {
    --xyz-out-rotate-x: -20deg
}

[xyz~=out-flip-down-3] {
    --xyz-out-rotate-x: -30deg
}

[xyz~=out-flip-down-4] {
    --xyz-out-rotate-x: -40deg
}

[xyz~=out-flip-down-5] {
    --xyz-out-rotate-x: -50deg
}

[xyz~="out-flip-down-25%"] {
    --xyz-out-rotate-x: -0.25turn
}

[xyz~="out-flip-down-50%"] {
    --xyz-out-rotate-x: -0.5turn
}

[xyz~="out-flip-down-75%"] {
    --xyz-out-rotate-x: -0.75turn
}

[xyz~="out-flip-down-100%"] {
    --xyz-out-rotate-x: -1turn
}

[xyz~=appear-flip-down] {
    --xyz-appear-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-flip-down-0] {
    --xyz-appear-rotate-x: 0deg
}

[xyz~=appear-flip-down-1] {
    --xyz-appear-rotate-x: -10deg
}

[xyz~=appear-flip-down-2] {
    --xyz-appear-rotate-x: -20deg
}

[xyz~=appear-flip-down-3] {
    --xyz-appear-rotate-x: -30deg
}

[xyz~=appear-flip-down-4] {
    --xyz-appear-rotate-x: -40deg
}

[xyz~=appear-flip-down-5] {
    --xyz-appear-rotate-x: -50deg
}

[xyz~="appear-flip-down-25%"] {
    --xyz-appear-rotate-x: -0.25turn
}

[xyz~="appear-flip-down-50%"] {
    --xyz-appear-rotate-x: -0.5turn
}

[xyz~="appear-flip-down-75%"] {
    --xyz-appear-rotate-x: -0.75turn
}

[xyz~="appear-flip-down-100%"] {
    --xyz-appear-rotate-x: -1turn
}

[xyz~=flip-right] {
    --xyz-rotate-y: var(--xyz-rotate-default)
}

[xyz~=flip-right-0] {
    --xyz-rotate-y: 0deg
}

[xyz~=flip-right-1] {
    --xyz-rotate-y: 10deg
}

[xyz~=flip-right-2] {
    --xyz-rotate-y: 20deg
}

[xyz~=flip-right-3] {
    --xyz-rotate-y: 30deg
}

[xyz~=flip-right-4] {
    --xyz-rotate-y: 40deg
}

[xyz~=flip-right-5] {
    --xyz-rotate-y: 50deg
}

[xyz~="flip-right-25%"] {
    --xyz-rotate-y: 0.25turn
}

[xyz~="flip-right-50%"] {
    --xyz-rotate-y: 0.5turn
}

[xyz~="flip-right-75%"] {
    --xyz-rotate-y: 0.75turn
}

[xyz~="flip-right-100%"] {
    --xyz-rotate-y: 1turn
}

[xyz~=in-flip-right] {
    --xyz-in-rotate-y: var(--xyz-rotate-default)
}

[xyz~=in-flip-right-0] {
    --xyz-in-rotate-y: 0deg
}

[xyz~=in-flip-right-1] {
    --xyz-in-rotate-y: 10deg
}

[xyz~=in-flip-right-2] {
    --xyz-in-rotate-y: 20deg
}

[xyz~=in-flip-right-3] {
    --xyz-in-rotate-y: 30deg
}

[xyz~=in-flip-right-4] {
    --xyz-in-rotate-y: 40deg
}

[xyz~=in-flip-right-5] {
    --xyz-in-rotate-y: 50deg
}

[xyz~="in-flip-right-25%"] {
    --xyz-in-rotate-y: 0.25turn
}

[xyz~="in-flip-right-50%"] {
    --xyz-in-rotate-y: 0.5turn
}

[xyz~="in-flip-right-75%"] {
    --xyz-in-rotate-y: 0.75turn
}

[xyz~="in-flip-right-100%"] {
    --xyz-in-rotate-y: 1turn
}

[xyz~=out-flip-right] {
    --xyz-out-rotate-y: var(--xyz-rotate-default)
}

[xyz~=out-flip-right-0] {
    --xyz-out-rotate-y: 0deg
}

[xyz~=out-flip-right-1] {
    --xyz-out-rotate-y: 10deg
}

[xyz~=out-flip-right-2] {
    --xyz-out-rotate-y: 20deg
}

[xyz~=out-flip-right-3] {
    --xyz-out-rotate-y: 30deg
}

[xyz~=out-flip-right-4] {
    --xyz-out-rotate-y: 40deg
}

[xyz~=out-flip-right-5] {
    --xyz-out-rotate-y: 50deg
}

[xyz~="out-flip-right-25%"] {
    --xyz-out-rotate-y: 0.25turn
}

[xyz~="out-flip-right-50%"] {
    --xyz-out-rotate-y: 0.5turn
}

[xyz~="out-flip-right-75%"] {
    --xyz-out-rotate-y: 0.75turn
}

[xyz~="out-flip-right-100%"] {
    --xyz-out-rotate-y: 1turn
}

[xyz~=appear-flip-right] {
    --xyz-appear-rotate-y: var(--xyz-rotate-default)
}

[xyz~=appear-flip-right-0] {
    --xyz-appear-rotate-y: 0deg
}

[xyz~=appear-flip-right-1] {
    --xyz-appear-rotate-y: 10deg
}

[xyz~=appear-flip-right-2] {
    --xyz-appear-rotate-y: 20deg
}

[xyz~=appear-flip-right-3] {
    --xyz-appear-rotate-y: 30deg
}

[xyz~=appear-flip-right-4] {
    --xyz-appear-rotate-y: 40deg
}

[xyz~=appear-flip-right-5] {
    --xyz-appear-rotate-y: 50deg
}

[xyz~="appear-flip-right-25%"] {
    --xyz-appear-rotate-y: 0.25turn
}

[xyz~="appear-flip-right-50%"] {
    --xyz-appear-rotate-y: 0.5turn
}

[xyz~="appear-flip-right-75%"] {
    --xyz-appear-rotate-y: 0.75turn
}

[xyz~="appear-flip-right-100%"] {
    --xyz-appear-rotate-y: 1turn
}

[xyz~=flip-left] {
    --xyz-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=flip-left-0] {
    --xyz-rotate-y: 0deg
}

[xyz~=flip-left-1] {
    --xyz-rotate-y: -10deg
}

[xyz~=flip-left-2] {
    --xyz-rotate-y: -20deg
}

[xyz~=flip-left-3] {
    --xyz-rotate-y: -30deg
}

[xyz~=flip-left-4] {
    --xyz-rotate-y: -40deg
}

[xyz~=flip-left-5] {
    --xyz-rotate-y: -50deg
}

[xyz~="flip-left-25%"] {
    --xyz-rotate-y: -0.25turn
}

[xyz~="flip-left-50%"] {
    --xyz-rotate-y: -0.5turn
}

[xyz~="flip-left-75%"] {
    --xyz-rotate-y: -0.75turn
}

[xyz~="flip-left-100%"] {
    --xyz-rotate-y: -1turn
}

[xyz~=in-flip-left] {
    --xyz-in-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-flip-left-0] {
    --xyz-in-rotate-y: 0deg
}

[xyz~=in-flip-left-1] {
    --xyz-in-rotate-y: -10deg
}

[xyz~=in-flip-left-2] {
    --xyz-in-rotate-y: -20deg
}

[xyz~=in-flip-left-3] {
    --xyz-in-rotate-y: -30deg
}

[xyz~=in-flip-left-4] {
    --xyz-in-rotate-y: -40deg
}

[xyz~=in-flip-left-5] {
    --xyz-in-rotate-y: -50deg
}

[xyz~="in-flip-left-25%"] {
    --xyz-in-rotate-y: -0.25turn
}

[xyz~="in-flip-left-50%"] {
    --xyz-in-rotate-y: -0.5turn
}

[xyz~="in-flip-left-75%"] {
    --xyz-in-rotate-y: -0.75turn
}

[xyz~="in-flip-left-100%"] {
    --xyz-in-rotate-y: -1turn
}

[xyz~=out-flip-left] {
    --xyz-out-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-flip-left-0] {
    --xyz-out-rotate-y: 0deg
}

[xyz~=out-flip-left-1] {
    --xyz-out-rotate-y: -10deg
}

[xyz~=out-flip-left-2] {
    --xyz-out-rotate-y: -20deg
}

[xyz~=out-flip-left-3] {
    --xyz-out-rotate-y: -30deg
}

[xyz~=out-flip-left-4] {
    --xyz-out-rotate-y: -40deg
}

[xyz~=out-flip-left-5] {
    --xyz-out-rotate-y: -50deg
}

[xyz~="out-flip-left-25%"] {
    --xyz-out-rotate-y: -0.25turn
}

[xyz~="out-flip-left-50%"] {
    --xyz-out-rotate-y: -0.5turn
}

[xyz~="out-flip-left-75%"] {
    --xyz-out-rotate-y: -0.75turn
}

[xyz~="out-flip-left-100%"] {
    --xyz-out-rotate-y: -1turn
}

[xyz~=appear-flip-left] {
    --xyz-appear-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-flip-left-0] {
    --xyz-appear-rotate-y: 0deg
}

[xyz~=appear-flip-left-1] {
    --xyz-appear-rotate-y: -10deg
}

[xyz~=appear-flip-left-2] {
    --xyz-appear-rotate-y: -20deg
}

[xyz~=appear-flip-left-3] {
    --xyz-appear-rotate-y: -30deg
}

[xyz~=appear-flip-left-4] {
    --xyz-appear-rotate-y: -40deg
}

[xyz~=appear-flip-left-5] {
    --xyz-appear-rotate-y: -50deg
}

[xyz~="appear-flip-left-25%"] {
    --xyz-appear-rotate-y: -0.25turn
}

[xyz~="appear-flip-left-50%"] {
    --xyz-appear-rotate-y: -0.5turn
}

[xyz~="appear-flip-left-75%"] {
    --xyz-appear-rotate-y: -0.75turn
}

[xyz~="appear-flip-left-100%"] {
    --xyz-appear-rotate-y: -1turn
}

[xyz~=rotate-right] {
    --xyz-rotate-z: var(--xyz-rotate-default)
}

[xyz~=rotate-right-0] {
    --xyz-rotate-z: 0deg
}

[xyz~=rotate-right-1] {
    --xyz-rotate-z: 10deg
}

[xyz~=rotate-right-2] {
    --xyz-rotate-z: 20deg
}

[xyz~=rotate-right-3] {
    --xyz-rotate-z: 30deg
}

[xyz~=rotate-right-4] {
    --xyz-rotate-z: 40deg
}

[xyz~=rotate-right-5] {
    --xyz-rotate-z: 50deg
}

[xyz~="rotate-right-25%"] {
    --xyz-rotate-z: 0.25turn
}

[xyz~="rotate-right-50%"] {
    --xyz-rotate-z: 0.5turn
}

[xyz~="rotate-right-75%"] {
    --xyz-rotate-z: 0.75turn
}

[xyz~="rotate-right-100%"] {
    --xyz-rotate-z: 1turn
}

[xyz~=in-rotate-right] {
    --xyz-in-rotate-z: var(--xyz-rotate-default)
}

[xyz~=in-rotate-right-0] {
    --xyz-in-rotate-z: 0deg
}

[xyz~=in-rotate-right-1] {
    --xyz-in-rotate-z: 10deg
}

[xyz~=in-rotate-right-2] {
    --xyz-in-rotate-z: 20deg
}

[xyz~=in-rotate-right-3] {
    --xyz-in-rotate-z: 30deg
}

[xyz~=in-rotate-right-4] {
    --xyz-in-rotate-z: 40deg
}

[xyz~=in-rotate-right-5] {
    --xyz-in-rotate-z: 50deg
}

[xyz~="in-rotate-right-25%"] {
    --xyz-in-rotate-z: 0.25turn
}

[xyz~="in-rotate-right-50%"] {
    --xyz-in-rotate-z: 0.5turn
}

[xyz~="in-rotate-right-75%"] {
    --xyz-in-rotate-z: 0.75turn
}

[xyz~="in-rotate-right-100%"] {
    --xyz-in-rotate-z: 1turn
}

[xyz~=out-rotate-right] {
    --xyz-out-rotate-z: var(--xyz-rotate-default)
}

[xyz~=out-rotate-right-0] {
    --xyz-out-rotate-z: 0deg
}

[xyz~=out-rotate-right-1] {
    --xyz-out-rotate-z: 10deg
}

[xyz~=out-rotate-right-2] {
    --xyz-out-rotate-z: 20deg
}

[xyz~=out-rotate-right-3] {
    --xyz-out-rotate-z: 30deg
}

[xyz~=out-rotate-right-4] {
    --xyz-out-rotate-z: 40deg
}

[xyz~=out-rotate-right-5] {
    --xyz-out-rotate-z: 50deg
}

[xyz~="out-rotate-right-25%"] {
    --xyz-out-rotate-z: 0.25turn
}

[xyz~="out-rotate-right-50%"] {
    --xyz-out-rotate-z: 0.5turn
}

[xyz~="out-rotate-right-75%"] {
    --xyz-out-rotate-z: 0.75turn
}

[xyz~="out-rotate-right-100%"] {
    --xyz-out-rotate-z: 1turn
}

[xyz~=appear-rotate-right] {
    --xyz-appear-rotate-z: var(--xyz-rotate-default)
}

[xyz~=appear-rotate-right-0] {
    --xyz-appear-rotate-z: 0deg
}

[xyz~=appear-rotate-right-1] {
    --xyz-appear-rotate-z: 10deg
}

[xyz~=appear-rotate-right-2] {
    --xyz-appear-rotate-z: 20deg
}

[xyz~=appear-rotate-right-3] {
    --xyz-appear-rotate-z: 30deg
}

[xyz~=appear-rotate-right-4] {
    --xyz-appear-rotate-z: 40deg
}

[xyz~=appear-rotate-right-5] {
    --xyz-appear-rotate-z: 50deg
}

[xyz~="appear-rotate-right-25%"] {
    --xyz-appear-rotate-z: 0.25turn
}

[xyz~="appear-rotate-right-50%"] {
    --xyz-appear-rotate-z: 0.5turn
}

[xyz~="appear-rotate-right-75%"] {
    --xyz-appear-rotate-z: 0.75turn
}

[xyz~="appear-rotate-right-100%"] {
    --xyz-appear-rotate-z: 1turn
}

[xyz~=rotate-left] {
    --xyz-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=rotate-left-0] {
    --xyz-rotate-z: 0deg
}

[xyz~=rotate-left-1] {
    --xyz-rotate-z: -10deg
}

[xyz~=rotate-left-2] {
    --xyz-rotate-z: -20deg
}

[xyz~=rotate-left-3] {
    --xyz-rotate-z: -30deg
}

[xyz~=rotate-left-4] {
    --xyz-rotate-z: -40deg
}

[xyz~=rotate-left-5] {
    --xyz-rotate-z: -50deg
}

[xyz~="rotate-left-25%"] {
    --xyz-rotate-z: -0.25turn
}

[xyz~="rotate-left-50%"] {
    --xyz-rotate-z: -0.5turn
}

[xyz~="rotate-left-75%"] {
    --xyz-rotate-z: -0.75turn
}

[xyz~="rotate-left-100%"] {
    --xyz-rotate-z: -1turn
}

[xyz~=in-rotate-left] {
    --xyz-in-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-rotate-left-0] {
    --xyz-in-rotate-z: 0deg
}

[xyz~=in-rotate-left-1] {
    --xyz-in-rotate-z: -10deg
}

[xyz~=in-rotate-left-2] {
    --xyz-in-rotate-z: -20deg
}

[xyz~=in-rotate-left-3] {
    --xyz-in-rotate-z: -30deg
}

[xyz~=in-rotate-left-4] {
    --xyz-in-rotate-z: -40deg
}

[xyz~=in-rotate-left-5] {
    --xyz-in-rotate-z: -50deg
}

[xyz~="in-rotate-left-25%"] {
    --xyz-in-rotate-z: -0.25turn
}

[xyz~="in-rotate-left-50%"] {
    --xyz-in-rotate-z: -0.5turn
}

[xyz~="in-rotate-left-75%"] {
    --xyz-in-rotate-z: -0.75turn
}

[xyz~="in-rotate-left-100%"] {
    --xyz-in-rotate-z: -1turn
}

[xyz~=out-rotate-left] {
    --xyz-out-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-rotate-left-0] {
    --xyz-out-rotate-z: 0deg
}

[xyz~=out-rotate-left-1] {
    --xyz-out-rotate-z: -10deg
}

[xyz~=out-rotate-left-2] {
    --xyz-out-rotate-z: -20deg
}

[xyz~=out-rotate-left-3] {
    --xyz-out-rotate-z: -30deg
}

[xyz~=out-rotate-left-4] {
    --xyz-out-rotate-z: -40deg
}

[xyz~=out-rotate-left-5] {
    --xyz-out-rotate-z: -50deg
}

[xyz~="out-rotate-left-25%"] {
    --xyz-out-rotate-z: -0.25turn
}

[xyz~="out-rotate-left-50%"] {
    --xyz-out-rotate-z: -0.5turn
}

[xyz~="out-rotate-left-75%"] {
    --xyz-out-rotate-z: -0.75turn
}

[xyz~="out-rotate-left-100%"] {
    --xyz-out-rotate-z: -1turn
}

[xyz~=appear-rotate-left] {
    --xyz-appear-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-rotate-left-0] {
    --xyz-appear-rotate-z: 0deg
}

[xyz~=appear-rotate-left-1] {
    --xyz-appear-rotate-z: -10deg
}

[xyz~=appear-rotate-left-2] {
    --xyz-appear-rotate-z: -20deg
}

[xyz~=appear-rotate-left-3] {
    --xyz-appear-rotate-z: -30deg
}

[xyz~=appear-rotate-left-4] {
    --xyz-appear-rotate-z: -40deg
}

[xyz~=appear-rotate-left-5] {
    --xyz-appear-rotate-z: -50deg
}

[xyz~="appear-rotate-left-25%"] {
    --xyz-appear-rotate-z: -0.25turn
}

[xyz~="appear-rotate-left-50%"] {
    --xyz-appear-rotate-z: -0.5turn
}

[xyz~="appear-rotate-left-75%"] {
    --xyz-appear-rotate-z: -0.75turn
}

[xyz~="appear-rotate-left-100%"] {
    --xyz-appear-rotate-z: -1turn
}

[xyz~=small] {
    --xyz-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=small-0] {
    --xyz-scale-x: 1;
    --xyz-scale-y: 1;
    --xyz-scale-z: 1
}

[xyz~=small-1] {
    --xyz-scale-x: 0.975;
    --xyz-scale-y: 0.975;
    --xyz-scale-z: 0.975
}

[xyz~=small-2] {
    --xyz-scale-x: 0.95;
    --xyz-scale-y: 0.95;
    --xyz-scale-z: 0.95
}

[xyz~=small-3] {
    --xyz-scale-x: 0.925;
    --xyz-scale-y: 0.925;
    --xyz-scale-z: 0.925
}

[xyz~=small-4] {
    --xyz-scale-x: 0.9;
    --xyz-scale-y: 0.9;
    --xyz-scale-z: 0.9
}

[xyz~=small-5] {
    --xyz-scale-x: 0.875;
    --xyz-scale-y: 0.875;
    --xyz-scale-z: 0.875
}

[xyz~="small-25%"] {
    --xyz-scale-x: 0.75;
    --xyz-scale-y: 0.75;
    --xyz-scale-z: 0.75
}

[xyz~="small-50%"] {
    --xyz-scale-x: 0.5;
    --xyz-scale-y: 0.5;
    --xyz-scale-z: 0.5
}

[xyz~="small-75%"] {
    --xyz-scale-x: 0.25;
    --xyz-scale-y: 0.25;
    --xyz-scale-z: 0.25
}

[xyz~="small-100%"] {
    --xyz-scale-x: 0;
    --xyz-scale-y: 0;
    --xyz-scale-z: 0
}

[xyz~=in-small] {
    --xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-in-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-small-0] {
    --xyz-in-scale-x: 1;
    --xyz-in-scale-y: 1;
    --xyz-in-scale-z: 1
}

[xyz~=in-small-1] {
    --xyz-in-scale-x: 0.975;
    --xyz-in-scale-y: 0.975;
    --xyz-in-scale-z: 0.975
}

[xyz~=in-small-2] {
    --xyz-in-scale-x: 0.95;
    --xyz-in-scale-y: 0.95;
    --xyz-in-scale-z: 0.95
}

[xyz~=in-small-3] {
    --xyz-in-scale-x: 0.925;
    --xyz-in-scale-y: 0.925;
    --xyz-in-scale-z: 0.925
}

[xyz~=in-small-4] {
    --xyz-in-scale-x: 0.9;
    --xyz-in-scale-y: 0.9;
    --xyz-in-scale-z: 0.9
}

[xyz~=in-small-5] {
    --xyz-in-scale-x: 0.875;
    --xyz-in-scale-y: 0.875;
    --xyz-in-scale-z: 0.875
}

[xyz~="in-small-25%"] {
    --xyz-in-scale-x: 0.75;
    --xyz-in-scale-y: 0.75;
    --xyz-in-scale-z: 0.75
}

[xyz~="in-small-50%"] {
    --xyz-in-scale-x: 0.5;
    --xyz-in-scale-y: 0.5;
    --xyz-in-scale-z: 0.5
}

[xyz~="in-small-75%"] {
    --xyz-in-scale-x: 0.25;
    --xyz-in-scale-y: 0.25;
    --xyz-in-scale-z: 0.25
}

[xyz~="in-small-100%"] {
    --xyz-in-scale-x: 0;
    --xyz-in-scale-y: 0;
    --xyz-in-scale-z: 0
}

[xyz~=out-small] {
    --xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-out-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-small-0] {
    --xyz-out-scale-x: 1;
    --xyz-out-scale-y: 1;
    --xyz-out-scale-z: 1
}

[xyz~=out-small-1] {
    --xyz-out-scale-x: 0.975;
    --xyz-out-scale-y: 0.975;
    --xyz-out-scale-z: 0.975
}

[xyz~=out-small-2] {
    --xyz-out-scale-x: 0.95;
    --xyz-out-scale-y: 0.95;
    --xyz-out-scale-z: 0.95
}

[xyz~=out-small-3] {
    --xyz-out-scale-x: 0.925;
    --xyz-out-scale-y: 0.925;
    --xyz-out-scale-z: 0.925
}

[xyz~=out-small-4] {
    --xyz-out-scale-x: 0.9;
    --xyz-out-scale-y: 0.9;
    --xyz-out-scale-z: 0.9
}

[xyz~=out-small-5] {
    --xyz-out-scale-x: 0.875;
    --xyz-out-scale-y: 0.875;
    --xyz-out-scale-z: 0.875
}

[xyz~="out-small-25%"] {
    --xyz-out-scale-x: 0.75;
    --xyz-out-scale-y: 0.75;
    --xyz-out-scale-z: 0.75
}

[xyz~="out-small-50%"] {
    --xyz-out-scale-x: 0.5;
    --xyz-out-scale-y: 0.5;
    --xyz-out-scale-z: 0.5
}

[xyz~="out-small-75%"] {
    --xyz-out-scale-x: 0.25;
    --xyz-out-scale-y: 0.25;
    --xyz-out-scale-z: 0.25
}

[xyz~="out-small-100%"] {
    --xyz-out-scale-x: 0;
    --xyz-out-scale-y: 0;
    --xyz-out-scale-z: 0
}

[xyz~=appear-small] {
    --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-small-0] {
    --xyz-appear-scale-x: 1;
    --xyz-appear-scale-y: 1;
    --xyz-appear-scale-z: 1
}

[xyz~=appear-small-1] {
    --xyz-appear-scale-x: 0.975;
    --xyz-appear-scale-y: 0.975;
    --xyz-appear-scale-z: 0.975
}

[xyz~=appear-small-2] {
    --xyz-appear-scale-x: 0.95;
    --xyz-appear-scale-y: 0.95;
    --xyz-appear-scale-z: 0.95
}

[xyz~=appear-small-3] {
    --xyz-appear-scale-x: 0.925;
    --xyz-appear-scale-y: 0.925;
    --xyz-appear-scale-z: 0.925
}

[xyz~=appear-small-4] {
    --xyz-appear-scale-x: 0.9;
    --xyz-appear-scale-y: 0.9;
    --xyz-appear-scale-z: 0.9
}

[xyz~=appear-small-5] {
    --xyz-appear-scale-x: 0.875;
    --xyz-appear-scale-y: 0.875;
    --xyz-appear-scale-z: 0.875
}

[xyz~="appear-small-25%"] {
    --xyz-appear-scale-x: 0.75;
    --xyz-appear-scale-y: 0.75;
    --xyz-appear-scale-z: 0.75
}

[xyz~="appear-small-50%"] {
    --xyz-appear-scale-x: 0.5;
    --xyz-appear-scale-y: 0.5;
    --xyz-appear-scale-z: 0.5
}

[xyz~="appear-small-75%"] {
    --xyz-appear-scale-x: 0.25;
    --xyz-appear-scale-y: 0.25;
    --xyz-appear-scale-z: 0.25
}

[xyz~="appear-small-100%"] {
    --xyz-appear-scale-x: 0;
    --xyz-appear-scale-y: 0;
    --xyz-appear-scale-z: 0
}

[xyz~=big] {
    --xyz-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=big-0] {
    --xyz-scale-x: 1;
    --xyz-scale-y: 1;
    --xyz-scale-z: 1
}

[xyz~=big-1] {
    --xyz-scale-x: 1.025;
    --xyz-scale-y: 1.025;
    --xyz-scale-z: 1.025
}

[xyz~=big-2] {
    --xyz-scale-x: 1.05;
    --xyz-scale-y: 1.05;
    --xyz-scale-z: 1.05
}

[xyz~=big-3] {
    --xyz-scale-x: 1.075;
    --xyz-scale-y: 1.075;
    --xyz-scale-z: 1.075
}

[xyz~=big-4] {
    --xyz-scale-x: 1.1;
    --xyz-scale-y: 1.1;
    --xyz-scale-z: 1.1
}

[xyz~=big-5] {
    --xyz-scale-x: 1.125;
    --xyz-scale-y: 1.125;
    --xyz-scale-z: 1.125
}

[xyz~="big-25%"] {
    --xyz-scale-x: 1.25;
    --xyz-scale-y: 1.25;
    --xyz-scale-z: 1.25
}

[xyz~="big-50%"] {
    --xyz-scale-x: 1.5;
    --xyz-scale-y: 1.5;
    --xyz-scale-z: 1.5
}

[xyz~="big-75%"] {
    --xyz-scale-x: 1.75;
    --xyz-scale-y: 1.75;
    --xyz-scale-z: 1.75
}

[xyz~="big-100%"] {
    --xyz-scale-x: 2;
    --xyz-scale-y: 2;
    --xyz-scale-z: 2
}

[xyz~=in-big] {
    --xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-in-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-big-0] {
    --xyz-in-scale-x: 1;
    --xyz-in-scale-y: 1;
    --xyz-in-scale-z: 1
}

[xyz~=in-big-1] {
    --xyz-in-scale-x: 1.025;
    --xyz-in-scale-y: 1.025;
    --xyz-in-scale-z: 1.025
}

[xyz~=in-big-2] {
    --xyz-in-scale-x: 1.05;
    --xyz-in-scale-y: 1.05;
    --xyz-in-scale-z: 1.05
}

[xyz~=in-big-3] {
    --xyz-in-scale-x: 1.075;
    --xyz-in-scale-y: 1.075;
    --xyz-in-scale-z: 1.075
}

[xyz~=in-big-4] {
    --xyz-in-scale-x: 1.1;
    --xyz-in-scale-y: 1.1;
    --xyz-in-scale-z: 1.1
}

[xyz~=in-big-5] {
    --xyz-in-scale-x: 1.125;
    --xyz-in-scale-y: 1.125;
    --xyz-in-scale-z: 1.125
}

[xyz~="in-big-25%"] {
    --xyz-in-scale-x: 1.25;
    --xyz-in-scale-y: 1.25;
    --xyz-in-scale-z: 1.25
}

[xyz~="in-big-50%"] {
    --xyz-in-scale-x: 1.5;
    --xyz-in-scale-y: 1.5;
    --xyz-in-scale-z: 1.5
}

[xyz~="in-big-75%"] {
    --xyz-in-scale-x: 1.75;
    --xyz-in-scale-y: 1.75;
    --xyz-in-scale-z: 1.75
}

[xyz~="in-big-100%"] {
    --xyz-in-scale-x: 2;
    --xyz-in-scale-y: 2;
    --xyz-in-scale-z: 2
}

[xyz~=out-big] {
    --xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-out-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-big-0] {
    --xyz-out-scale-x: 1;
    --xyz-out-scale-y: 1;
    --xyz-out-scale-z: 1
}

[xyz~=out-big-1] {
    --xyz-out-scale-x: 1.025;
    --xyz-out-scale-y: 1.025;
    --xyz-out-scale-z: 1.025
}

[xyz~=out-big-2] {
    --xyz-out-scale-x: 1.05;
    --xyz-out-scale-y: 1.05;
    --xyz-out-scale-z: 1.05
}

[xyz~=out-big-3] {
    --xyz-out-scale-x: 1.075;
    --xyz-out-scale-y: 1.075;
    --xyz-out-scale-z: 1.075
}

[xyz~=out-big-4] {
    --xyz-out-scale-x: 1.1;
    --xyz-out-scale-y: 1.1;
    --xyz-out-scale-z: 1.1
}

[xyz~=out-big-5] {
    --xyz-out-scale-x: 1.125;
    --xyz-out-scale-y: 1.125;
    --xyz-out-scale-z: 1.125
}

[xyz~="out-big-25%"] {
    --xyz-out-scale-x: 1.25;
    --xyz-out-scale-y: 1.25;
    --xyz-out-scale-z: 1.25
}

[xyz~="out-big-50%"] {
    --xyz-out-scale-x: 1.5;
    --xyz-out-scale-y: 1.5;
    --xyz-out-scale-z: 1.5
}

[xyz~="out-big-75%"] {
    --xyz-out-scale-x: 1.75;
    --xyz-out-scale-y: 1.75;
    --xyz-out-scale-z: 1.75
}

[xyz~="out-big-100%"] {
    --xyz-out-scale-x: 2;
    --xyz-out-scale-y: 2;
    --xyz-out-scale-z: 2
}

[xyz~=appear-big] {
    --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-big-0] {
    --xyz-appear-scale-x: 1;
    --xyz-appear-scale-y: 1;
    --xyz-appear-scale-z: 1
}

[xyz~=appear-big-1] {
    --xyz-appear-scale-x: 1.025;
    --xyz-appear-scale-y: 1.025;
    --xyz-appear-scale-z: 1.025
}

[xyz~=appear-big-2] {
    --xyz-appear-scale-x: 1.05;
    --xyz-appear-scale-y: 1.05;
    --xyz-appear-scale-z: 1.05
}

[xyz~=appear-big-3] {
    --xyz-appear-scale-x: 1.075;
    --xyz-appear-scale-y: 1.075;
    --xyz-appear-scale-z: 1.075
}

[xyz~=appear-big-4] {
    --xyz-appear-scale-x: 1.1;
    --xyz-appear-scale-y: 1.1;
    --xyz-appear-scale-z: 1.1
}

[xyz~=appear-big-5] {
    --xyz-appear-scale-x: 1.125;
    --xyz-appear-scale-y: 1.125;
    --xyz-appear-scale-z: 1.125
}

[xyz~="appear-big-25%"] {
    --xyz-appear-scale-x: 1.25;
    --xyz-appear-scale-y: 1.25;
    --xyz-appear-scale-z: 1.25
}

[xyz~="appear-big-50%"] {
    --xyz-appear-scale-x: 1.5;
    --xyz-appear-scale-y: 1.5;
    --xyz-appear-scale-z: 1.5
}

[xyz~="appear-big-75%"] {
    --xyz-appear-scale-x: 1.75;
    --xyz-appear-scale-y: 1.75;
    --xyz-appear-scale-z: 1.75
}

[xyz~="appear-big-100%"] {
    --xyz-appear-scale-x: 2;
    --xyz-appear-scale-y: 2;
    --xyz-appear-scale-z: 2
}

[xyz~=narrow] {
    --xyz-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=narrow-0] {
    --xyz-scale-x: 1
}

[xyz~=narrow-1] {
    --xyz-scale-x: 0.975
}

[xyz~=narrow-2] {
    --xyz-scale-x: 0.95
}

[xyz~=narrow-3] {
    --xyz-scale-x: 0.925
}

[xyz~=narrow-4] {
    --xyz-scale-x: 0.9
}

[xyz~=narrow-5] {
    --xyz-scale-x: 0.875
}

[xyz~="narrow-25%"] {
    --xyz-scale-x: 0.75
}

[xyz~="narrow-50%"] {
    --xyz-scale-x: 0.5
}

[xyz~="narrow-75%"] {
    --xyz-scale-x: 0.25
}

[xyz~="narrow-100%"] {
    --xyz-scale-x: 0
}

[xyz~=in-narrow] {
    --xyz-in-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-narrow-0] {
    --xyz-in-scale-x: 1
}

[xyz~=in-narrow-1] {
    --xyz-in-scale-x: 0.975
}

[xyz~=in-narrow-2] {
    --xyz-in-scale-x: 0.95
}

[xyz~=in-narrow-3] {
    --xyz-in-scale-x: 0.925
}

[xyz~=in-narrow-4] {
    --xyz-in-scale-x: 0.9
}

[xyz~=in-narrow-5] {
    --xyz-in-scale-x: 0.875
}

[xyz~="in-narrow-25%"] {
    --xyz-in-scale-x: 0.75
}

[xyz~="in-narrow-50%"] {
    --xyz-in-scale-x: 0.5
}

[xyz~="in-narrow-75%"] {
    --xyz-in-scale-x: 0.25
}

[xyz~="in-narrow-100%"] {
    --xyz-in-scale-x: 0
}

[xyz~=out-narrow] {
    --xyz-out-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-narrow-0] {
    --xyz-out-scale-x: 1
}

[xyz~=out-narrow-1] {
    --xyz-out-scale-x: 0.975
}

[xyz~=out-narrow-2] {
    --xyz-out-scale-x: 0.95
}

[xyz~=out-narrow-3] {
    --xyz-out-scale-x: 0.925
}

[xyz~=out-narrow-4] {
    --xyz-out-scale-x: 0.9
}

[xyz~=out-narrow-5] {
    --xyz-out-scale-x: 0.875
}

[xyz~="out-narrow-25%"] {
    --xyz-out-scale-x: 0.75
}

[xyz~="out-narrow-50%"] {
    --xyz-out-scale-x: 0.5
}

[xyz~="out-narrow-75%"] {
    --xyz-out-scale-x: 0.25
}

[xyz~="out-narrow-100%"] {
    --xyz-out-scale-x: 0
}

[xyz~=appear-narrow] {
    --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-narrow-0] {
    --xyz-appear-scale-x: 1
}

[xyz~=appear-narrow-1] {
    --xyz-appear-scale-x: 0.975
}

[xyz~=appear-narrow-2] {
    --xyz-appear-scale-x: 0.95
}

[xyz~=appear-narrow-3] {
    --xyz-appear-scale-x: 0.925
}

[xyz~=appear-narrow-4] {
    --xyz-appear-scale-x: 0.9
}

[xyz~=appear-narrow-5] {
    --xyz-appear-scale-x: 0.875
}

[xyz~="appear-narrow-25%"] {
    --xyz-appear-scale-x: 0.75
}

[xyz~="appear-narrow-50%"] {
    --xyz-appear-scale-x: 0.5
}

[xyz~="appear-narrow-75%"] {
    --xyz-appear-scale-x: 0.25
}

[xyz~="appear-narrow-100%"] {
    --xyz-appear-scale-x: 0
}

[xyz~=wide] {
    --xyz-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=wide-0] {
    --xyz-scale-x: 1
}

[xyz~=wide-1] {
    --xyz-scale-x: 1.025
}

[xyz~=wide-2] {
    --xyz-scale-x: 1.05
}

[xyz~=wide-3] {
    --xyz-scale-x: 1.075
}

[xyz~=wide-4] {
    --xyz-scale-x: 1.1
}

[xyz~=wide-5] {
    --xyz-scale-x: 1.125
}

[xyz~="wide-25%"] {
    --xyz-scale-x: 1.25
}

[xyz~="wide-50%"] {
    --xyz-scale-x: 1.5
}

[xyz~="wide-75%"] {
    --xyz-scale-x: 1.75
}

[xyz~="wide-100%"] {
    --xyz-scale-x: 2
}

[xyz~=in-wide] {
    --xyz-in-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-wide-0] {
    --xyz-in-scale-x: 1
}

[xyz~=in-wide-1] {
    --xyz-in-scale-x: 1.025
}

[xyz~=in-wide-2] {
    --xyz-in-scale-x: 1.05
}

[xyz~=in-wide-3] {
    --xyz-in-scale-x: 1.075
}

[xyz~=in-wide-4] {
    --xyz-in-scale-x: 1.1
}

[xyz~=in-wide-5] {
    --xyz-in-scale-x: 1.125
}

[xyz~="in-wide-25%"] {
    --xyz-in-scale-x: 1.25
}

[xyz~="in-wide-50%"] {
    --xyz-in-scale-x: 1.5
}

[xyz~="in-wide-75%"] {
    --xyz-in-scale-x: 1.75
}

[xyz~="in-wide-100%"] {
    --xyz-in-scale-x: 2
}

[xyz~=out-wide] {
    --xyz-out-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-wide-0] {
    --xyz-out-scale-x: 1
}

[xyz~=out-wide-1] {
    --xyz-out-scale-x: 1.025
}

[xyz~=out-wide-2] {
    --xyz-out-scale-x: 1.05
}

[xyz~=out-wide-3] {
    --xyz-out-scale-x: 1.075
}

[xyz~=out-wide-4] {
    --xyz-out-scale-x: 1.1
}

[xyz~=out-wide-5] {
    --xyz-out-scale-x: 1.125
}

[xyz~="out-wide-25%"] {
    --xyz-out-scale-x: 1.25
}

[xyz~="out-wide-50%"] {
    --xyz-out-scale-x: 1.5
}

[xyz~="out-wide-75%"] {
    --xyz-out-scale-x: 1.75
}

[xyz~="out-wide-100%"] {
    --xyz-out-scale-x: 2
}

[xyz~=appear-wide] {
    --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-wide-0] {
    --xyz-appear-scale-x: 1
}

[xyz~=appear-wide-1] {
    --xyz-appear-scale-x: 1.025
}

[xyz~=appear-wide-2] {
    --xyz-appear-scale-x: 1.05
}

[xyz~=appear-wide-3] {
    --xyz-appear-scale-x: 1.075
}

[xyz~=appear-wide-4] {
    --xyz-appear-scale-x: 1.1
}

[xyz~=appear-wide-5] {
    --xyz-appear-scale-x: 1.125
}

[xyz~="appear-wide-25%"] {
    --xyz-appear-scale-x: 1.25
}

[xyz~="appear-wide-50%"] {
    --xyz-appear-scale-x: 1.5
}

[xyz~="appear-wide-75%"] {
    --xyz-appear-scale-x: 1.75
}

[xyz~="appear-wide-100%"] {
    --xyz-appear-scale-x: 2
}

[xyz~=short] {
    --xyz-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=short-0] {
    --xyz-scale-y: 1
}

[xyz~=short-1] {
    --xyz-scale-y: 0.975
}

[xyz~=short-2] {
    --xyz-scale-y: 0.95
}

[xyz~=short-3] {
    --xyz-scale-y: 0.925
}

[xyz~=short-4] {
    --xyz-scale-y: 0.9
}

[xyz~=short-5] {
    --xyz-scale-y: 0.875
}

[xyz~="short-25%"] {
    --xyz-scale-y: 0.75
}

[xyz~="short-50%"] {
    --xyz-scale-y: 0.5
}

[xyz~="short-75%"] {
    --xyz-scale-y: 0.25
}

[xyz~="short-100%"] {
    --xyz-scale-y: 0
}

[xyz~=in-short] {
    --xyz-in-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-short-0] {
    --xyz-in-scale-y: 1
}

[xyz~=in-short-1] {
    --xyz-in-scale-y: 0.975
}

[xyz~=in-short-2] {
    --xyz-in-scale-y: 0.95
}

[xyz~=in-short-3] {
    --xyz-in-scale-y: 0.925
}

[xyz~=in-short-4] {
    --xyz-in-scale-y: 0.9
}

[xyz~=in-short-5] {
    --xyz-in-scale-y: 0.875
}

[xyz~="in-short-25%"] {
    --xyz-in-scale-y: 0.75
}

[xyz~="in-short-50%"] {
    --xyz-in-scale-y: 0.5
}

[xyz~="in-short-75%"] {
    --xyz-in-scale-y: 0.25
}

[xyz~="in-short-100%"] {
    --xyz-in-scale-y: 0
}

[xyz~=out-short] {
    --xyz-out-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-short-0] {
    --xyz-out-scale-y: 1
}

[xyz~=out-short-1] {
    --xyz-out-scale-y: 0.975
}

[xyz~=out-short-2] {
    --xyz-out-scale-y: 0.95
}

[xyz~=out-short-3] {
    --xyz-out-scale-y: 0.925
}

[xyz~=out-short-4] {
    --xyz-out-scale-y: 0.9
}

[xyz~=out-short-5] {
    --xyz-out-scale-y: 0.875
}

[xyz~="out-short-25%"] {
    --xyz-out-scale-y: 0.75
}

[xyz~="out-short-50%"] {
    --xyz-out-scale-y: 0.5
}

[xyz~="out-short-75%"] {
    --xyz-out-scale-y: 0.25
}

[xyz~="out-short-100%"] {
    --xyz-out-scale-y: 0
}

[xyz~=appear-short] {
    --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-short-0] {
    --xyz-appear-scale-y: 1
}

[xyz~=appear-short-1] {
    --xyz-appear-scale-y: 0.975
}

[xyz~=appear-short-2] {
    --xyz-appear-scale-y: 0.95
}

[xyz~=appear-short-3] {
    --xyz-appear-scale-y: 0.925
}

[xyz~=appear-short-4] {
    --xyz-appear-scale-y: 0.9
}

[xyz~=appear-short-5] {
    --xyz-appear-scale-y: 0.875
}

[xyz~="appear-short-25%"] {
    --xyz-appear-scale-y: 0.75
}

[xyz~="appear-short-50%"] {
    --xyz-appear-scale-y: 0.5
}

[xyz~="appear-short-75%"] {
    --xyz-appear-scale-y: 0.25
}

[xyz~="appear-short-100%"] {
    --xyz-appear-scale-y: 0
}

[xyz~=tall] {
    --xyz-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=tall-0] {
    --xyz-scale-y: 1
}

[xyz~=tall-1] {
    --xyz-scale-y: 1.025
}

[xyz~=tall-2] {
    --xyz-scale-y: 1.05
}

[xyz~=tall-3] {
    --xyz-scale-y: 1.075
}

[xyz~=tall-4] {
    --xyz-scale-y: 1.1
}

[xyz~=tall-5] {
    --xyz-scale-y: 1.125
}

[xyz~="tall-25%"] {
    --xyz-scale-y: 1.25
}

[xyz~="tall-50%"] {
    --xyz-scale-y: 1.5
}

[xyz~="tall-75%"] {
    --xyz-scale-y: 1.75
}

[xyz~="tall-100%"] {
    --xyz-scale-y: 2
}

[xyz~=in-tall] {
    --xyz-in-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-tall-0] {
    --xyz-in-scale-y: 1
}

[xyz~=in-tall-1] {
    --xyz-in-scale-y: 1.025
}

[xyz~=in-tall-2] {
    --xyz-in-scale-y: 1.05
}

[xyz~=in-tall-3] {
    --xyz-in-scale-y: 1.075
}

[xyz~=in-tall-4] {
    --xyz-in-scale-y: 1.1
}

[xyz~=in-tall-5] {
    --xyz-in-scale-y: 1.125
}

[xyz~="in-tall-25%"] {
    --xyz-in-scale-y: 1.25
}

[xyz~="in-tall-50%"] {
    --xyz-in-scale-y: 1.5
}

[xyz~="in-tall-75%"] {
    --xyz-in-scale-y: 1.75
}

[xyz~="in-tall-100%"] {
    --xyz-in-scale-y: 2
}

[xyz~=out-tall] {
    --xyz-out-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-tall-0] {
    --xyz-out-scale-y: 1
}

[xyz~=out-tall-1] {
    --xyz-out-scale-y: 1.025
}

[xyz~=out-tall-2] {
    --xyz-out-scale-y: 1.05
}

[xyz~=out-tall-3] {
    --xyz-out-scale-y: 1.075
}

[xyz~=out-tall-4] {
    --xyz-out-scale-y: 1.1
}

[xyz~=out-tall-5] {
    --xyz-out-scale-y: 1.125
}

[xyz~="out-tall-25%"] {
    --xyz-out-scale-y: 1.25
}

[xyz~="out-tall-50%"] {
    --xyz-out-scale-y: 1.5
}

[xyz~="out-tall-75%"] {
    --xyz-out-scale-y: 1.75
}

[xyz~="out-tall-100%"] {
    --xyz-out-scale-y: 2
}

[xyz~=appear-tall] {
    --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-tall-0] {
    --xyz-appear-scale-y: 1
}

[xyz~=appear-tall-1] {
    --xyz-appear-scale-y: 1.025
}

[xyz~=appear-tall-2] {
    --xyz-appear-scale-y: 1.05
}

[xyz~=appear-tall-3] {
    --xyz-appear-scale-y: 1.075
}

[xyz~=appear-tall-4] {
    --xyz-appear-scale-y: 1.1
}

[xyz~=appear-tall-5] {
    --xyz-appear-scale-y: 1.125
}

[xyz~="appear-tall-25%"] {
    --xyz-appear-scale-y: 1.25
}

[xyz~="appear-tall-50%"] {
    --xyz-appear-scale-y: 1.5
}

[xyz~="appear-tall-75%"] {
    --xyz-appear-scale-y: 1.75
}

[xyz~="appear-tall-100%"] {
    --xyz-appear-scale-y: 2
}

[xyz~=thin] {
    --xyz-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=thin-0] {
    --xyz-scale-z: 1
}

[xyz~=thin-1] {
    --xyz-scale-z: 0.975
}

[xyz~=thin-2] {
    --xyz-scale-z: 0.95
}

[xyz~=thin-3] {
    --xyz-scale-z: 0.925
}

[xyz~=thin-4] {
    --xyz-scale-z: 0.9
}

[xyz~=thin-5] {
    --xyz-scale-z: 0.875
}

[xyz~="thin-25%"] {
    --xyz-scale-z: 0.75
}

[xyz~="thin-50%"] {
    --xyz-scale-z: 0.5
}

[xyz~="thin-75%"] {
    --xyz-scale-z: 0.25
}

[xyz~="thin-100%"] {
    --xyz-scale-z: 0
}

[xyz~=in-thin] {
    --xyz-in-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-thin-0] {
    --xyz-in-scale-z: 1
}

[xyz~=in-thin-1] {
    --xyz-in-scale-z: 0.975
}

[xyz~=in-thin-2] {
    --xyz-in-scale-z: 0.95
}

[xyz~=in-thin-3] {
    --xyz-in-scale-z: 0.925
}

[xyz~=in-thin-4] {
    --xyz-in-scale-z: 0.9
}

[xyz~=in-thin-5] {
    --xyz-in-scale-z: 0.875
}

[xyz~="in-thin-25%"] {
    --xyz-in-scale-z: 0.75
}

[xyz~="in-thin-50%"] {
    --xyz-in-scale-z: 0.5
}

[xyz~="in-thin-75%"] {
    --xyz-in-scale-z: 0.25
}

[xyz~="in-thin-100%"] {
    --xyz-in-scale-z: 0
}

[xyz~=out-thin] {
    --xyz-out-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-thin-0] {
    --xyz-out-scale-z: 1
}

[xyz~=out-thin-1] {
    --xyz-out-scale-z: 0.975
}

[xyz~=out-thin-2] {
    --xyz-out-scale-z: 0.95
}

[xyz~=out-thin-3] {
    --xyz-out-scale-z: 0.925
}

[xyz~=out-thin-4] {
    --xyz-out-scale-z: 0.9
}

[xyz~=out-thin-5] {
    --xyz-out-scale-z: 0.875
}

[xyz~="out-thin-25%"] {
    --xyz-out-scale-z: 0.75
}

[xyz~="out-thin-50%"] {
    --xyz-out-scale-z: 0.5
}

[xyz~="out-thin-75%"] {
    --xyz-out-scale-z: 0.25
}

[xyz~="out-thin-100%"] {
    --xyz-out-scale-z: 0
}

[xyz~=appear-thin] {
    --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-thin-0] {
    --xyz-appear-scale-z: 1
}

[xyz~=appear-thin-1] {
    --xyz-appear-scale-z: 0.975
}

[xyz~=appear-thin-2] {
    --xyz-appear-scale-z: 0.95
}

[xyz~=appear-thin-3] {
    --xyz-appear-scale-z: 0.925
}

[xyz~=appear-thin-4] {
    --xyz-appear-scale-z: 0.9
}

[xyz~=appear-thin-5] {
    --xyz-appear-scale-z: 0.875
}

[xyz~="appear-thin-25%"] {
    --xyz-appear-scale-z: 0.75
}

[xyz~="appear-thin-50%"] {
    --xyz-appear-scale-z: 0.5
}

[xyz~="appear-thin-75%"] {
    --xyz-appear-scale-z: 0.25
}

[xyz~="appear-thin-100%"] {
    --xyz-appear-scale-z: 0
}

[xyz~=thick] {
    --xyz-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=thick-0] {
    --xyz-scale-z: 1
}

[xyz~=thick-1] {
    --xyz-scale-z: 1.025
}

[xyz~=thick-2] {
    --xyz-scale-z: 1.05
}

[xyz~=thick-3] {
    --xyz-scale-z: 1.075
}

[xyz~=thick-4] {
    --xyz-scale-z: 1.1
}

[xyz~=thick-5] {
    --xyz-scale-z: 1.125
}

[xyz~="thick-25%"] {
    --xyz-scale-z: 1.25
}

[xyz~="thick-50%"] {
    --xyz-scale-z: 1.5
}

[xyz~="thick-75%"] {
    --xyz-scale-z: 1.75
}

[xyz~="thick-100%"] {
    --xyz-scale-z: 2
}

[xyz~=in-thick] {
    --xyz-in-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-thick-0] {
    --xyz-in-scale-z: 1
}

[xyz~=in-thick-1] {
    --xyz-in-scale-z: 1.025
}

[xyz~=in-thick-2] {
    --xyz-in-scale-z: 1.05
}

[xyz~=in-thick-3] {
    --xyz-in-scale-z: 1.075
}

[xyz~=in-thick-4] {
    --xyz-in-scale-z: 1.1
}

[xyz~=in-thick-5] {
    --xyz-in-scale-z: 1.125
}

[xyz~="in-thick-25%"] {
    --xyz-in-scale-z: 1.25
}

[xyz~="in-thick-50%"] {
    --xyz-in-scale-z: 1.5
}

[xyz~="in-thick-75%"] {
    --xyz-in-scale-z: 1.75
}

[xyz~="in-thick-100%"] {
    --xyz-in-scale-z: 2
}

[xyz~=out-thick] {
    --xyz-out-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-thick-0] {
    --xyz-out-scale-z: 1
}

[xyz~=out-thick-1] {
    --xyz-out-scale-z: 1.025
}

[xyz~=out-thick-2] {
    --xyz-out-scale-z: 1.05
}

[xyz~=out-thick-3] {
    --xyz-out-scale-z: 1.075
}

[xyz~=out-thick-4] {
    --xyz-out-scale-z: 1.1
}

[xyz~=out-thick-5] {
    --xyz-out-scale-z: 1.125
}

[xyz~="out-thick-25%"] {
    --xyz-out-scale-z: 1.25
}

[xyz~="out-thick-50%"] {
    --xyz-out-scale-z: 1.5
}

[xyz~="out-thick-75%"] {
    --xyz-out-scale-z: 1.75
}

[xyz~="out-thick-100%"] {
    --xyz-out-scale-z: 2
}

[xyz~=appear-thick] {
    --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-thick-0] {
    --xyz-appear-scale-z: 1
}

[xyz~=appear-thick-1] {
    --xyz-appear-scale-z: 1.025
}

[xyz~=appear-thick-2] {
    --xyz-appear-scale-z: 1.05
}

[xyz~=appear-thick-3] {
    --xyz-appear-scale-z: 1.075
}

[xyz~=appear-thick-4] {
    --xyz-appear-scale-z: 1.1
}

[xyz~=appear-thick-5] {
    --xyz-appear-scale-z: 1.125
}

[xyz~="appear-thick-25%"] {
    --xyz-appear-scale-z: 1.25
}

[xyz~="appear-thick-50%"] {
    --xyz-appear-scale-z: 1.5
}

[xyz~="appear-thick-75%"] {
    --xyz-appear-scale-z: 1.75
}

[xyz~="appear-thick-100%"] {
    --xyz-appear-scale-z: 2
}

[xyz~=skew-left] {
    --xyz-skew-x: var(--xyz-skew-default)
}

[xyz~=skew-left-0] {
    --xyz-skew-x: 0deg
}

[xyz~=skew-left-1] {
    --xyz-skew-x: 10deg
}

[xyz~=skew-left-2] {
    --xyz-skew-x: 20deg
}

[xyz~=skew-left-3] {
    --xyz-skew-x: 30deg
}

[xyz~=skew-left-4] {
    --xyz-skew-x: 40deg
}

[xyz~=skew-left-5] {
    --xyz-skew-x: 50deg
}

[xyz~=in-skew-left] {
    --xyz-in-skew-x: var(--xyz-skew-default)
}

[xyz~=in-skew-left-0] {
    --xyz-in-skew-x: 0deg
}

[xyz~=in-skew-left-1] {
    --xyz-in-skew-x: 10deg
}

[xyz~=in-skew-left-2] {
    --xyz-in-skew-x: 20deg
}

[xyz~=in-skew-left-3] {
    --xyz-in-skew-x: 30deg
}

[xyz~=in-skew-left-4] {
    --xyz-in-skew-x: 40deg
}

[xyz~=in-skew-left-5] {
    --xyz-in-skew-x: 50deg
}

[xyz~=out-skew-left] {
    --xyz-out-skew-x: var(--xyz-skew-default)
}

[xyz~=out-skew-left-0] {
    --xyz-out-skew-x: 0deg
}

[xyz~=out-skew-left-1] {
    --xyz-out-skew-x: 10deg
}

[xyz~=out-skew-left-2] {
    --xyz-out-skew-x: 20deg
}

[xyz~=out-skew-left-3] {
    --xyz-out-skew-x: 30deg
}

[xyz~=out-skew-left-4] {
    --xyz-out-skew-x: 40deg
}

[xyz~=out-skew-left-5] {
    --xyz-out-skew-x: 50deg
}

[xyz~=appear-skew-left] {
    --xyz-appear-skew-x: var(--xyz-skew-default)
}

[xyz~=appear-skew-left-0] {
    --xyz-appear-skew-x: 0deg
}

[xyz~=appear-skew-left-1] {
    --xyz-appear-skew-x: 10deg
}

[xyz~=appear-skew-left-2] {
    --xyz-appear-skew-x: 20deg
}

[xyz~=appear-skew-left-3] {
    --xyz-appear-skew-x: 30deg
}

[xyz~=appear-skew-left-4] {
    --xyz-appear-skew-x: 40deg
}

[xyz~=appear-skew-left-5] {
    --xyz-appear-skew-x: 50deg
}

[xyz~=skew-right] {
    --xyz-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=skew-right-0] {
    --xyz-skew-x: 0deg
}

[xyz~=skew-right-1] {
    --xyz-skew-x: -10deg
}

[xyz~=skew-right-2] {
    --xyz-skew-x: -20deg
}

[xyz~=skew-right-3] {
    --xyz-skew-x: -30deg
}

[xyz~=skew-right-4] {
    --xyz-skew-x: -40deg
}

[xyz~=skew-right-5] {
    --xyz-skew-x: -50deg
}

[xyz~=in-skew-right] {
    --xyz-in-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=in-skew-right-0] {
    --xyz-in-skew-x: 0deg
}

[xyz~=in-skew-right-1] {
    --xyz-in-skew-x: -10deg
}

[xyz~=in-skew-right-2] {
    --xyz-in-skew-x: -20deg
}

[xyz~=in-skew-right-3] {
    --xyz-in-skew-x: -30deg
}

[xyz~=in-skew-right-4] {
    --xyz-in-skew-x: -40deg
}

[xyz~=in-skew-right-5] {
    --xyz-in-skew-x: -50deg
}

[xyz~=out-skew-right] {
    --xyz-out-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=out-skew-right-0] {
    --xyz-out-skew-x: 0deg
}

[xyz~=out-skew-right-1] {
    --xyz-out-skew-x: -10deg
}

[xyz~=out-skew-right-2] {
    --xyz-out-skew-x: -20deg
}

[xyz~=out-skew-right-3] {
    --xyz-out-skew-x: -30deg
}

[xyz~=out-skew-right-4] {
    --xyz-out-skew-x: -40deg
}

[xyz~=out-skew-right-5] {
    --xyz-out-skew-x: -50deg
}

[xyz~=appear-skew-right] {
    --xyz-appear-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=appear-skew-right-0] {
    --xyz-appear-skew-x: 0deg
}

[xyz~=appear-skew-right-1] {
    --xyz-appear-skew-x: -10deg
}

[xyz~=appear-skew-right-2] {
    --xyz-appear-skew-x: -20deg
}

[xyz~=appear-skew-right-3] {
    --xyz-appear-skew-x: -30deg
}

[xyz~=appear-skew-right-4] {
    --xyz-appear-skew-x: -40deg
}

[xyz~=appear-skew-right-5] {
    --xyz-appear-skew-x: -50deg
}

[xyz~=skew-up] {
    --xyz-skew-y: var(--xyz-skew-default)
}

[xyz~=skew-up-0] {
    --xyz-skew-y: 0deg
}

[xyz~=skew-up-1] {
    --xyz-skew-y: 10deg
}

[xyz~=skew-up-2] {
    --xyz-skew-y: 20deg
}

[xyz~=skew-up-3] {
    --xyz-skew-y: 30deg
}

[xyz~=skew-up-4] {
    --xyz-skew-y: 40deg
}

[xyz~=skew-up-5] {
    --xyz-skew-y: 50deg
}

[xyz~=in-skew-up] {
    --xyz-in-skew-y: var(--xyz-skew-default)
}

[xyz~=in-skew-up-0] {
    --xyz-in-skew-y: 0deg
}

[xyz~=in-skew-up-1] {
    --xyz-in-skew-y: 10deg
}

[xyz~=in-skew-up-2] {
    --xyz-in-skew-y: 20deg
}

[xyz~=in-skew-up-3] {
    --xyz-in-skew-y: 30deg
}

[xyz~=in-skew-up-4] {
    --xyz-in-skew-y: 40deg
}

[xyz~=in-skew-up-5] {
    --xyz-in-skew-y: 50deg
}

[xyz~=out-skew-up] {
    --xyz-out-skew-y: var(--xyz-skew-default)
}

[xyz~=out-skew-up-0] {
    --xyz-out-skew-y: 0deg
}

[xyz~=out-skew-up-1] {
    --xyz-out-skew-y: 10deg
}

[xyz~=out-skew-up-2] {
    --xyz-out-skew-y: 20deg
}

[xyz~=out-skew-up-3] {
    --xyz-out-skew-y: 30deg
}

[xyz~=out-skew-up-4] {
    --xyz-out-skew-y: 40deg
}

[xyz~=out-skew-up-5] {
    --xyz-out-skew-y: 50deg
}

[xyz~=appear-skew-up] {
    --xyz-appear-skew-y: var(--xyz-skew-default)
}

[xyz~=appear-skew-up-0] {
    --xyz-appear-skew-y: 0deg
}

[xyz~=appear-skew-up-1] {
    --xyz-appear-skew-y: 10deg
}

[xyz~=appear-skew-up-2] {
    --xyz-appear-skew-y: 20deg
}

[xyz~=appear-skew-up-3] {
    --xyz-appear-skew-y: 30deg
}

[xyz~=appear-skew-up-4] {
    --xyz-appear-skew-y: 40deg
}

[xyz~=appear-skew-up-5] {
    --xyz-appear-skew-y: 50deg
}

[xyz~=skew-down] {
    --xyz-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=skew-down-0] {
    --xyz-skew-y: 0deg
}

[xyz~=skew-down-1] {
    --xyz-skew-y: -10deg
}

[xyz~=skew-down-2] {
    --xyz-skew-y: -20deg
}

[xyz~=skew-down-3] {
    --xyz-skew-y: -30deg
}

[xyz~=skew-down-4] {
    --xyz-skew-y: -40deg
}

[xyz~=skew-down-5] {
    --xyz-skew-y: -50deg
}

[xyz~=in-skew-down] {
    --xyz-in-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=in-skew-down-0] {
    --xyz-in-skew-y: 0deg
}

[xyz~=in-skew-down-1] {
    --xyz-in-skew-y: -10deg
}

[xyz~=in-skew-down-2] {
    --xyz-in-skew-y: -20deg
}

[xyz~=in-skew-down-3] {
    --xyz-in-skew-y: -30deg
}

[xyz~=in-skew-down-4] {
    --xyz-in-skew-y: -40deg
}

[xyz~=in-skew-down-5] {
    --xyz-in-skew-y: -50deg
}

[xyz~=out-skew-down] {
    --xyz-out-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=out-skew-down-0] {
    --xyz-out-skew-y: 0deg
}

[xyz~=out-skew-down-1] {
    --xyz-out-skew-y: -10deg
}

[xyz~=out-skew-down-2] {
    --xyz-out-skew-y: -20deg
}

[xyz~=out-skew-down-3] {
    --xyz-out-skew-y: -30deg
}

[xyz~=out-skew-down-4] {
    --xyz-out-skew-y: -40deg
}

[xyz~=out-skew-down-5] {
    --xyz-out-skew-y: -50deg
}

[xyz~=appear-skew-down] {
    --xyz-appear-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=appear-skew-down-0] {
    --xyz-appear-skew-y: 0deg
}

[xyz~=appear-skew-down-1] {
    --xyz-appear-skew-y: -10deg
}

[xyz~=appear-skew-down-2] {
    --xyz-appear-skew-y: -20deg
}

[xyz~=appear-skew-down-3] {
    --xyz-appear-skew-y: -30deg
}

[xyz~=appear-skew-down-4] {
    --xyz-appear-skew-y: -40deg
}

[xyz~=appear-skew-down-5] {
    --xyz-appear-skew-y: -50deg
}

/*# sourceMappingURL=animxyz.min.css.map */