.navigation-arrival{position:fixed;z-index:80;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid hsl(var(--border));border-radius:999px;color:hsl(var(--foreground));background:hsl(var(--card));box-shadow:0 4px 18px hsl(var(--foreground)/.09);font-size:12px;font-weight:600;line-height:18px;pointer-events:none;animation:navigation-arrival-in var(--dur-pop) var(--ease-out) both}.navigation-arrival-mark{display:flex;align-items:center;gap:3px;height:14px}.navigation-arrival-mark i{width:4px;height:11px;border-radius:3px;background:hsl(var(--primary));opacity:.4;animation:navigation-arrival-breathe calc(var(--dur-sequence) * 1.5) var(--ease-in-out) infinite}.navigation-arrival-mark i:nth-child(2){animation-delay:.1s;height:14px}.navigation-arrival-mark i:nth-child(3){animation-delay:.2s;height:8px}@keyframes navigation-arrival-in{0%{opacity:0}to{opacity:1}}@keyframes navigation-arrival-breathe{0%,to{opacity:.35}50%{opacity:.95}}.navigation-arrival[data-still],.navigation-arrival[data-still] i{animation:none}@media (prefers-reduced-motion:reduce){.navigation-arrival,.navigation-arrival-mark i{animation:none}}