a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{line-height:1}body{line-height:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--cta-blue: rgb(0,161,222);--cta-blue-opacity: rgba(0,161,222,.17);--cta-red: rgb(198,12,48);--cta-red-opacity: rgba(198,12,48,.17);--cta-brown: rgb(98,54,27);--cta-brown-opacity: rgba(98,54,27,.17);--cta-green: rgb(0,155,58);--cta-green-opacity: rgba(0,155,58,.17);--cta-orange: rgb(249,70,28);--cta-orange-opacity: rgba(249,70,28,.17);--cta-purple: rgb(82,35,152);--cta-purple-opacity: rgba(82,35,152,.17);--cta-pink: rgb(226,126,166);--cta-pink-opacity: rgba(226,126,166,.17);--cta-yellow: rgb(249,227,0);--cta-yellow-opacity: rgba(249,227,0,.14);--cta-grey: rgb(86,90,92);--cta-grey-opacity: rgba(86,90,92,.17);--aqua: rgb(0,245,234);--aqua-opacity: rgba(0,245,234,.15);--blue: rgb(32,148,250);--blue-opacity: rgba(32,148,250,.17);--green: rgb(4,222,113);--green-opacity: rgba(4,222,113,.17);--orage: rgba(255,149,0);--orage-opacity: rgba(255,149,0,.15);--pink: rgb(250,17,79);--pink-opacity: rgba(250,17,79,.17);--red: rgb(226, 94, 63);--red-opacity: rgba(226, 94, 63, .17);--yellow: rgb(255,230,32);--yellow-opacity: rgba(255,230,32,.17)}:root,[data-theme=dark]{--background: #0a0a0c;--text-primary: #ECECF0;--text-secondary: rgb(148,148,155);--text-tertiary: rgb(108,108,115);--surface: #1a1a1f;--surface-card: #151518;--surface-card-hover: #1c1c20;--surface-elevated: #2a2a30;--nav-bg: hsla(240, 8%, 8%, .98);--nav-bg-blur: hsla(240, 8%, 8%, .4);--nav-link: rgb(86,90,92);--nav-link-active: #FFFFFF;--input-border: rgba(255,255,255,.12);--focus-color: #6B9FFF;--route-badge-bg: #FFFFFF;--route-badge-text: #000000;--nav-border: rgba(255,255,255,.06);--top-bottom-color: hsl(240, 10%, 5%);--bottom-bar-color: hsla(240, 10%, 5%, .3);--bottom-bar-color-reg: hsla(240, 10%, 5%, .7);--top-bottom-color-light: hsla(240, 10%, 15%, .3);--top-bottom-color-light-reg: hsla(240, 10%, 15%, .7);--gray: rgb(142,142,147);--gray2: rgb(99,99,102);--gray3: rgb(72,72,74);--gray4: rgb(58,58,60);--gray5: rgb(44,44,46);--gray6: rgb(28,28,30);--card-border: rgba(255,255,255,.06);--card-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.04);--bus-badge: #5A6B7E;--bus-badge-text: #FFFFFF;--bus-countdown-bg: rgba(90, 107, 126, .18);--bus-due: rgb(52,211,153);--bus-due-bg: rgba(52,211,153,.14);--bus-due-glow: rgba(52,211,153,.06);--shimmer-highlight: rgba(255,255,255,.04);--pill-nav-bg: hsla(240, 6%, 12%, .92);--pill-nav-bg-blur: hsla(240, 6%, 12%, .55);--pill-nav-border: rgba(255,255,255,.1);--pill-nav-shadow: 0 2px 12px rgba(0,0,0,.35), 0 0 0 .5px rgba(255,255,255,.06) inset;--pill-nav-link: rgba(255,255,255,.45);--pill-nav-link-active: #FFFFFF;--pill-nav-active-bg: rgba(255,255,255,.14);--pill-nav-active-shadow: 0 1px 4px rgba(0,0,0,.2), 0 0 0 .5px rgba(255,255,255,.08) inset;--pill-nav-hover-bg: rgba(255,255,255,.07);--glass-input-bg: hsla(240, 6%, 14%, .85);--glass-input-bg-blur: hsla(240, 6%, 14%, .5);--glass-input-border: rgba(255,255,255,.1);--glass-input-shadow: 0 1px 4px rgba(0,0,0,.25), 0 0 0 .5px rgba(255,255,255,.06) inset;--glass-input-focus-border: rgba(107,159,255,.5);--glass-input-focus-shadow: 0 0 0 3px rgba(107,159,255,.15), 0 1px 4px rgba(0,0,0,.25), 0 0 0 .5px rgba(255,255,255,.08) inset;--glass-input-placeholder: rgba(255,255,255,.3);--glass-input-icon: rgba(255,255,255,.35);--glass-btn-bg: hsla(240, 6%, 18%, .8);--glass-btn-bg-blur: hsla(240, 6%, 18%, .45);--glass-btn-border: rgba(255,255,255,.1);--glass-btn-shadow: 0 1px 3px rgba(0,0,0,.2), 0 0 0 .5px rgba(255,255,255,.06) inset;--glass-btn-active-bg: rgba(255,255,255,.12);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-accelerate: cubic-bezier(.3, 0, .8, .15);--duration-short: .15s;--duration-medium: .3s;--duration-long: .45s}[data-theme=light]{--background: #f4f4f8;--text-primary: #1a1a1e;--text-secondary: rgb(100,100,108);--text-tertiary: rgb(140,140,148);--surface: #ffffff;--surface-card: #ffffff;--surface-card-hover: #f8f8fc;--surface-elevated: #e8e8ed;--nav-bg: hsla(240, 10%, 98%, .98);--nav-bg-blur: hsla(240, 10%, 98%, .4);--nav-link: rgb(142,142,147);--nav-link-active: #1a1a1e;--input-border: rgba(0,0,0,.1);--focus-color: #4A7AFF;--route-badge-bg: #1a1a1e;--route-badge-text: #FFFFFF;--nav-border: rgba(0,0,0,.08);--top-bottom-color: hsl(240, 15%, 96%);--bottom-bar-color: hsla(240, 15%, 96%, .3);--bottom-bar-color-reg: hsla(240, 15%, 96%, .7);--top-bottom-color-light: hsla(240, 15%, 88%, .3);--top-bottom-color-light-reg: hsla(240, 15%, 88%, .7);--gray: rgb(142,142,147);--gray2: rgb(174,174,178);--gray3: rgb(199,199,204);--gray4: rgb(209,209,214);--gray5: rgb(229,229,234);--gray6: rgb(242,242,247);--card-border: rgba(0,0,0,.06);--card-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--cta-blue-opacity: rgba(0,161,222,.1);--cta-red-opacity: rgba(198,12,48,.1);--cta-brown-opacity: rgba(98,54,27,.1);--cta-green-opacity: rgba(0,155,58,.1);--cta-orange-opacity: rgba(249,70,28,.1);--cta-purple-opacity: rgba(82,35,152,.1);--cta-pink-opacity: rgba(226,126,166,.1);--cta-yellow-opacity: rgba(249,227,0,.08);--cta-grey-opacity: rgba(86,90,92,.1);--pink-opacity: rgba(250,17,79,.1);--yellow: rgb(217, 119, 6);--yellow-opacity: rgba(217, 119, 6, .12);--pill-nav-bg: hsla(240, 10%, 98%, .88);--pill-nav-bg-blur: hsla(240, 10%, 98%, .5);--pill-nav-border: rgba(0,0,0,.08);--pill-nav-shadow: 0 2px 16px rgba(0,0,0,.1), 0 0 0 .5px rgba(255,255,255,.6) inset;--pill-nav-link: rgba(0,0,0,.38);--pill-nav-link-active: #1a1a1e;--pill-nav-active-bg: rgba(0,0,0,.08);--pill-nav-active-shadow: 0 1px 3px rgba(0,0,0,.08), 0 0 0 .5px rgba(0,0,0,.04) inset;--pill-nav-hover-bg: rgba(0,0,0,.04);--glass-input-bg: hsla(240, 10%, 98%, .8);--glass-input-bg-blur: hsla(240, 10%, 98%, .45);--glass-input-border: rgba(0,0,0,.08);--glass-input-shadow: 0 1px 4px rgba(0,0,0,.06), 0 0 0 .5px rgba(255,255,255,.5) inset;--glass-input-focus-border: rgba(74,122,255,.45);--glass-input-focus-shadow: 0 0 0 3px rgba(74,122,255,.12), 0 1px 4px rgba(0,0,0,.06), 0 0 0 .5px rgba(255,255,255,.5) inset;--glass-input-placeholder: rgba(0,0,0,.28);--glass-input-icon: rgba(0,0,0,.3);--glass-btn-bg: hsla(240, 10%, 96%, .75);--glass-btn-bg-blur: hsla(240, 10%, 96%, .4);--glass-btn-border: rgba(0,0,0,.06);--glass-btn-shadow: 0 1px 3px rgba(0,0,0,.06), 0 0 0 .5px rgba(255,255,255,.5) inset;--glass-btn-active-bg: rgba(0,0,0,.06);--bus-badge: #3D4E63;--bus-badge-text: #FFFFFF;--bus-countdown-bg: rgba(61, 78, 99, .08);--bus-due: rgb(16,140,80);--bus-due-bg: rgba(16,140,80,.1);--bus-due-glow: rgba(16,140,80,.04);--shimmer-highlight: rgba(0,0,0,.06)}*{box-sizing:border-box}html{color:var(--text-primary);background-color:var(--background);font-family:-apple-system,SF Pro Display,SF Pro Text,".SFNSText-Regular",system-ui,Helvetica,sans-serif;font-size:1.125em;line-height:1.35em;min-height:100%;height:100%;touch-action:manipulation;transition:color var(--duration-medium) var(--ease-standard),background-color var(--duration-medium) var(--ease-standard);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%}router-outlet{position:absolute}app-favorites,app-routes,app-directions,app-stops,app-arrivals,app-follow-vehicle,app-train-stops,app-train-arrivals,app-train-follow,app-settings{padding:16px;display:grid;grid-column-gap:16px;grid-template-columns:1fr 1fr 1fr 1fr}app-follow-vehicle,app-train-follow{min-width:0;max-width:100%;overflow-x:hidden}h1{font-size:37.325px;line-height:1.2em;font-weight:900;margin-bottom:16px}h2{font-size:26px;line-height:1.15em;font-weight:900;margin-bottom:16px;letter-spacing:-.03em}.grid-4{display:grid;grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:repeat(4,1fr)}.cols-1{grid-column:1}.cols-2{grid-column:1 / 3}.cols-3{grid-column:1 / 4}.cols-4{grid-column:1 / 5}.cols-reverse-1{grid-column:-2 / -1}.cols-reverse-2{grid-column:-3 / -1}.cols-reverse-3{grid-column:-2 / -1}.cols-reverse-4{grid-column:-4 / -1}.search-form{width:100%;position:relative;margin-bottom:4px}input,button{-webkit-appearance:none;outline:none;font-family:inherit;font-size:inherit;color:inherit;padding:12px 16px 14px;border-radius:0;height:56px;border:none;background-color:var(--surface);width:100%;font-weight:900}.search-input{height:52px;padding:0 16px 0 44px;font-size:16px;font-weight:600;color:var(--text-primary);background:var(--glass-input-bg);border:1px solid var(--glass-input-border);border-radius:16px;box-shadow:var(--glass-input-shadow);transition:border-color var(--duration-medium) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard),background var(--duration-medium) var(--ease-standard)}@supports (backdrop-filter: blur(16px)){.search-input{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:var(--glass-input-bg-blur)}}.search-input:focus{border-color:var(--glass-input-focus-border);box-shadow:var(--glass-input-focus-shadow)}.search-input::placeholder{color:transparent}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--glass-input-icon);pointer-events:none;transition:color var(--duration-medium) var(--ease-standard)}.search-input:focus~.search-icon{color:var(--focus-color)}.search-label{position:absolute;display:flex;align-items:center;padding:0;height:52px;top:0;left:44px;color:var(--glass-input-placeholder);transform:scale(1);transition:transform var(--duration-medium) var(--ease-standard),color var(--duration-medium) var(--ease-standard),opacity var(--duration-medium) var(--ease-standard);transform-origin:top left;font-size:16px;font-weight:500;pointer-events:none}.search-input:focus~.search-label{transform:scale(.72) translateY(-38px) translate(-30px);color:var(--focus-color);opacity:1}.search-input:valid~.search-label{transform:scale(.72) translateY(-38px) translate(-30px);color:var(--text-tertiary);opacity:.8}.fab{width:52px;height:52px;padding:0;position:fixed;right:16px;bottom:88px;-webkit-appearance:none;border:1px solid var(--glass-btn-border);border-radius:16px;outline:none;z-index:1;transform:scale(1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);background:var(--glass-btn-bg);box-shadow:var(--glass-btn-shadow),0 4px 16px #0000001f;-webkit-tap-highlight-color:transparent;transition:background var(--duration-medium) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard),border-color var(--duration-medium) var(--ease-standard),transform 80ms ease}@supports (backdrop-filter: blur(16px)){.fab{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:var(--glass-btn-bg-blur)}}.fab:active{transform:scale(.92);background:var(--glass-btn-active-bg)}.fab-icon{width:22px;height:22px;flex-shrink:0}.icon{width:24px;height:24px}.label-placeholder{display:block;height:1.309em}input[type=number]:focus~label,input[type=number]:valid~label{color:var(--text-primary);transform-origin:bottom;transform:translateY(-130.9%) translate(-.7272em)}input[type=number]{background-color:var(--gray2);color:var(--text-primary);text-align:center;font-size:1.309em;line-height:1.309em;height:1.309em;border-radius:.3472em;width:100%;font-weight:700}input[type=number]+label{position:absolute;display:flex;align-items:center;color:var(--gray);height:1.309em;padding-left:.7272em;left:0;bottom:.2025em;transition:.3s ease transform;transform-origin:top left;-moz-transition:.3s ease transform;-webkit-transition:.3s ease transform}