/* WP PWA Frontend CSS */

#wp-pwa-ios-modal {
    animation: fadeIn 0.3s ease-in-out;
}

#wp-pwa-ios-modal > div {
    animation: slideUp 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { background: rgba(0,0,0,0); }
    to { background: rgba(0,0,0,0.8); }
}

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}