/* Animasi masuk untuk modal dan transisi tab */
.animate-fade-in {
    animation: fadeIn 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

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

/* Kustomisasi scrollbar khusus untuk modal donasi agar rapi saat kontennya panjang */
#modal-donasi .overflow-y-auto::-webkit-scrollbar {
    width: 6px;
}

#modal-donasi .overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
}

#modal-donasi .overflow-y-auto::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 20px;
}