.hero-cards-visual-module__m0gyLq__illustration {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 280px;
    height: auto
}

.hero-cards-visual-module__m0gyLq__candlestick {
    opacity: 0;
    animation: .5s ease-out forwards hero-cards-visual-module__m0gyLq__candleRise
}

@keyframes hero-cards-visual-module__m0gyLq__candleRise {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.hero-cards-visual-module__m0gyLq__drawLine {
    stroke-dasharray: 300;
    stroke-dashoffset: 300px;
    animation: 2s ease-out .6s forwards hero-cards-visual-module__m0gyLq__draw
}

.hero-cards-visual-module__m0gyLq__drawCurve {
    stroke-dasharray: 400;
    stroke-dashoffset: 400px;
    animation: 1.8s ease-out .2s forwards hero-cards-visual-module__m0gyLq__drawCurve
}

@keyframes hero-cards-visual-module__m0gyLq__draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes hero-cards-visual-module__m0gyLq__drawCurve {
    to {
        stroke-dashoffset: 0
    }
}

.hero-cards-visual-module__m0gyLq__fadeArea {
    opacity: 0;
    animation: .8s ease-out 1.4s forwards hero-cards-visual-module__m0gyLq__fadeIn
}

.hero-cards-visual-module__m0gyLq__sigmaLine {
    stroke-dasharray: 160;
    stroke-dashoffset: 160px;
    animation: .6s ease-out forwards hero-cards-visual-module__m0gyLq__draw
}

.hero-cards-visual-module__m0gyLq__sigmaLabel {
    opacity: 0;
    animation: .4s ease-out forwards hero-cards-visual-module__m0gyLq__fadeIn
}

.hero-cards-visual-module__m0gyLq__annotation {
    opacity: 0;
    animation: .5s ease-out 1.8s forwards hero-cards-visual-module__m0gyLq__fadeIn
}

@keyframes hero-cards-visual-module__m0gyLq__fadeIn {
    to {
        opacity: 1
    }
}

.hero-cards-visual-module__m0gyLq__codeLine {
    opacity: 0;
    animation: .35s ease-out forwards hero-cards-visual-module__m0gyLq__typeIn
}

@keyframes hero-cards-visual-module__m0gyLq__typeIn {
    0% {
        opacity: 0;
        transform-origin: 0;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform-origin: 0;
        transform: scaleX(1)
    }
}

.hero-cards-visual-module__m0gyLq__cursor {
    animation: 1s step-end infinite hero-cards-visual-module__m0gyLq__blink
}

@keyframes hero-cards-visual-module__m0gyLq__blink {

    0%,
    to {
        opacity: .6
    }

    50% {
        opacity: 0
    }
}

.hero-cards-visual-module__m0gyLq__priceTag {
    opacity: 0;
    animation: .4s ease-out 1.8s forwards hero-cards-visual-module__m0gyLq__fadeIn
}