/*!
 * KNO Animation v1.0.0 (https://kraineuolek.com/)
 * Copyright 2023-2024 by Oleksandr Khrashchevskyi
 * Licensed (https://kraineuolek.com/)
 */




/**** FADE ANIMATION ****/
[kno-position^="fade-"] {
    opacity: 0;
    transition-property: opacity, transform;
}
[kno-position^="fade-"].kno-animation {
    transform: translateZ(0);
    opacity: 1 !important;
}

[kno-position="fade-up"] {
    transform: translate3d(0, 100px, 0);
}

[kno-position="fade-left"] {
    transform: translate3d(100px, 0, 0);
}

[kno-position="fade-right"] {
    transform: translate3d(-100px, 0, 0);
}

[kno-position="fade-down"] {
    transform: translate3d(0, -100px, 0);
}

[kno-position="fade-right-up"] {
    transform: translate3d(-100px, 100px, 0);
}

[kno-position="fade-right-down"] {
    transform: translate3d(-100px, -100px, 0);
}

[kno-position="fade-left-up"] {
    transform: translate3d(100px, 100px, 0);
}

[kno-position="fade-left-down"] {
    transform: translate3d(100px, -100px, 0);
}

/**** FLIP ANIMATION ****/
[kno-position^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[kno-position^="flip-"].kno-animation {
    transform: rotateY(0);
}

[kno-position="flip-right"] {
    transform: rotateY(90deg);
}

[kno-position="flip-left"] {
    transform: rotateY(-90deg);
}

[kno-position="flip-up"] {
    transform: rotateX(-90deg);
}

[kno-position="flip-down"] {
    transform: rotateX(90deg);
}

/**** ZOOM ANIMATION ****/
[kno-position^="zoom"] {
    opacity: 0;
    transition-property: opacity, transform;
}
[kno-position^="zoom-"].kno-animation {
    transform: translateZ(0) scale(1);
    opacity: 1 !important;
}


[kno-position="zoom-in"] {
    transform: scale(.1);
}
[kno-position="zoom-in-up"] {
    transform: translate3d(0, 100px, 0) scale(.1);
}
[kno-position="zoom-in-down"] {
    transform: translate3d(0, -100px, 0) scale(.1);
}
[kno-position="zoom-in-left"] {
    transform: translate3d(100px, 0, 0) scale(.1);
}
[kno-position="zoom-in-right"] {
    transform: translate3d(-100px, 0, 0) scale(.1);
}


[kno-position="zoom-out"] {
    transform: scale(1.5);
}
[kno-position="zoom-out-up"] {
    transform: translate3d(0, 100px, 0) scale(1.8);
}
[kno-position="zoom-out-down"] {
    transform: translate3d(0, -100px, 0) scale(1.8);
}
[kno-position="zoom-out-right"] {
    transform: translate3d(-100px, 0, 0) scale(1.8);
}
[kno-position="zoom-out-left"] {
    transform: translate3d(100px, 0, 0) scale(1.8);
}





[kno-easing="back-in"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

[kno-easing="back-out"] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[kno-easing="back-in-out"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[kno-easing="bounce"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

[kno-easing="elastic"] {
    transition-timing-function: cubic-bezier(0.36, 2.04, 0.66, 0.74);
}

[kno-easing="slow-start"] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 1);
}

[kno-easing="slow-end"] {
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

[kno-easing="blink"] {
    transition-timing-function: steps(5, end);
}

[kno-easing="swing"] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[kno-easing="jelly"] {
    transition-timing-function: cubic-bezier(0.55, 0.0, 0.15, 1.0);
}

[kno-easing="wobble"] {
    transition-timing-function: cubic-bezier(0.15, 0.7, 0.35, 1.0);
}

[kno-easing="pop"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

[kno-easing="spin"] {
    transition-timing-function: cubic-bezier(0.54, -0.49, 0.27, 1.55);
}

[kno-easing="flash"] {
    transition-timing-function: steps(5, end);
}

[kno-easing="bounce-soft"] {
    transition-timing-function: cubic-bezier(0.72, 1.03, 0.67, -0.24);
}

[kno-easing="bounce-hard"] {
    transition-timing-function: cubic-bezier(0.22, 1.36, 0.63, 0.66);
}

[kno-easing="elastic-soft"] {
    transition-timing-function: cubic-bezier(0.68, -0.29, 0.22, 1.35);
}

[kno-easing="elastic-hard"] {
    transition-timing-function: cubic-bezier(0.7, -0.71, 0.58, 1.31);
}

[kno-easing="flip-in"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

[kno-easing="flip-out"] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[kno-easing="zigzag-in"] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.885, 0.32);
}
[kno-easing="zigzag-out"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}