.route-filament{--filament-height:3px;pointer-events:none;position:fixed;inset:0 0 auto;z-index:720;height:42px;opacity:0;overflow:hidden;contain:layout paint;transition:opacity .16s ease}.route-filament[data-phase=finishing],.route-filament[data-phase=visible]{opacity:1}.route-filament__bloom{position:absolute;inset:0 auto auto;width:100%;height:36px;background:radial-gradient(42% 120% at 18% -10%,color-mix(in srgb,var(--action-primary) 34%,transparent),transparent 70%),radial-gradient(36% 110% at 72% -20%,color-mix(in srgb,#5b3dff 28%,transparent),transparent 72%);filter:blur(10px);opacity:.55;transform:translate3d(-12%,0,0)}.route-filament__rail{right:0;background:color-mix(in srgb,var(--ink-strong) 18%,transparent)}.route-filament__beam,.route-filament__rail{position:absolute;top:0;left:0;height:var(--filament-height)}.route-filament__beam{width:38%;border-radius:999px;background:linear-gradient(90deg,transparent 0,#ffb068 12%,var(--action-primary) 34%,#ff4f8b 58%,#6d4dff 86%,transparent 100%);box-shadow:0 0 12px color-mix(in srgb,var(--action-primary) 55%,transparent),0 0 18px color-mix(in srgb,#6d4dff 35%,transparent);transform:translate3d(-40%,0,0)}.route-filament__shuttle{position:absolute;top:-3px;width:9px;height:9px;border-radius:999px;background:#fff6ee;box-shadow:0 0 0 1px color-mix(in srgb,#fff 40%,transparent),0 0 16px #ffd7a8,0 0 22px color-mix(in srgb,var(--action-primary) 70%,transparent);transform:translate3d(-12px,0,0)}.route-filament__perfs{position:absolute;top:7px;left:0;right:0;height:6px;background-image:radial-gradient(circle at 1px 3px,color-mix(in srgb,var(--action-primary) 70%,#fff) .7px,transparent 1.15px);background-size:14px 6px;opacity:0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.route-filament[data-phase=visible] .route-filament__bloom{animation:filament-bloom 1.1s cubic-bezier(.22,1,.36,1) both}.route-filament[data-phase=visible] .route-filament__beam{animation:filament-beam 1.15s cubic-bezier(.16,1,.3,1) both}.route-filament[data-phase=visible] .route-filament__shuttle{animation:filament-shuttle 1.15s cubic-bezier(.16,1,.3,1) both}.route-filament[data-phase=visible] .route-filament__perfs{animation:filament-perfs .9s ease both}.route-filament[data-phase=finishing] .route-filament__beam{animation:filament-finish .24s cubic-bezier(.22,1,.36,1) both}.route-filament[data-phase=finishing] .route-filament__bloom,.route-filament[data-phase=finishing] .route-filament__perfs,.route-filament[data-phase=finishing] .route-filament__shuttle{opacity:0;transition:opacity .18s ease}@keyframes filament-bloom{0%{opacity:0;transform:translate3d(-18%,0,0)}to{opacity:.6;transform:translate3d(8%,0,0)}}@keyframes filament-beam{0%{width:18%;transform:translate3d(-30%,0,0)}70%{width:62%;transform:translate3d(28%,0,0)}to{width:44%;transform:translate3d(58%,0,0)}}@keyframes filament-shuttle{0%{transform:translate3d(-10px,0,0);opacity:0}12%{opacity:1}to{transform:translate3d(min(92vw,1100px),0,0)}}@keyframes filament-perfs{0%{opacity:0;transform:translate3d(-8px,0,0)}to{opacity:.55;transform:none}}@keyframes filament-finish{to{width:100%;transform:translateZ(0);opacity:0}}@media (prefers-reduced-motion:reduce){.route-filament__bloom,.route-filament__perfs,.route-filament__shuttle{display:none}.route-filament[data-phase=finishing] .route-filament__beam,.route-filament[data-phase=visible] .route-filament__beam{animation:none;width:100%;transform:none;opacity:1}}