.wp-dark-mode-switch-effect {

    &-wobble {
        animation: wobble 1s linear 2;
    }

    @keyframes wobble {
        0% {
            transform: rotate(0deg);
        }
        15% {
            transform: rotate(-5deg);
        }
        30% {
            transform: rotate(3deg);
        }
        45% {
            transform: rotate(-3deg);
        }
        60% {
            transform: rotate(2deg);
        }
        75% {
            transform: rotate(-1deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }

    // vibrate
    &-vibrate {
        animation: vibrate 0.3s linear 4;
    }

    @keyframes vibrate {
        0% {
            transform: translateX(0);
        }
        25% {
            transform: translateX(2px); /* Shift the element to the right */
        }
        50% {
            transform: translateX(-2px); /* Shift the element to the left */
        }
        75% {
            transform: translateX(2px); /* Shift the element to the right again */
        }
        100% {
            transform: translateX(0); /* Back to the initial position */
        }
    }
    

    // flicker
    &-flicker {
        animation: flicker 0.6s linear 1;
    }

    @keyframes flicker {
        0% {
            opacity: 1;
        }
        25% {
            opacity: 0.5;
        }
        50% {
            opacity: 1;
        }
        75% {
            opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }

    // shake
    &-shake {
        animation: shake 0.3s linear 1;
    }

    @keyframes shake {
        0% {
            transform: translate(0px);
        }
        25% {
            transform: translate(-2px, 0px);
        }
        50% {
            transform: translate(0px);
        }
        75% {
            transform: translate(2px, 0px);
        }
        100% {
            transform: translate(0px);
        }
    }

    // jello
    &-jello {
        animation: jello 0.9s 1;
    }

    @keyframes jello {
        0% {
            transform: scale3d(1, 1, 1);
        }
        30% {
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            transform: scale3d(1.05, 0.95, 1);
        }
        100% {
            transform: scale3d(1, 1, 1);
        }
    }

    // bounce
    &-bounce {
        animation: bounce 1s linear 1;
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-30px);
        }
        55% {
            transform: translateY(0);
        }
        65% {
            transform: translateY(-15px);
        }
        75% {
            transform: translateY(0);
        }
    }
    
    

    // heartbeat
    &-heartbeat {
        animation: heartbeat 1s linear 1;
    }

    @keyframes heartbeat {
        0% {
            transform: scale(1);
        }
        25% {
            transform: scale(1.1);
        }
        50% {
            transform: scale(1);
        }
        75% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    // blink
    &-blink {
        animation: blink .3s linear 1;
    }

    @keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }


}