/* Custom keyframe animation for fade-in effect on tab switch */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.animate-fade-in {
    animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Glassmorphism Utilities */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.dark .glass {
    background: rgba(17, 24, 39, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Dynamic Wander Animation */
@keyframes wander {
    0% {
        transform: translate(0, 0) scale(1);
    }

    33% {
        transform: translate(var(--tx1), var(--ty1)) scale(var(--s1));
    }

    66% {
        transform: translate(var(--tx2), var(--ty2)) scale(var(--s2));
    }

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

.animate-wander {
    animation: wander var(--duration) ease-in-out infinite;
    animation-delay: var(--delay);
}