.t396 .t-animate[data-animate-style=fadein],
.t396 .t-animate[data-animate-style=fadeindown],
.t396 .t-animate[data-animate-style=fadeinleft],
.t396 .t-animate[data-animate-style=fadeinright],
.t396 .t-animate[data-animate-style=fadeinup],
.t396 .t-animate[data-animate-style=zoomin],
.t396 .t-animate[data-animate-style=zoomout] {
    opacity: 0;
}

@media screen and (min-width:980px) {
    .t-animate[data-animate-style=fade-in-blur],
    .t-animate[data-animate-style=fadein],
    .t-animate[data-animate-style=fadeindown],
    .t-animate[data-animate-style=fadeinleft],
    .t-animate[data-animate-style=fadeinright],
    .t-animate[data-animate-style=fadeinup],
    .t-animate[data-animate-style=zoomin],
    .t-animate[data-animate-style=zoomout] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        transition-duration: 1s;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform;
        transition-timing-function: cubic-bezier(.19,1,.22,1);
    }
    .t-title.t-animate {
        transition-duration: 1.2s;
    }
    .t-descr.t-animate,
    .t-subtitle.t-animate,
    .t-text.t-animate,
    .t-uptitle.t-animate {
        transition-duration: .7s;
    }
    .t-item.t-animate {
        transition-duration: .5s;
    }
    .t-animate_started[data-animate-style=fadein] {
        opacity: 1;
    }
    .t-animate[data-animate-style=fadeinup] {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    .t-animate_started[data-animate-style=fadeinup] {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .t-animate[data-animate-style=fadeindown] {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    .t-animate_started[data-animate-style=fadeindown] {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .t-animate[data-animate-style=fadeinleft] {
        -webkit-transform: translate(100px);
        transform: translate(100px);
    }
    .t-animate_started[data-animate-style=fadeinleft] {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .t-animate[data-animate-style=fadeinright] {
        -webkit-transform: translate(-100px);
        transform: translate(-100px);
    }
    .t-animate_started[data-animate-style=fadeinright] {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .t-animate[data-animate-style=fade-in-blur] {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
        transition-property: opacity,-webkit-filter;
        transition-property: opacity,filter;
        transition-property: opacity,filter,-webkit-filter;
    }
    .t-animate_started[data-animate-style=fade-in-blur] {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
    .t-animate[data-animate-style=zoomin] {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
    .t-animate_started[data-animate-style=zoomin] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .t-animate[data-animate-style=zoomout] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    .t-animate_started[data-animate-style=zoomout] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .t-animate_started[data-animate-distance],
    .t-animate_started[data-animate-scale] {
        -webkit-transform: none!important;
        transform: none!important;
    }
    .t-animate__word-mask-wrapper {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        overflow: hidden;
        text-decoration: inherit;
    }
    .t-animate__word {
        display: inline-block;
    }
    .t-animate__word_strict,
    .t-animate__word_whitespace {
        display: inline;
    }
    .t-animate[data-animate-style=line-fade-in-left-gradient],
    .t-animate[data-animate-style=line-fade-in-right-gradient],
    .t-animate[data-animate-style=line-fade-in-up-masked],
    .t-animate[data-animate-style=word-fade-in-down],
    .t-animate[data-animate-style=word-fade-in-left],
    .t-animate[data-animate-style=word-fade-in-right],
    .t-animate[data-animate-style=word-fade-in-up-masked],
    .t-animate[data-animate-style=word-fade-in-up] {
        opacity: 0;
        transition: none;
    }
    .t-animate_started[data-animate-style=line-fade-in-left-gradient],
    .t-animate_started[data-animate-style=line-fade-in-right-gradient],
    .t-animate_started[data-animate-style=line-fade-in-up-masked],
    .t-animate_started[data-animate-style=word-fade-in-down],
    .t-animate_started[data-animate-style=word-fade-in-left],
    .t-animate_started[data-animate-style=word-fade-in-right],
    .t-animate_started[data-animate-style=word-fade-in-up-masked],
    .t-animate_started[data-animate-style=word-fade-in-up] {
        opacity: 1;
    }
    .t-animate[data-animate-style=word-fade-in-right] .t-animate__word {
        -webkit-animation: fadeInLeft .7s cubic-bezier(.22,.65,.2,1) both;
        animation: fadeInLeft .7s cubic-bezier(.22,.65,.2,1) both;
    }
    .t-animate[data-animate-style=word-fade-in-left] .t-animate__word {
        -webkit-animation: fadeInRight .7s cubic-bezier(.22,.65,.2,1) both;
        animation: fadeInRight .7s cubic-bezier(.22,.65,.2,1) both;
    }
    .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word,
    .t-animate[data-animate-style=word-fade-in-up] .t-animate__word {
        -webkit-animation: fadeInUp .7s cubic-bezier(.22,.65,.2,1) both;
        animation: fadeInUp .7s cubic-bezier(.22,.65,.2,1) both;
    }
    .t-animate[data-animate-style=word-fade-in-down] .t-animate__word {
        -webkit-animation: fadeInDown .7s cubic-bezier(.22,.65,.2,1) both;
        animation: fadeInDown .7s cubic-bezier(.22,.65,.2,1) both;
    }
    .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word {
        -webkit-animation: fadeInUp .75s cubic-bezier(.22,.65,.2,1) both;
        animation: fadeInUp .75s cubic-bezier(.22,.65,.2,1) both;
    }
    .t-animate[data-animate-style=line-fade-in-right-gradient] .t-animate__line {
        -webkit-animation: fadeInRightGradient 1s cubic-bezier(.22,1,.36,1) both;
        animation: fadeInRightGradient 1s cubic-bezier(.22,1,.36,1) both;
    }
    .t-animate[data-animate-style=line-fade-in-left-gradient] .t-animate__line {
        -webkit-animation: fadeInLeftGradient 1s cubic-bezier(.22,1,.36,1) both;
        animation: fadeInLeftGradient 1s cubic-bezier(.22,1,.36,1) both;
    }
    .t-animate[data-animate-style=word-fade-in-down] .t-animate__word_whitespace,
    .t-animate[data-animate-style=word-fade-in-left] .t-animate__word_whitespace,
    .t-animate[data-animate-style=word-fade-in-right] .t-animate__word_whitespace,
    .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word_whitespace,
    .t-animate[data-animate-style=word-fade-in-up] .t-animate__word_whitespace {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word_whitespace {
        -webkit-animation-duration: .55s;
        animation-duration: .55s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    .t-animate[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
    .t-animate[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
    .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word,
    .t-animate[data-animate-style=word-fade-in-down] .t-animate__word,
    .t-animate[data-animate-style=word-fade-in-left] .t-animate__word,
    .t-animate[data-animate-style=word-fade-in-right] .t-animate__word,
    .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word,
    .t-animate[data-animate-style=word-fade-in-up] .t-animate__word {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
    .t-animate_started[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
    .t-animate_started[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
    .t-animate_started[data-animate-style=line-fade-in-up-masked] .t-animate__word,
    .t-animate_started[data-animate-style=word-fade-in-down] .t-animate__word,
    .t-animate_started[data-animate-style=word-fade-in-left] .t-animate__word,
    .t-animate_started[data-animate-style=word-fade-in-right] .t-animate__word,
    .t-animate_started[data-animate-style=word-fade-in-up-masked] .t-animate__word,
    .t-animate_started[data-animate-style=word-fade-in-up] .t-animate__word {
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }
}

.t396 .t-animate__word-mask-wrapper,
.tn-artboard .t-animate__word-mask-wrapper {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    text-decoration: inherit;
}

.t396 .t-animate__word,
.tn-artboard .t-animate__word {
    display: inline-block;
}

.t396 .t-animate__word_strict,
.t396 .t-animate__word_whitespace,
.tn-artboard .t-animate__word_strict,
.tn-artboard .t-animate__word_whitespace {
    display: inline;
}

.t396 .t-animate[data-animate-style=line-fade-in-left-gradient],
.t396 .t-animate[data-animate-style=line-fade-in-right-gradient],
.t396 .t-animate[data-animate-style=line-fade-in-up-masked],
.t396 .t-animate[data-animate-style=word-fade-in-down],
.t396 .t-animate[data-animate-style=word-fade-in-left],
.t396 .t-animate[data-animate-style=word-fade-in-right],
.t396 .t-animate[data-animate-style=word-fade-in-up-masked],
.t396 .t-animate[data-animate-style=word-fade-in-up],
.tn-artboard .t-animate[data-animate-style=line-fade-in-left-gradient],
.tn-artboard .t-animate[data-animate-style=line-fade-in-right-gradient],
.tn-artboard .t-animate[data-animate-style=line-fade-in-up-masked],
.tn-artboard .t-animate[data-animate-style=word-fade-in-down],
.tn-artboard .t-animate[data-animate-style=word-fade-in-left],
.tn-artboard .t-animate[data-animate-style=word-fade-in-right],
.tn-artboard .t-animate[data-animate-style=word-fade-in-up-masked],
.tn-artboard .t-animate[data-animate-style=word-fade-in-up] {
    opacity: 0;
    transition: none;
}

.t396 .t-animate_started[data-animate-style=line-fade-in-left-gradient],
.t396 .t-animate_started[data-animate-style=line-fade-in-right-gradient],
.t396 .t-animate_started[data-animate-style=line-fade-in-up-masked],
.t396 .t-animate_started[data-animate-style=word-fade-in-down],
.t396 .t-animate_started[data-animate-style=word-fade-in-left],
.t396 .t-animate_started[data-animate-style=word-fade-in-right],
.t396 .t-animate_started[data-animate-style=word-fade-in-up-masked],
.t396 .t-animate_started[data-animate-style=word-fade-in-up],
.tn-artboard .t-animate_started[data-animate-style=line-fade-in-left-gradient],
.tn-artboard .t-animate_started[data-animate-style=line-fade-in-right-gradient],
.tn-artboard .t-animate_started[data-animate-style=line-fade-in-up-masked],
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-down],
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-left],
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-right],
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-up-masked],
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-up] {
    opacity: 1;
}

.t396 .t-animate[data-animate-style=word-fade-in-right] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-right] .t-animate__word {
    -webkit-animation: textFadeInLeft var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
    animation: textFadeInLeft var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
}

.t396 .t-animate[data-animate-style=word-fade-in-left] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-left] .t-animate__word {
    -webkit-animation: textFadeInRight var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
    animation: textFadeInRight var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
}

.t396 .t-animate[data-animate-style=word-fade-in-up] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-up] .t-animate__word {
    -webkit-animation: textFadeInUp var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
    animation: textFadeInUp var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
}

.t396 .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word {
    -webkit-animation: fadeInUp var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
    animation: fadeInUp var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
}

.t396 .t-animate[data-animate-style=word-fade-in-down] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-down] .t-animate__word {
    -webkit-animation: textFadeInDown var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
    animation: textFadeInDown var(--t-animate-text-duration,.7s) cubic-bezier(.22,.65,.2,1) both;
}

.t396 .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word {
    -webkit-animation: fadeInUp var(--t-animate-text-duration,.75s) cubic-bezier(.22,.65,.2,1) both;
    animation: fadeInUp var(--t-animate-text-duration,.75s) cubic-bezier(.22,.65,.2,1) both;
}

.t396 .t-animate[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
.tn-artboard .t-animate[data-animate-style=line-fade-in-right-gradient] .t-animate__line {
    -webkit-animation: fadeInRightGradient var(--t-animate-text-duration,1s) cubic-bezier(.22,1,.36,1) both;
    animation: fadeInRightGradient var(--t-animate-text-duration,1s) cubic-bezier(.22,1,.36,1) both;
}

.t396 .t-animate[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
.tn-artboard .t-animate[data-animate-style=line-fade-in-left-gradient] .t-animate__line {
    -webkit-animation: fadeInLeftGradient var(--t-animate-text-duration,1s) cubic-bezier(.22,1,.36,1) both;
    animation: fadeInLeftGradient var(--t-animate-text-duration,1s) cubic-bezier(.22,1,.36,1) both;
}

.t396 .t-animate[data-animate-style=word-fade-in-down] .t-animate__word_whitespace,
.t396 .t-animate[data-animate-style=word-fade-in-left] .t-animate__word_whitespace,
.t396 .t-animate[data-animate-style=word-fade-in-right] .t-animate__word_whitespace,
.t396 .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word_whitespace,
.t396 .t-animate[data-animate-style=word-fade-in-up] .t-animate__word_whitespace,
.tn-artboard .t-animate[data-animate-style=word-fade-in-down] .t-animate__word_whitespace,
.tn-artboard .t-animate[data-animate-style=word-fade-in-left] .t-animate__word_whitespace,
.tn-artboard .t-animate[data-animate-style=word-fade-in-right] .t-animate__word_whitespace,
.tn-artboard .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word_whitespace,
.tn-artboard .t-animate[data-animate-style=word-fade-in-up] .t-animate__word_whitespace {
    -webkit-animation-duration: max(calc(var(--t-animate-text-duration, .7s) - .2s),0s);
    animation-duration: max(calc(var(--t-animate-text-duration, .7s) - .2s),0s);
    -webkit-animation-name: textWhitespaceFadeIn;
    animation-name: textWhitespaceFadeIn;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.t396 .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word_whitespace,
.tn-artboard .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word_whitespace {
    -webkit-animation-duration: max(calc(var(--t-animate-text-duration, .75s) - .2s),0s);
    animation-duration: max(calc(var(--t-animate-text-duration, .75s) - .2s),0s);
    -webkit-animation-name: textWhitespaceFadeIn;
    animation-name: textWhitespaceFadeIn;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.t396 .t-animate[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
.t396 .t-animate[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
.t396 .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word,
.t396 .t-animate[data-animate-style=word-fade-in-down] .t-animate__word,
.t396 .t-animate[data-animate-style=word-fade-in-left] .t-animate__word,
.t396 .t-animate[data-animate-style=word-fade-in-right] .t-animate__word,
.t396 .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word,
.t396 .t-animate[data-animate-style=word-fade-in-up] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
.tn-artboard .t-animate[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
.tn-artboard .t-animate[data-animate-style=line-fade-in-up-masked] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-down] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-left] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-right] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-up-masked] .t-animate__word,
.tn-artboard .t-animate[data-animate-style=word-fade-in-up] .t-animate__word {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.t396 .t-animate_started[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
.t396 .t-animate_started[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
.t396 .t-animate_started[data-animate-style=line-fade-in-up-masked] .t-animate__word,
.t396 .t-animate_started[data-animate-style=word-fade-in-down] .t-animate__word,
.t396 .t-animate_started[data-animate-style=word-fade-in-left] .t-animate__word,
.t396 .t-animate_started[data-animate-style=word-fade-in-right] .t-animate__word,
.t396 .t-animate_started[data-animate-style=word-fade-in-up-masked] .t-animate__word,
.t396 .t-animate_started[data-animate-style=word-fade-in-up] .t-animate__word,
.tn-artboard .t-animate_started[data-animate-style=line-fade-in-left-gradient] .t-animate__line,
.tn-artboard .t-animate_started[data-animate-style=line-fade-in-right-gradient] .t-animate__line,
.tn-artboard .t-animate_started[data-animate-style=line-fade-in-up-masked] .t-animate__word,
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-down] .t-animate__word,
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-left] .t-animate__word,
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-right] .t-animate__word,
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-up-masked] .t-animate__word,
.tn-artboard .t-animate_started[data-animate-style=word-fade-in-up] .t-animate__word {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.t-animate-for-wrapper .t-animate:not(.t-animate_started) {
    opacity: 0!important;
    transition-duration: 0s!important;
}

.t-animate__overflow-x-hidden {
    overflow-x: hidden;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(110%);
        transform: translateY(110%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(110%);
        transform: translateY(110%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(36px);
        transform: translateX(36px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(36px);
        transform: translateX(36px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-36px);
        transform: translateX(-36px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-36px);
        transform: translateX(-36px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes textFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(var(--t-animate-text-distance,110%));
        transform: translateY(var(--t-animate-text-distance,110%));
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes textFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(var(--t-animate-text-distance,110%));
        transform: translateY(var(--t-animate-text-distance,110%));
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes textFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(calc(var(--t-animate-text-distance, 110%)*-1));
        transform: translateY(calc(var(--t-animate-text-distance, 110%)*-1));
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes textFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(calc(var(--t-animate-text-distance, 110%)*-1));
        transform: translateY(calc(var(--t-animate-text-distance, 110%)*-1));
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes textFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(var(--t-animate-text-distance,36px));
        transform: translateX(var(--t-animate-text-distance,36px));
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes textFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(var(--t-animate-text-distance,36px));
        transform: translateX(var(--t-animate-text-distance,36px));
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes textFadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(calc(var(--t-animate-text-distance, 36px)*-1));
        transform: translateX(calc(var(--t-animate-text-distance, 36px)*-1));
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes textFadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(calc(var(--t-animate-text-distance, 36px)*-1));
        transform: translateX(calc(var(--t-animate-text-distance, 36px)*-1));
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes textWhitespaceFadeIn {
    0%,
    60% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes textWhitespaceFadeIn {
    0%,
    60% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInLeftGradient {
    0% {
        clip-path: inset(0 0 0 100%);
        -webkit-clip-path: inset(0 0 0 100%);
        display: inline-block;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    99% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        display: inline-block;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        clip-path: none;
        -webkit-clip-path: none;
        display: inline;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftGradient {
    0% {
        clip-path: inset(0 0 0 100%);
        -webkit-clip-path: inset(0 0 0 100%);
        display: inline-block;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    99% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        display: inline-block;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        clip-path: none;
        -webkit-clip-path: none;
        display: inline;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRightGradient {
    0% {
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0);
        display: inline-block;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    99% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        display: inline-block;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        clip-path: none;
        -webkit-clip-path: none;
        display: inline;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightGradient {
    0% {
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0);
        display: inline-block;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    99% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        display: inline-block;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        clip-path: none;
        -webkit-clip-path: none;
        display: inline;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}