.OfflineBanner-module__67bLxa__offlineBanner{z-index:860;align-items:center;gap:var(--space-2,8px);font-size:var(--font-size-xs,12px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:9999px;padding:6px 14px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) OfflineBanner-module__67bLxa__slideDown;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.OfflineBanner-module__67bLxa__offlineState{background-color:color-mix(in srgb, var(--color-danger,#ef4444) 15%, var(--color-surface-2,#fff));color:var(--color-danger,#dc2626);border:1px solid color-mix(in srgb, var(--color-danger,#ef4444) 30%, transparent)}.OfflineBanner-module__67bLxa__onlineState{background-color:color-mix(in srgb, var(--color-success,#22c55e) 15%, var(--color-surface-2,#fff));color:var(--color-success,#16a34a);border:1px solid color-mix(in srgb, var(--color-success,#22c55e) 30%, transparent)}.OfflineBanner-module__67bLxa__pulseDot{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite OfflineBanner-module__67bLxa__pulseDot}@keyframes OfflineBanner-module__67bLxa__slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes OfflineBanner-module__67bLxa__pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}