.animate-spin {
    animation: spin 1s linear infinite;
}

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

/* Disabled state for buttons */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Custom alert animations */
#custom-alert {
    transition: opacity 0.3s ease;
}

#custom-alert.hidden {
    opacity: 0;
    pointer-events: none;
}

#custom-alert > div {
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

#custom-alert:not(.hidden) > div {
    transform: scale(1);
}