.nano-pwa-offline{margin:0;min-height:100vh;min-height:100dvh;background:#101014;color:#fff;font-family:Electrolize,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.nano-pwa-offline [hidden],.nano-pwa-offline-notice[hidden]{display:none!important}
.nano-pwa-offline #nano-pwa-offline-view{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:100vh;min-height:100dvh;padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));text-align:center;overflow-wrap:anywhere}
.nano-pwa-offline #nano-pwa-offline-view h1{margin:0;max-width:680px;font-size:clamp(24px,4vw,36px);font-weight:600;line-height:1.25;color:inherit}
.nano-pwa-offline #nano-pwa-offline-view p{margin:0;max-width:580px;font-size:16px;line-height:1.65;color:inherit}
.nano-pwa-offline #nano-pwa-offline-view [data-offline-logo]{object-fit:contain;max-width:min(70vw,192px);max-height:30vh;height:auto}
.nano-pwa-offline #nano-pwa-offline-status{min-height:1.65em;font-size:13px!important}
.nano-pwa-offline #nano-pwa-offline-retry,.nano-pwa-offline-notice-controls button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #92171b;border-radius:9px;background:#92171b;color:#fff;font:600 14px/1.5 Electrolize,system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:none;transition:background-color .15s ease}
.nano-pwa-offline #nano-pwa-offline-retry{max-width:100%;white-space:normal;overflow-wrap:anywhere;border-color:var(--npwa-offline-button-bg,#92171b);border-radius:var(--npwa-offline-button-radius,9px);background:var(--npwa-offline-button-bg,#92171b);color:var(--npwa-offline-button-color,#ffffff)}
.nano-pwa-offline #nano-pwa-offline-retry:hover{border-color:var(--npwa-offline-button-hover-bg,#741216);background:var(--npwa-offline-button-hover-bg,#741216);color:var(--npwa-offline-button-hover-color,#ffffff)}
.nano-pwa-offline-notice-controls button:hover{background:#741216;color:#fff}
.nano-pwa-offline #nano-pwa-offline-retry[aria-disabled=true],.nano-pwa-offline-notice-controls button:disabled{cursor:wait;opacity:.7}
.nano-pwa-offline #nano-pwa-offline-retry:focus-visible{outline:3px solid #101014;outline-offset:5px;box-shadow:0 0 0 3px #fff}
.nano-pwa-offline-notice{box-sizing:border-box;position:fixed;inset:auto max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) auto;width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;z-index:100010;padding:21px 54px 20px 22px;border:1px solid #d5dbe5;border-inline-start:4px solid #92171b;border-radius:14px;background:#fff;color:#172033;box-shadow:0 8px 36px rgb(16 24 40 / 20%);font:14px/1.6 Electrolize,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:start;overflow-wrap:anywhere}
.nano-pwa-offline-notice>strong{display:block;margin:0 0 8px;color:#172033;font:600 16px/1.45 Electrolize,system-ui,sans-serif}
.nano-pwa-offline-notice>p{margin:0 0 14px;color:#344054;font:inherit}
.nano-pwa-offline-notice-controls{display:flex;flex-wrap:wrap;gap:8px}
.nano-pwa-offline-notice .nano-pwa-offline-dismiss{position:absolute;inset:10px 10px auto auto;display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;border:1px solid #d5dbe5;border-radius:50%;background:#fff;color:#475467;cursor:pointer;box-shadow:none}
.nano-pwa-offline-dismiss::before,.nano-pwa-offline-dismiss::after{content:"";position:absolute;width:14px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.nano-pwa-offline-dismiss::after{transform:rotate(-45deg)}
.nano-pwa-offline-notice .nano-pwa-offline-dismiss:hover{background:#f5f7fa;color:#172033}
.nano-pwa-offline-notice button:focus-visible{outline:3px solid #92171b;outline-offset:3px}
.nano-pwa-offline-notice .nano-pwa-offline-notice-status{margin:10px 0 0;font-size:12px}
.nano-pwa-offline-notice .nano-pwa-offline-notice-status:empty{display:none}
.nano-pwa-offline-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[dir=rtl] .nano-pwa-offline-notice{inset-inline-end:max(18px,env(safe-area-inset-left));inset-inline-start:auto;padding-inline-start:22px;padding-inline-end:54px}
[dir=rtl] .nano-pwa-offline-notice .nano-pwa-offline-dismiss{right:auto;left:10px}
@media(max-height:420px){.nano-pwa-offline #nano-pwa-offline-view{gap:12px;padding-top:20px;padding-bottom:20px}.nano-pwa-offline #nano-pwa-offline-view [data-offline-logo],.nano-pwa-offline .nano-pwa-animation{max-height:22vh}}
@media(prefers-reduced-motion:reduce){.nano-pwa-offline #nano-pwa-offline-retry,.nano-pwa-offline-notice button{transition:none}}
