/* text-pop-up-top */
/* ======================================================================= */
@-webkit-keyframes text-pop-up-top {
    0% {
        transform: translateY(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(-50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

@keyframes text-pop-up-top {
    0% {
        transform: translateY(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(-50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-top {
    -webkit-animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* End of text-pop-up-top */
/* ======================================================================= */


/* indecation-down-infinit */
/* ======================================================================= */

@-webkit-keyframes indecation-down-infinit {
    0% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(100%);
        /* transform: scale(1.5) translateX(-3rem) rotate(-90deg); */
    }

    60% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes indecation-down-infinit {
    0% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(50%);
        /* transform: scale(1.5) translateX(-3rem) rotate(-90deg); */
    }

    60% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

.indecation-down-infinit {
    -webkit-animation: indecation-down-infinit 2s infinite;
    animation: indecation-down-infinit 2s infinite;
}

@-webkit-keyframes ribbon-slide {
    0% {
        transform: translateX(100.5%);
    }

    100% {
        transform: translateX(-100.5%);
    }
}

@keyframes ribbon-slide {
    0% {
        transform: translateX(100.5%);
    }

    100% {
        transform: translateX(-100.5%);
    }
}

.ribbon-slide {
    transform: translateX(100%);
    -webkit-animation: slide 18s linear infinite;
    animation: ribbon-slide 18s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.ribbon-slide:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.ribbon-slide-container {
    position: fixed;
    bottom: 0;
    z-index: 1000;
}

/* End od indecation-down-infinit */
/* ======================================================================= */


/* txID submission text */

@-webkit-keyframes tx-id-submission-animation {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 100;
    }

    90% {
        opacity: 100;
    }

    100% {
        opacity: 0;
    }
}

@keyframes tx-id-submission-animation {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 100;
    }

    90% {
        opacity: 100;
    }

    100% {
        opacity: 0;
    }
}

.tx-id-submission-animation {
    -webkit-animation: tx-id-submission-animation 2.5s ease-in-out infinite;
    animation: tx-id-submission-animation 2.5s ease-in-out infinite;
}

@-webkit-keyframes minur-pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes minur-pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.changing-opacity {
    /* color: #d9534f !important; */
    /* bootstrap-style red */
    -webkit-animation: minur-pulse 2.5s ease-in-out infinite;
    animation: minur-pulse 2.5s ease-in-out infinite;
}