.offline-bar{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;height:30px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;font-weight:500;letter-spacing:.01em;color:#ffffff;pointer-events:none;transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;will-change:transform;}.offline-bar.is-visible{transform:translateY(0);pointer-events:auto;}.offline-bar.is-offline{background-color:#ff18004f;box-shadow:0 2px 8px rgba(192,57,43,.45);}.offline-bar.is-online{background-color:#80bc008e;box-shadow:0 2px 8px rgba(128,188,0,.45);}.offline-bar__icon{display:flex;align-items:center;flex-shrink:0;width:18px;height:18px;}.offline-bar__icon svg{width:18px;height:18px;}.offline-bar__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.offline-bar__ping{display:inline-flex;align-items:center;gap:3px;margin-left:6px;opacity:.75;}.offline-bar__ping span{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#ffffff;animation:offlinePingDot 1.2s ease-in-out infinite;}.offline-bar__ping span:nth-child(2){animation-delay:.2s}.offline-bar__ping span:nth-child(3){animation-delay:.4s}@keyframes offlinePingDot{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1.0);opacity:1.0}}.offline-bar__close{display:flex;align-items:center;margin-left:10px;padding:4px;background:none;border:none;color:inherit;opacity:.6;cursor:pointer;transition:opacity .2s ease;flex-shrink:0;}.offline-bar__close:hover{opacity:1}.offline-bar__close:focus{outline:2px solid rgba(255,255,255,.6);border-radius:3px}.offline-bar__close svg{width:15px;height:15px;}