/* The pop-up in the middle of the page while files are sent and read, and the "everything is ready" message. */
dialog.reading-pop { width: min(30rem, 94vw); text-align: center; }
dialog.reading-pop header { justify-content: center; }
dialog.reading-pop header h2 { font-size: 1.25rem; }
.reading-pop .rp-head { display: flex; flex-direction: column; align-items: center; gap: 0.9rem; margin: 0.4rem 0 1rem; }
.reading-pop .rp-line { margin: 0; font-size: 1.05rem; font-weight: 800; overflow-wrap: anywhere; }
.reading-pop .rp-count { margin: 0.5rem 0 0; font-weight: 700; }
.reading-pop progress { width: 100%; height: 0.8rem; }
.reading-pop .rp-wait { margin: 1rem 0 0.4rem; font-size: 0.9375rem; text-align: left; }
.reading-pop .rp-note { margin: 0.3rem 0 0; font-size: 0.8125rem; text-align: left; }
.reading-pop footer { justify-content: center; flex-wrap: wrap; }
.spin.big { width: 3rem; height: 3rem; border-width: 5px; }
.rp-badge { display: inline-flex; align-items: center; justify-content: center; width: 3.4rem; height: 3.4rem; border-radius: 50%; font-size: 1.9rem; font-weight: 900; color: #fff; }
.rp-badge.ok { background: var(--good); }
.rp-badge.warn { background: var(--sun); color: var(--sun-ink); }
dialog.reading-pop.ok .dlg { border-top: 6px solid var(--good); }
dialog.reading-pop.warn .dlg { border-top: 6px solid var(--sun); }
@media (prefers-reduced-motion: reduce) { .spin.big { animation-duration: 2.4s; } }