* {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    body {
        font-family: 'Plus Jakarta Sans', sans-serif
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    ::-webkit-scrollbar-thumb {
        background: #6366f1;
        border-radius: 10px
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-8px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @keyframes scaleIn {
        from {
            opacity: 0;
            transform: scale(.9)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    @keyframes float {

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

        50% {
            transform: translateY(-8px)
        }
    }

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

    @keyframes toastIn {
        from {
            transform: translateX(120%);
            opacity: 0
        }

        to {
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes pulse {

        0%,
        100% {
            opacity: 1
        }

        50% {
            opacity: .5
        }
    }

    .slide-down {
        animation: slideDown .25s ease
    }

    .scale-in {
        animation: scaleIn .3s ease
    }

    .floating {
        animation: float 3s ease-in-out infinite
    }

    .toast-anim {
        animation: toastIn .4s ease
    }

    .spin-icon {
        animation: spin 1s linear
    }

    .pulse-live {
        animation: pulse 2s infinite
    }