.offline-sync-button{position:static;display:inline-block;width:auto;margin:8px 0;min-height:44px;border:0;background:transparent;color:#173e36;padding:8px 0;font:500 14px system-ui;cursor:pointer}.offline-sync-panel{max-width:560px;width:calc(100% - 3rem);max-height:80vh;border:1px solid #aaa;border-radius:18px;padding:1.2rem;color:#172a32;background:#fafaf7;font:16px system-ui}.offline-sync-panel::backdrop{background:#0007}.offline-sync-panel button{font:inherit;padding:.65rem;margin:.4rem;border:1px solid #b7c5c0;border-radius:8px;background:#eef3f0;color:#173e36;cursor:pointer}.offline-sync-panel section{border-top:1px solid #ccd6d1;padding:.8rem 0}.offline-sync-panel label{display:block;margin:.6rem 0}.offline-sync-panel select{font:inherit;max-width:100%;display:block;padding:.5rem}.offline-sync-panel h3{overflow-wrap:anywhere}

.offline-sync-panel h2{font:700 24px/1.2 system-ui;color:#172a32}.offline-sync-panel h3{font:600 18px/1.3 system-ui;color:#172a32}.offline-sync-panel{box-sizing:border-box;overflow:auto}.offline-sync-panel input[type=file]{max-width:100%;font:16px system-ui}.offline-sync-panel a{display:block;margin:12px 0;color:#20569a}

html:root button.offline-sync-button{color:#173e36!important}html:root .offline-sync-panel button{color:#173e36!important}

.offline-sync-panel{border-radius:12px;padding:18px;max-width:440px;font-size:14px;line-height:1.5}.offline-sync-panel h2{font:600 20px system-ui;margin:0 0 12px}.offline-sync-panel p{margin:8px 0}.offline-advanced{border-top:1px solid #d5ddd8;margin-top:16px;padding-top:8px}.offline-advanced summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.offline-advanced button{display:block;width:calc(100% - 12px);text-align:left}.offline-advanced label{font-size:13px}