/* PWA Update Notification Styles */

@keyframes slide-up {
    from {
        transform: translate(-50%, calc(100% + 20px));
        opacity: 0;
    }
    to {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.animate-slide-up {
    animation: slide-up 0.3s ease-out forwards;
}

/* Update notification specific styles */
#update-notification {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

#update-notification button {
    transition: all 0.2s ease;
}

#update-notification button:active {
    transform: scale(0.95);
}