@keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
}
  
.animated.fadeInRight {
    animation-name: fadeInRight;
    animation-duration: var(--mv-ani-order-1-duration, 1s);
    animation-timing-function: linear;
    animation-delay: var(--mv-ani-order-1-delay, 0);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}
  
.animated.fadeIn {
    animation-name: fadeIn;
    animation-delay: var(--mv-ani-order-2-delay, 1s);
    animation-duration: var(--mv-ani-order-2-duration, 1s);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes extendBGLeftFadeIn {
    from {
        opacity: 0;
        background-position: right; 
    }
  
    to {
        opacity: 1;
        background-position: left;
    }
}

.animated.extendBGLeftFadeIn {
    animation-name: extendBGLeftFadeIn;
    animation-duration: var(--mv-ani-order-4-duration, .5s);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes visible {
    from {
        visibility: visible;
    }
  
    to {
        visibility: visible;
    }
}

.animated.mvVisible {
    animation-name: visible;
    animation-duration: var(--mv-ani-order-5-duration, .1s);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes extendBGLeft {
    from {
        background-position: right; 
    }
  
    to {
        background-position: left;
    }
}

.animated.extendBGLeft {
    animation-name: extendBGLeft;
    animation-duration: var(--mv-ani-order-6-duration, .5s);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/* SVG */
.mv-keyword-svg linearGradient {
    display:none;
}
.mv-keyword-svg path {
    fill:#000;
}
.mv-keyword-svg.shineSVG linearGradient {
    display:initial;
}
.mv-keyword-svg.shineSVG path {
    fill:url(#linearGradient);
}