.search{flex:0 340px;min-width:180px;position:relative}.search-field{height:48px;color:var(--ink-2);font:500 var(--size-15) var(--font-text);transition:background var(--motion-glass);align-items:center;gap:10px;padding:0 18px;display:flex}.search-field:focus-within{background:var(--glass-tint-active)}.search-field:has(.search-input:focus-visible){outline:1.5px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:2px}.search-label{color:var(--ink);cursor:text;place-items:center;display:grid}.search-input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--ink-2);opacity:1}.search-popup{z-index:6;background:var(--surface);width:max(100%,360px);max-height:min(440px,100vh - 120px);-webkit-backdrop-filter:var(--surface-filter);backdrop-filter:var(--surface-filter);box-shadow:inset 0 0 0 1px var(--surface-rim), 0 18px 40px -24px #00000073;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.search-popup[hidden]{display:none}.station-icon{color:var(--ink-2)}.search-option{min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.search-option[aria-selected=true]{background:var(--hairline)}.search-option>.bullet,.search-option>.station-icon{justify-self:center}.search-name{font:500 var(--size-15) / 1.2 var(--font-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-alias{color:var(--ink-2);margin-left:8px;font-weight:400}.search-lines{align-items:center;gap:4px;display:flex}.search-more,.search-kind{font:500 var(--size-12) / 1 var(--font-text);color:var(--ink-2)}.search-kind{letter-spacing:.02em}.search-empty{font:400 14px / 1.4 var(--font-text);color:var(--ink-2);margin:0;padding:12px 10px}@media (width<=1220px){.search{flex:0 0 48px;min-width:0}.search-field{justify-content:center;gap:0;width:48px;padding:0}.search-input{flex:0 0 0;width:0}.search:focus-within{z-index:6;width:min(440px,100%);position:absolute;top:0;left:0}.search:focus-within .search-field{justify-content:flex-start;gap:10px;width:auto;padding:0 16px}.search:focus-within .search-input{flex:1;width:auto}.bar:has(.search:focus-within)>.lockup{visibility:hidden}}@media (width<=640px){.search{flex-basis:40px}.search-field{width:40px;height:40px}.search:focus-within{width:auto;right:0}.search:focus-within .search-field{padding:0 14px}.bar:has(.search:focus-within)>.traffic-entry{visibility:hidden}.search-popup{width:100%;max-height:min(420px,100vh - 140px)}}