.drone-wings-faded {
    opacity: 0.8;
    transition: 0.1s linear;
}
.drone-icon-svg-path-wings-blink {
    animation-name: blink;
    animation-duration: 0.25s;
    animation-iteration-count: 9;
    animation-timing-function: linear;
}
@keyframes blink {
    0%,
    100% {
        opacity: 0.4;
    }
    25% {
        opacity: 0.6;
    }
    50% {
        opacity: 0.8;
    }
}
.navigate-icon-rotate {
    animation-name: rotate;
    animation-duration: 4000ms;
    animation-iteration-count: 1;
    animation-timing-function: ease;
}
@keyframes rotate {
    0%,
    100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-25deg);
    }
    75% {
        transform: rotate(25deg);
    }
}
.circle-icon-spin {
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: 2;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.helix-icon-spin {
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: 2;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.rocket-svg-path-up {
    animation-name: up;
    animation-duration: 1500ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
@keyframes up {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-30px);
    }
}
.dollyZoom-svg-path-scale {
    animation-name: dollyZoom-scale;
    animation-duration: 800ms;
    animation-iteration-count: unset;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
@keyframes dollyZoom-scale {
    100% {
        transform: translate(-2.2px, -2.2px) scale(1.2);
    }
}
.animation-icon-blink {
    animation-name: blink;
    animation-duration: 0.25s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
}
@keyframes blink {
    0%,
    100% {
        opacity: 0.15;
    }
    50% {
        opacity: 1;
    }
}

.droneActivated {
    animation: mymove 3s infinite;
}

@keyframes mymove {
    0% {
        color: "";
    }
    50% {
        color: #fa3425;
    }
    100% {
        color: "";
    }
}

.dronoModeColor {
    color: var(--trc-primary);
}