.offline-runtime-notice { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 9px 18px; color: #744017; background: #fff5e4; border-bottom: 1px solid #ead7bc; font-family: "Source Sans 3","Noto Sans Devanagari",sans-serif; font-size: .8rem; line-height: 1.7; }
.offline-runtime-notice i { flex: 0 0 auto; }
.offline-runtime-notice.is-disconnected { color: #71420b; background: #fff0cf; }
.offline-runtime-notice:focus-visible { outline: 3px solid #a33d0a; outline-offset: -3px; }
.high-contrast .offline-runtime-notice { color: #fff; background: #000; border-color: #ffea00; }
@media(max-width:575px) { .offline-runtime-notice { align-items: flex-start; justify-content: flex-start; font-size: .72rem; padding: 8px 16px; } }
@media print { .offline-runtime-notice { display: none !important; } }