.OfflineBanner_bannerWrapper__Eofw9{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 12px);left:0;right:0;z-index:var(--z-system-banner,9500);display:flex;justify-content:center;align-items:center;padding:0 16px;pointer-events:none}.OfflineBanner_capsule__hJPAN{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:9999px;background:rgba(18,20,29,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 12px 32px -4px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15);color:#ffffff;max-width:min(92vw,420px);-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.OfflineBanner_capsuleOffline__YLidX{border:1px solid rgba(244,63,94,.35);box-shadow:0 12px 32px -4px rgba(0,0,0,.5),0 0 24px rgba(244,63,94,.18),inset 0 1px 0 rgba(255,255,255,.15)}.OfflineBanner_capsuleOnline__gOHfg{background:rgba(6,78,59,.92);border:1px solid rgba(52,211,153,.4);box-shadow:0 12px 32px -4px rgba(0,0,0,.4),0 0 24px rgba(16,185,129,.25),inset 0 1px 0 rgba(255,255,255,.2)}.OfflineBanner_iconBeacon__SHkZm{flex-shrink:0}.OfflineBanner_iconBeacon__SHkZm,.OfflineBanner_iconCircle__DIuhm{position:relative;display:flex;align-items:center;justify-content:center}.OfflineBanner_iconCircle__DIuhm{z-index:2;width:28px;height:28px;border-radius:50%;transition:background .2s ease,color .2s ease}.OfflineBanner_capsuleOffline__YLidX .OfflineBanner_iconCircle__DIuhm{background:rgba(244,63,94,.18);color:#fb7185}.OfflineBanner_capsuleOnline__gOHfg .OfflineBanner_iconCircle__DIuhm{background:rgba(16,185,129,.25);color:#34d399}.OfflineBanner_beaconPulseRing__Z5byN{position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(244,63,94,.5);animation:OfflineBanner_radarPulse__Onmmh 2s cubic-bezier(0,0,.2,1) infinite;pointer-events:none;z-index:1}@keyframes OfflineBanner_radarPulse__Onmmh{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.8);opacity:0}}.OfflineBanner_content__22o14{display:flex;flex-direction:column;min-width:0;text-align:left;padding-right:4px}.OfflineBanner_title__Nmaqx{font-family:"Plus Jakarta Sans",var(--font-sans,system-ui,-apple-system,sans-serif);font-size:12.5px;font-weight:800;color:#ffffff;line-height:1.25;letter-spacing:-.01em;white-space:nowrap}.OfflineBanner_subtitle__aPK4c{font-family:var(--font-sans,system-ui,-apple-system,sans-serif);font-size:11px;font-weight:500;color:#94a3b8;line-height:1.2;white-space:nowrap}.OfflineBanner_capsuleOnline__gOHfg .OfflineBanner_subtitle__aPK4c{color:#a7f3d0}.OfflineBanner_retryBtn__N_eA2{display:flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:9999px;color:#ffffff;font-family:"Plus Jakarta Sans",var(--font-sans,system-ui,-apple-system,sans-serif);font-size:11.5px;font-weight:700;cursor:pointer;outline:none;flex-shrink:0;transition:background .15s ease,transform .15s ease,border-color .15s ease}.OfflineBanner_retryBtn__N_eA2:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28)}.OfflineBanner_retryBtn__N_eA2:active{transform:scale(.94);background:rgba(255,255,255,.22)}.OfflineBanner_retryBtn__N_eA2:disabled{opacity:.8;cursor:default}.OfflineBanner_onlineBadge__pHhN4{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(52,211,153,.25);color:#a7f3d0;flex-shrink:0}.OfflineBanner_spinner__6zRm9{animation:OfflineBanner_spin__yVzv8 .8s linear infinite}@keyframes OfflineBanner_spin__yVzv8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}