/* Animaciones de iconos en botones .nav-actions (Login / Registro / Config): solo al :hover del botón. */
.nav-actions .nav-action-icon-vfx-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.nav-actions .nav-action-icon-vfx-wrap i {
    transform-origin: center center;
    will-change: transform, filter;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-1 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-1 i {
    animation: navActIconPulse 1.35s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-2 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-2 i {
    animation: navActIconWiggle 1.1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-3 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-3 i {
    animation: navActIconSpin 2.2s linear infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-4 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-4 i {
    animation: navActIconGlowPulse 1.8s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-5 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-5 i {
    animation: navActIconBounce 0.9s ease infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-6 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-6 i {
    animation: navActIconHue 3s linear infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-7 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-7 i {
    animation: navActIconSwing 1.35s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-8 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-8 i {
    animation: navActIconFlipY 2s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-9 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-9 i {
    animation: navActIconShake 0.65s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-10 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-10 i {
    animation: navActIconBreathe 1.5s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-11 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-11 i {
    animation: navActIconSkew 2s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-12 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-12 i {
    animation: navActIconOrbit 2.8s linear infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-13 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-13 i {
    animation: navActIconRubber 1.1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-14 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-14 i {
    animation: navActIconZoom 1.1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-15 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-15 i {
    animation: navActIconJelly 1.25s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-16 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-16 i {
    animation: navActIconHeartbeat 1.15s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-17 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-17 i {
    animation: navActIconFlash 0.95s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-18 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-18 i {
    animation: navActIconRock 1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-19 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-19 i {
    animation: navActIconFlipX 2.1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-20 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-20 i {
    animation: navActIconBlurPulse 1.65s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-21 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-21 i {
    animation: navActIconSqueezeH 1.2s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-22 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-22 i {
    animation: navActIconDing 1.75s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-23 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-23 i {
    animation: navActIconSlideX 1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-24 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-24 i {
    animation: navActIconFloat 1.45s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-25 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-25 i {
    animation: navActIconNeon 1.15s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-26 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-26 i {
    animation: navActIconTilt3d 2.25s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-27 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-27 i {
    animation: navActIconWave 1.85s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-28 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-28 i {
    transform-origin: 50% 5%;
    animation: navActIconPendulum 1.1s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-29 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-29 i {
    animation: navActIconBoomerang 2s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-30 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-30 i {
    animation: navActIconStretchV 1.25s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-31 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-31 i {
    animation: navActIconDiagonal 1.55s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-32 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-32 i {
    animation: navActIconSpinRev 2.5s linear infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-33 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-33 i {
    animation: navActIconSpiral 2.7s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-34 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-34 i {
    animation: navActIconGlitch 0.88s linear infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-35 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-35 i {
    animation: navActIconTick 1.2s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-36 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-36 i {
    animation: navActIconYoyo 1.1s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-37 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-37 i {
    animation: navActIconBrightSweep 1.4s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-38 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-38 i {
    animation: navActIconRingOut 1.55s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-39 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-39 i {
    animation: navActIconWobbleX 1.35s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-40 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-40 i {
    animation: navActIconZap 0.92s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-41 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-41 i {
    animation: navActIconSeesaw 1.08s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-42 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-42 i {
    animation: navActIconDrift 3.6s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-43 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-43 i {
    transform-origin: 50% 100%;
    animation: navActIconKettle 1.22s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-44 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-44 i {
    animation: navActIconMagnet 1.12s ease-in-out infinite;
}

.nav-actions .btn:hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-45 i,
.nav-actions .btn.is-simulated-hover .nav-action-icon-vfx-wrap.nav-action-icon-vfx-45 i {
    animation: navActIconFirework 1.42s ease-in-out infinite;
}

@keyframes navActIconPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.18);
        opacity: 0.9;
    }
}

@keyframes navActIconWiggle {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(10deg);
    }
}

@keyframes navActIconSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes navActIconGlowPulse {

    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 2px rgba(56, 189, 248, 0.6));
    }

    50% {
        transform: scale(1.12);
        filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.95));
    }
}

@keyframes navActIconBounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes navActIconHue {
    0% {
        filter: hue-rotate(0deg) drop-shadow(0 0 3px #0ea5e9);
    }

    100% {
        filter: hue-rotate(360deg) drop-shadow(0 0 5px #a855f7);
    }
}

@keyframes navActIconSwing {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(16deg);
    }

    75% {
        transform: rotate(-16deg);
    }
}

@keyframes navActIconFlipY {

    0%,
    45%,
    55%,
    100% {
        transform: perspective(120px) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateY(180deg);
    }
}

@keyframes navActIconShake {

    0%,
    100% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-4px) rotate(-5deg);
    }

    40% {
        transform: translateX(4px) rotate(5deg);
    }

    60% {
        transform: translateX(-3px);
    }

    80% {
        transform: translateX(3px);
    }
}

@keyframes navActIconBreathe {

    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.16);
        filter: brightness(1.18);
    }
}

@keyframes navActIconSkew {

    0%,
    100% {
        transform: skewX(0deg) rotate(0deg);
    }

    33% {
        transform: skewX(-8deg) rotate(-5deg);
    }

    66% {
        transform: skewX(8deg) rotate(5deg);
    }
}

@keyframes navActIconOrbit {
    0% {
        transform: rotate(0deg) translateX(3px) rotate(0deg);
    }

    100% {
        transform: rotate(360deg) translateX(3px) rotate(-360deg);
    }
}

@keyframes navActIconRubber {

    0%,
    100% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.12, 0.92);
    }

    45% {
        transform: scale(0.94, 1.06);
    }

    60% {
        transform: scale(1.06);
    }
}

@keyframes navActIconZoom {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.28);
    }
}

@keyframes navActIconJelly {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }

    25% {
        transform: scale(1.1, 0.95) rotate(-4deg);
    }

    50% {
        transform: scale(0.95, 1.12) rotate(4deg);
    }

    75% {
        transform: scale(1.06, 0.98) rotate(-2deg);
    }
}

@keyframes navActIconHeartbeat {

    0%,
    100% {
        transform: scale(1);
    }

    12% {
        transform: scale(1.2);
    }

    24% {
        transform: scale(1);
    }

    36% {
        transform: scale(1.18);
    }

    48% {
        transform: scale(1);
    }
}

@keyframes navActIconFlash {

    0%,
    100% {
        opacity: 1;
        filter: brightness(1);
    }

    25% {
        opacity: 0.82;
        filter: brightness(1.55);
    }

    50% {
        opacity: 1;
        filter: brightness(1);
    }

    75% {
        opacity: 0.88;
        filter: brightness(1.4);
    }
}

@keyframes navActIconRock {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-15deg);
    }

    75% {
        transform: rotate(15deg);
    }
}

@keyframes navActIconFlipX {

    0%,
    45%,
    55%,
    100% {
        transform: perspective(100px) rotateX(0deg);
    }

    50% {
        transform: perspective(100px) rotateX(180deg);
    }
}

@keyframes navActIconBlurPulse {

    0%,
    100% {
        transform: scale(1);
        filter: blur(0);
    }

    50% {
        transform: scale(1.1);
        filter: blur(1.2px);
    }
}

@keyframes navActIconSqueezeH {

    0%,
    100% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.74, 1.16);
    }
}

@keyframes navActIconDing {

    0%,
    100% {
        transform: rotate(0deg) scale(1);
    }

    15% {
        transform: rotate(-26deg) scale(1.06);
    }

    32% {
        transform: rotate(20deg) scale(1.03);
    }

    48% {
        transform: rotate(-14deg);
    }

    64% {
        transform: rotate(9deg);
    }

    80% {
        transform: rotate(-4deg);
    }
}

@keyframes navActIconSlideX {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(8px);
    }
}

@keyframes navActIconFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}

@keyframes navActIconNeon {

    0%,
    100% {
        filter: drop-shadow(0 0 2px #22d3ee) drop-shadow(0 0 6px #a78bfa);
    }

    33% {
        filter: drop-shadow(0 0 9px #f472b6) drop-shadow(0 0 2px #22d3ee);
    }

    66% {
        filter: drop-shadow(0 0 4px #4ade80) drop-shadow(0 0 11px #a78bfa);
    }
}

@keyframes navActIconTilt3d {

    0%,
    100% {
        transform: perspective(80px) rotateX(0deg) rotateY(0deg);
    }

    25% {
        transform: perspective(80px) rotateX(12deg) rotateY(-15deg);
    }

    50% {
        transform: perspective(80px) rotateX(-9deg) rotateY(13deg);
    }

    75% {
        transform: perspective(80px) rotateX(7deg) rotateY(19deg);
    }
}

@keyframes navActIconWave {

    0%,
    100% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(13deg);
    }

    40% {
        transform: rotate(-11deg);
    }

    60% {
        transform: rotate(8deg);
    }

    80% {
        transform: rotate(-7deg);
    }
}

@keyframes navActIconPendulum {

    0%,
    100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(24deg);
    }
}

@keyframes navActIconBoomerang {

    0%,
    100% {
        transform: rotate(0deg) scale(1);
    }

    18% {
        transform: rotate(112deg) scale(1.08);
    }

    38% {
        transform: rotate(-38deg) scale(1.04);
    }

    54% {
        transform: rotate(26deg);
    }

    70% {
        transform: rotate(-14deg);
    }

    85% {
        transform: rotate(5deg);
    }
}

@keyframes navActIconStretchV {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.86, 1.34);
    }
}

@keyframes navActIconDiagonal {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(6px, -6px);
    }
}

@keyframes navActIconSpinRev {
    to {
        transform: rotate(-360deg);
    }
}

@keyframes navActIconSpiral {

    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.2);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes navActIconGlitch {

    0%,
    100% {
        transform: translate(0, 0) skewX(0deg);
    }

    12% {
        transform: translate(-3px, 2px) skewX(-7deg);
    }

    24% {
        transform: translate(4px, -2px) skewX(6deg);
    }

    36% {
        transform: translate(-2px, -2px) skewX(-4deg);
    }

    48% {
        transform: translate(0, 0) skewX(0deg);
    }
}

@keyframes navActIconTick {

    0%,
    100% {
        transform: rotate(0deg);
    }

    12.5% {
        transform: rotate(19deg);
    }

    25% {
        transform: rotate(0deg);
    }

    37.5% {
        transform: rotate(19deg);
    }

    50% {
        transform: rotate(0deg);
    }
}

@keyframes navActIconYoyo {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.26);
    }
}

@keyframes navActIconBrightSweep {

    0%,
    100% {
        filter: brightness(1) saturate(1);
    }

    50% {
        filter: brightness(1.48) saturate(1.4);
    }
}

@keyframes navActIconRingOut {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
        filter: drop-shadow(0 0 0 transparent);
    }

    50% {
        transform: scale(1.26);
        opacity: 0.9;
        filter: drop-shadow(0 0 9px rgba(251, 191, 36, 0.75));
    }
}

@keyframes navActIconWobbleX {

    0%,
    100% {
        transform: perspective(52px) rotateX(0deg);
    }

    50% {
        transform: perspective(52px) rotateX(22deg);
    }
}

@keyframes navActIconZap {

    0%,
    100% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.36);
    }

    28% {
        transform: scale(0.94);
    }

    42% {
        transform: scale(1.3);
    }

    56% {
        transform: scale(1.02);
    }
}

@keyframes navActIconSeesaw {

    0%,
    100% {
        transform: rotate(0deg);
    }

    33% {
        transform: rotate(-23deg);
    }

    66% {
        transform: rotate(23deg);
    }
}

@keyframes navActIconDrift {

    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(5px, -4px);
    }

    50% {
        transform: translate(-4px, -6px);
    }

    75% {
        transform: translate(-6px, 3px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes navActIconKettle {

    0%,
    100% {
        transform: rotate(0deg);
    }

    33% {
        transform: rotate(30deg);
    }

    66% {
        transform: rotate(-26deg);
    }
}

@keyframes navActIconMagnet {

    0%,
    100% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.24);
    }

    70% {
        transform: scale(1.1);
    }
}

@keyframes navActIconFirework {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }

    18% {
        transform: scale(1.42) rotate(16deg);
        opacity: 0.9;
    }

    38% {
        transform: scale(0.84) rotate(-12deg);
        opacity: 1;
    }

    58% {
        transform: scale(1.36) rotate(10deg);
        opacity: 0.93;
    }

    78% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}