.svg-flex-svg-image {
    box-shadow: var(--e-global-box-shadow);
}

/* SVG Gradient */
.svg-flex-svg-image {
    mask-image: linear-gradient(45deg, var(--grad-1), var(--grad-2));
}

/* Scrolling effect */
.svg-scroll-effect {
    animation: svgScroll 6s linear infinite;
}

@keyframes svgScroll {
    from { transform: translateY(0) rotate(var(--rotate)); }
    to   { transform: translateY(-20px) rotate(var(--rotate)); }
}



.svg-full-width {
    width: 100%;
}

.svg-box-width {
    width: auto;
    display: inline-block;
}


@keyframes svgAutoMirror {
    0%   { transform: scaleX(1); }
    50%  { transform: scaleX(-1); }
    100% { transform: scaleX(1); }
}