.pwa-install-prompt,.pwa-update-prompt{background:#fff;border:.0625rem solid #e0e0e0;border-radius:.75rem;bottom:1.25rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.15);max-width:30rem;opacity:0;position:fixed;right:1.25rem;transform:translateY(1.25rem);transition:all .3s ease;z-index:10000}.pwa-install-prompt.show,.pwa-update-prompt.show{opacity:1;transform:translateY(0)}@media(max-width:30rem){.pwa-install-prompt,.pwa-update-prompt{bottom:1.25rem;left:1.25rem;max-width:none;right:1.25rem}}.pwa-prompt-content{padding:1.25rem;position:relative}.pwa-prompt-content .pwa-prompt-icon{align-items:center;background:#0073aa;border-radius:50%;color:#fff;display:flex;height:2.5rem;justify-content:center;margin:0 auto 1rem;width:2.5rem}.pwa-prompt-content .pwa-prompt-icon svg{height:1.25rem;width:1.25rem}.pwa-prompt-content .pwa-prompt-text{margin-bottom:1.25rem;text-align:center}.pwa-prompt-content .pwa-prompt-text p{color:#333;font-size:.875rem;line-height:1.5;margin:0}.pwa-prompt-content .pwa-prompt-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pwa-prompt-content .pwa-prompt-buttons button{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;min-width:5rem;padding:.625rem 1.125rem;transition:all .2s ease}.pwa-prompt-content .pwa-prompt-buttons button:focus{outline:.125rem solid #0073aa;outline-offset:.125rem}.pwa-prompt-content .pwa-prompt-buttons .pwa-install-button,.pwa-prompt-content .pwa-prompt-buttons .pwa-update-button{background:#0073aa;color:#fff}.pwa-prompt-content .pwa-prompt-buttons .pwa-install-button:hover,.pwa-prompt-content .pwa-prompt-buttons .pwa-update-button:hover{background:#005a87;transform:translateY(-.0625rem)}.pwa-prompt-content .pwa-prompt-buttons .pwa-install-button:active,.pwa-prompt-content .pwa-prompt-buttons .pwa-update-button:active{transform:translateY(0)}.pwa-prompt-content .pwa-prompt-buttons .pwa-dismiss-button{background:#f0f0f0;color:#666}.pwa-prompt-content .pwa-prompt-buttons .pwa-dismiss-button:hover{background:#e0e0e0;color:#333}.pwa-prompt-content .pwa-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.125rem;height:1.75rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:1.75rem}.pwa-prompt-content .pwa-close-button:hover{background:#f0f0f0;color:#333}.pwa-prompt-content .pwa-close-button:focus{outline:.125rem solid #0073aa;outline-offset:.125rem}.pwa-update-prompt .pwa-prompt-icon{background:#f56500}.pwa-update-prompt .pwa-prompt-icon svg{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pwa-connection-status{background:#fff;border:.0625rem solid #e0e0e0;border-radius:1.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.1);left:50%;opacity:0;padding:.75rem 1.25rem;position:fixed;top:1.25rem;transform:translateX(-50%) translateY(-1.25rem);transition:all .3s ease;z-index:10001}.pwa-connection-status.show{opacity:1;transform:translateX(-50%) translateY(0)}.pwa-connection-status.pwa-status-online{background:#e8f5e8;border-color:#46b450;color:#2e7d32}.pwa-connection-status.pwa-status-offline{background:#ffebee;border-color:#f44336;color:#c62828}@media(max-width:30rem){.pwa-connection-status{left:1.25rem;transform:translateY(-1.25rem)}.pwa-connection-status.show{transform:translateY(0)}}.pwa-status-content{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.pwa-status-content .pwa-status-icon{font-size:1rem}.wp-pwa-offline-page{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.wp-pwa-offline-page .wp-pwa-offline-content{max-width:25rem}.wp-pwa-offline-page .wp-pwa-offline-content h1{color:#333;font-size:2rem;margin-bottom:1rem}.wp-pwa-offline-page .wp-pwa-offline-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.wp-pwa-offline-page .wp-pwa-offline-content .wp-pwa-retry-button{background:#0073aa;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.wp-pwa-offline-page .wp-pwa-offline-content .wp-pwa-retry-button:hover{background:#005a87;transform:translateY(-.0625rem)}.wp-pwa-offline-page .wp-pwa-offline-content .wp-pwa-retry-button:focus{outline:.125rem solid #0073aa;outline-offset:.125rem}.wp-pwa-offline-page .wp-pwa-offline-content .wp-pwa-retry-button:active{transform:translateY(0)}.pwa-loading-spinner{animation:spin 1s linear infinite;border:.125rem solid #f3f3f3;border-radius:50%;border-top-color:#0073aa;display:inline-block;height:1rem;width:1rem}@media(max-width:48rem){.pwa-install-prompt .pwa-prompt-buttons,.pwa-update-prompt .pwa-prompt-buttons{flex-direction:column}.pwa-install-prompt .pwa-prompt-buttons button,.pwa-update-prompt .pwa-prompt-buttons button{width:100%}}@media(prefers-contrast:high){.pwa-install-prompt,.pwa-update-prompt{border:.125rem solid #000;box-shadow:0 .25rem 1rem rgba(0,0,0,.5)}.pwa-prompt-content .pwa-install-button,.pwa-prompt-content .pwa-update-button{border:.125rem solid #000}.pwa-prompt-content .pwa-dismiss-button{border:.125rem solid #666}}@media(prefers-reduced-motion:reduce){.pwa-connection-status,.pwa-install-prompt,.pwa-update-prompt{transition:opacity .1s ease}.pwa-prompt-icon svg{animation:none}.pwa-loading-spinner{animation:none;border-top-color:#0073aa}}@media(prefers-color-scheme:dark){.pwa-install-prompt,.pwa-update-prompt{background:#2d2d2d;border-color:#444;color:#fff}.pwa-install-prompt .pwa-prompt-text p,.pwa-update-prompt .pwa-prompt-text p{color:#e0e0e0}.pwa-install-prompt .pwa-dismiss-button,.pwa-update-prompt .pwa-dismiss-button{background:#444;color:#e0e0e0}.pwa-install-prompt .pwa-dismiss-button:hover,.pwa-update-prompt .pwa-dismiss-button:hover{background:#555}.pwa-install-prompt .pwa-close-button,.pwa-update-prompt .pwa-close-button{color:#e0e0e0}.pwa-install-prompt .pwa-close-button:hover,.pwa-update-prompt .pwa-close-button:hover{background:#444;color:#fff}.pwa-connection-status{background:#2d2d2d;border-color:#444}.pwa-connection-status.pwa-status-online{background:#1b4332;border-color:#46b450;color:#81c784}.pwa-connection-status.pwa-status-offline{background:#4a1c1c;border-color:#f44336;color:#ef9a9a}.wp-pwa-offline-page .wp-pwa-offline-content h1{color:#e0e0e0}.wp-pwa-offline-page .wp-pwa-offline-content p{color:#bbb}}
