/*
* Animate.css v1.0.2
* Author: Utsab Roy
* Author URI: https://pixll.dev/
*/

@media (min-width: 640px) {
    .scroll-t {
        overflow: visible;
        overflow-x: clip;
    }

    .scroll-t:not(.scroll-ready) {
        opacity: 0;
    }
}

.animated {
    position: relative;
    /* overflow-x: clip; */
    /* --dur: 2; */
}

.animated:not(.start) .reveal-c,
.animated:not(.ready) {
    opacity: 0 !important;
    pointer-events: none;
}

.reveal-short {
    --dur: 0.2;
}

.reveal-mid {
    --dur: 0.6;
}

.reveal-long {
    --dur: 1.4;
}

.animated .reveal {
    opacity: 0;
    animation-delay: calc(var(--delay, 0s) * var(--dur, 0.8)) !important;
}

.animated .reveal-c_item {
    position: relative;
    opacity: 0;
    animation-delay: var(--_delay, 0s) !important;
}

.animated.start .reveal {
    animation: reveal var(--revealDur, 0.8s) var(--revealTF, cubic-bezier(.5, 1, .5, 1)) forwards;
    will-change: opacity, transform;
}

.animated.start .reveal-c_item {
    animation: reveal var(--revealDur, 0.6s) var(--revealTF, cubic-bezier(.5, 1, .5, 1)) forwards;
    will-change: opacity, transform;
}

.split-c {
    --revealTF: cubic-bezier(.5, 1.5, .6, 1);
}

:where(h1, h2, h3) {
    --revealFrom: translate3d(0, 1em, 0);
}

@keyframes reveal {
    from {
        opacity: 0;
        transform: var(--revealFrom, translate3d(0, 20px, 0));
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* :where(.reveal, .reveal-c).rS1 {
    --revealFrom: translate3d(-20px, 80px, 0px) rotateX(-60deg) rotateY(-20deg) rotateZ(-10deg);
}

:where(.reveal, .reveal-c).rS2 {
    transform-origin: top;
    --revealFrom: rotateX(60deg) rotateY(10deg) rotateZ(-10deg);
}

:where(.reveal, .reveal-c).rDown {
    --revealFrom: translate3d(0, -20px, 0);
}

:where(.reveal, .reveal-c).rLeft {
    --revealFrom: translate3d(-20px, 0, 0);
}

:where(.reveal, .reveal-c).rRight {
    --revealFrom: translate3d(20px, 0, 0);
} */

.i-1 {
    --delay: 0.01s;
}

.i-2 {
    --delay: 0.05s;
}

.i-3 {
    --delay: 0.11s;
}

.i-4 {
    --delay: 0.19s;
}

.i-5 {
    --delay: 0.29s;
}

.i-6 {
    --delay: 0.41s;
}

.i-7 {
    --delay: 0.55s;
}

.i-8 {
    --delay: 0.69s;
}

.i-9 {
    --delay: 0.84s;
}

.i-10 {
    --delay: 1.00s;
}

.i-11 {
    --delay: 1.16s;
}

.i-12 {
    --delay: 1.31s;
}

.i-13 {
    --delay: 1.45s;
}

.i-14 {
    --delay: 1.59s;
}

.i-15 {
    --delay: 1.71s;
}

.i-16 {
    --delay: 1.81s;
}

.i-17 {
    --delay: 1.89s;
}

.i-18 {
    --delay: 1.95s;
}

.i-19 {
    --delay: 1.99s;
}

.i-20 {
    --delay: 2.00s;
}


.scrollingText {
    overflow: hidden;
    contain: layout style paint;
}

.scrollingText .block {
    width: max-content;
    display: flex;
    animation: scroll var(--scroll-duration, 5s) linear infinite;
    will-change: transform;
    backface-visibility: hidden;
}

.scrollingText .block:hover {
    animation-play-state: paused;
}

.scrollingText .block:nth-child(odd) {
    float: right;
}

.scrollingText .block:nth-child(even) {
    --inv: -1;
    float: left;
}

@keyframes scroll {
    to {
        transform: translate3d(calc(var(--scroll-width, 100px) * var(--inv, 1)), 0, 0);
    }
}