.pwa-install-dialog { border: 0; border-radius: 1.25rem; box-shadow: 0 24px 64px rgb(0 0 0 / .28); color: #111827; max-width: min(22rem, calc(100vw - 2rem)); padding: 1.5rem; text-align: center; }
.pwa-install-dialog::backdrop { background: rgb(17 24 39 / .6); }
.pwa-install-icon { border-radius: 1.125rem; display: block; height: 6rem; margin: 0 auto 1rem; width: 6rem; }
.pwa-install-dialog h2 { font-size: 1.25rem; margin: 0; }.pwa-install-dialog p { color: #4b5563; line-height: 1.5; margin: .65rem 0; }
.pwa-install-dialog-actions { display: grid; gap: .65rem; margin-top: 1.25rem; }.pwa-install-dialog button, .pwa-update button { background: #4f46e5; border: 0; border-radius: .6rem; color: #fff; cursor: pointer; font: inherit; font-size: .875rem; font-weight: 700; padding: .7rem .875rem; }.pwa-install-dialog .pwa-install-dismiss { background: transparent; color: #4b5563; }
.pwa-update { align-items: center; background: #111827; border-radius: .75rem; bottom: 1rem; box-shadow: 0 12px 28px rgb(0 0 0 / .24); color: #fff; display: flex; font: 500 .875rem/1.35 ui-sans-serif, system-ui, sans-serif; gap: .8rem; left: 50%; max-width: calc(100vw - 2rem); padding: .75rem .85rem .75rem 1rem; position: fixed; transform: translateX(-50%); width: max-content; z-index: 100; }
.pwa-update button { background: #fff; color: #312e81; padding: .45rem .7rem; }
@media (max-width: 640px) { .pwa-update { bottom: 1.25rem; } }