:root{--primaryFontRegular:"proxima_novamedium";--primaryFontMedium:"proxima_novamedium";--primaryFontBold:"proxima_novabold";--secondaryFontRegular:"proxima_novamedium";--secondaryFontMedium:"proxima_novamedium";--secondaryFontBold:"proxima_novabold"}@font-face{font-family:"objektiv_mk1regular";src:url(/static/media/objektivmk1_rg-webfont.b9726acb.eot);src:url(/static/media/objektivmk1_rg-webfont.b9726acb.eot) format("embedded-opentype"),url(/static/media/objektivmk1_rg-webfont.a2155455.woff2) format("woff2"),url(/static/media/objektivmk1_rg-webfont.9ba907b2.woff) format("woff"),url(/static/media/objektivmk1_rg-webfont.84557f82.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"objektiv_mk1medium";src:url(/static/media/objektivmk1_md-webfont.ccdadeef.eot);src:url(/static/media/objektivmk1_md-webfont.ccdadeef.eot) format("embedded-opentype"),url(/static/media/objektivmk1_md-webfont.23869ee4.woff2) format("woff2"),url(/static/media/objektivmk1_md-webfont.410a22d9.woff) format("woff"),url(/static/media/objektivmk1_md-webfont.f3254b9d.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"objektiv_mk1_xbold";src:url(/static/media/objektiv_mk1_xbold-webfont.15887356.eot);src:url(/static/media/objektiv_mk1_xbold-webfont.15887356.eot) format("embedded-opentype"),url(/static/media/objektiv_mk1_xbold-webfont.20f0b59e.woff2) format("woff2"),url(/static/media/objektiv_mk1_xbold-webfont.fb54a20c.woff) format("woff"),url(/static/media/objektiv_mk1_xbold-webfont.e400d293.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novabold";src:url(/static/media/proximanova-bold-webfont.67725500.eot);src:url(/static/media/proximanova-bold-webfont.67725500.eot) format("embedded-opentype"),url(/static/media/proximanova-bold-webfont.b547afdf.woff2) format("woff2"),url(/static/media/proximanova-bold-webfont.873e3e67.woff) format("woff"),url(/static/media/proximanova-bold-webfont.e4bb11d3.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novamedium";src:url(/static/media/proximanova-medium-webfont.303cafcf.eot);src:url(/static/media/proximanova-medium-webfont.303cafcf.eot) format("embedded-opentype"),url(/static/media/proximanova-medium-webfont.e593c447.woff2) format("woff2"),url(/static/media/proximanova-medium-webfont.f088ef64.woff) format("woff"),url(/static/media/proximanova-medium-webfont.3116d6af.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}div{-webkit-user-select:none;-o-user-select:none;user-select:none}body,html{background:var(--appBackground)}body{margin:0;padding:0;font:400 100%/1.2 var(--primaryFontRegular),"Helvetica Neue",sans-serif;color:var(--mainText);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}button{font:inherit;color:inherit;margin:0;padding:.5em;background:none;border:none;cursor:pointer}button:active,button:hover{color:var(--buttonTextHover);background:var(--buttonBackgroundHover)}input:focus{outline:2px solid var(--uiHoverBackground)}body.scroll-locked,body.scroll-locked .ScrollArea{overflow:hidden}h1,h2,h3,h4{position:relative}a{color:#1c99ef;border-color:#1c99ef}a:hover{color:#e9632c}.injected-svg{width:inherit;height:inherit}.voiceover-text{position:absolute;left:0;top:0;width:auto;height:1px;overflow:hidden;z-index:100;opacity:0;font-size:1em!important;white-space:nowrap}.voiceover-text.voiceover-fill{width:100%}.voiceover-text.voiceover-fit{display:block;max-width:50px;max-height:30px;word-break:keep-all;white-space:nowrap;overflow-wrap:break-word;text-overflow:clip}.voiceover-text .voiceover-hide{display:block;width:auto;height:1px;overflow:hidden}:root[color-mode=light]{--mainText:#020202;--secondaryText:#373739;--fadedText:#b1b1b1;--unitText:#b1b1b1;--icons:#2386ee;--appBackground:#fafcff;--appStatusBackground:#fafcff;--inputBackground:#fff;--inputBorder:#d3d9e7;--inputText:#000724;--submitBackground:#2386ee;--submitText:#fafcff;--appHeaderTextSecondary:#ccc;--appHeaderBackground:#081754;--appHeaderBorder:#d3d9e7;--appHeaderBoxShadow:#afb1bf;--menuBackground:#fff;--modeIconColor:#000724;--weatherIconColor:#000724;--uiIconColor:#081754;--uiHoverBackground:#081754;--cardText:#000724;--cardBackground:#f6f6f4;--cardBoxShadow:#ccc;--cardBorder:#ccc;--cardHeaderBorder:#555;--cardFooterBackground:#fafcff;--tapRowHighlight:#d3d9e7;--overlay:#494e6d;--buttonBackground:#2386ee;--buttonBorder:#d3d9e7;--buttonText:#fff;--buttonBackgroundHover:#d2d2d2;--buttonShadow:#888;--exitButtonBackground:#fff;--toggleBackground:#000724;--appButtonText:#081754;--appButtonBorder:#081754;--appButtonBackgroundHover:#081754;--navBackground:#081754;--navBorder:"none";--navBoxShadow:#afb1bf;--navButton:#fff;--navButtonActiveText:#fff;--navButtonActive:#fff;--navButtonActiveBackground:#2386ee;--mapMarkerBoxShadow:rgba(0,0,0,0.5)}:root[color-mode=dark],:root[color-mode=light]{--accentColor:#2386ee;--appHeaderText:#fafcff;--uiHoverColor:#fafcff;--uiActive:#fafcff;--cardFooterBorder:#d3d9e7;--tapHeaderHighlight:#2386ee;--buttonTextHover:#000724;--buttonDestroy:#72b1f2;--appButtonTextHover:#fff;--navButtonAltBg:#2386ee}:root[color-mode=dark]{--mainText:#fafcff;--secondaryText:#f3f3f3;--fadedText:#888;--unitText:#888;--icons:#eee;--appBackground:#081754;--appStatusBackground:#000724;--inputBackground:#000;--inputBorder:#606485;--inputText:#fafcff;--submitBackground:#0f67c2;--submitText:#fff;--appHeaderBackground:#000724;--appHeaderBorder:#606485;--appHeaderBoxShadow:#111;--menuBackground:#000724;--modeIconColor:#fafcff;--weatherIconColor:#fafcff;--uiIconColor:#fafcff;--uiHoverBackground:#2386ee;--uiExit:#fd4a5c;--cardBackground:#000724;--cardBoxShadow:#111;--cardBorder:#999;--cardHeaderBorder:#d3d9e7;--cardFooterBackground:#081754;--tapRowHighlight:#494e6d;--overlay:#000724;--buttonBackground:#000724;--buttonBorder:#606485;--buttonText:#fafcff;--buttonBackgroundHover:#888;--buttonShadow:#000724;--buttonHighlight:#494e6d;--exitButtonBackground:#2386ee;--toggleBackground:#d3d9e7;--appButtonText:#fafcff;--appButtonBorder:#fafcff;--appButtonBackgroundHover:#2386ee;--navBackground:#000724;--navBorder:#606485;--navBoxShadow:#111;--navButton:#fafcff;--navButtonActiveText:#fafcff;--navButtonActive:#fafcff;--navButtonActiveBackground:#fafcff;--mapMarkerBoxShadow:hsla(0,0%,100%,0.5)}.AIResults{padding:1em;box-shadow:0 .1em .3em var(--cardBoxShadow);background:var(--cardBackground);color:var(--cardText);border-radius:.5em}.AIResults .AIResult{display:flex;align-items:center;margin-bottom:.5em}.AIResults .AIResult .Icon{flex:0 1 auto;vertical-align:middle;margin-right:.5em}.AIResults .AIResult .Icon svg{padding-top:.2em;width:1em;height:1em}.AIResults .AIResult .text{flex:0 1 auto;font-size:.8em}.AgencyAlertCard{cursor:pointer}.AgencyAlertCard .AgencyAlert{display:flex;line-height:1.5em;margin:.5em 0;border-bottom:1px solid #ddd;padding:.5em}.AgencyAlertCard .AgencyAlert:last-child{border:none}.AgencyAlertCard .AgencyAlert .AlertHeader{font-weight:600;margin-bottom:.5em}.AgencyAlertCard .AlertContent{flex:0 1 100%}.AgencyAlertCard .AlertIcon{flex:0 1 .5em;margin-right:.5em}.AgencyAlertCard h2{font-size:1.2em;font-family:var(--primaryFontBold),"Arial Narrow","Arial",sans-serif;font-weight:500}.AgencyAlertCard .AlertLink a{display:block;padding:.5em;border:1px solid;border-radius:.75em;text-align:center;margin-top:1em}.AgencyAlertCard .ShowMore{margin-left:1em;color:var(--secondaryText)}.App{zoom:var(--zoom)}.App.scroll-lock{position:absolute;width:100%;height:100vh;overflow:hidden}.App .overlay{position:fixed;opacity:0;top:0;left:0;transition:opacity .25s ease-out}body.scroll-lock{position:fixed;overflow:hidden;width:100%;height:100vh}body.add-overlay .App .overlay{display:block;position:fixed;top:0;left:0;z-index:500;width:100%;height:100%;background:var(--overlay);opacity:.8}.AppCodePromo{text-align:center;cursor:pointer;position:relative;overflow:hidden;padding:2em 1em;color:var(--mainText)}.AppCodePromo .content{line-height:1.8em;font-size:1em}.AppCodePromo.collapsed{padding:1em}.AppCodePromo button{cursor:pointer;color:var(--buttonText);margin-top:1em;border:1px solid #e9632c;border-radius:1.5em;background:none;display:inline-block;background:var(--buttonBackground);padding:.5em 1.2em;font:200 95%/1.5em var(--secondaryFontBold),Monospace,Courier}.AppCodePromo button:hover{color:var(--appButtonTextHover);background:var(--appButtonBackgroundHover)}.AppCodePromo button.exit{position:absolute;top:5px;right:5px;padding:0;margin:0;width:4em;height:1.5em;border:0;color:#222;font-size:.8em;background:#eee}.AppCodePromo b{padding:.2em .4em .2em .6em;margin-left:.2em;color:var(--buttonText);background:var(--buttonBackground);letter-spacing:.2em;text-indent:.2em;border:1px solid #ccc;font:800 1.2em/1.5em var(--secondaryFontBold),Monospace,Courier}.AppCodePromo img{float:left;width:auto;margin-right:.3em;height:6em}.AppHeader{position:fixed;top:0;left:0;width:100%;z-index:200;color:var(--appHeaderText);background:var(--appHeaderBackground);box-shadow:0 0 .7em var(--appHeaderBoxShadow);min-height:60px}.AppHeader .TapArea{z-index:300;position:absolute;top:0;left:0;width:100%;height:60px}.AppHeader .TapArea.expanded{z-index:100;width:100%;height:100%}.AppStatus{text-align:center;position:absolute;left:0;top:15vh;width:100%;height:auto;z-index:900;display:none;opacity:0;transition:opacity .2s ease-out}.AppStatus .container{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.1em}.AppStatus .container .loading-animation{width:300px;height:300px}.AppStatus .container>div{margin-top:.5em}.AppStatus .Debug{margin-top:.5em;font-size:.6em;overflow-wrap:break-word}.AppStatus a{color:inherit;text-decoration:none}.Capacity{flex:0 0 auto;margin-right:.5em;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.Capacity .VehicleCount{position:absolute;width:100%;font-family:var(--secondaryFontMedium)}.Capacity svg circle:first-child{stroke-width:1}.Card{position:relative;color:var(--cardText);box-sizing:border-box;width:100%;overflow:hidden}.Card.hidden{display:none}.Card .Text{margin-left:3em}.Card .OpenCardTapArea{position:absolute;top:0;left:0;width:100%;border-radius:1em;overflow:hidden;height:100%;z-index:100}.Card .WidgetContent{padding:1em 0}.Card .CardBody{box-sizing:border-box;margin:0 .5em 1em;background:var(--cardBackground);border-radius:.6em;box-shadow:0 .2em .2em var(--cardBoxShadow);border:1px solid var(--borderColor)}.Card.favorite .CardBody{border:1px solid var(--secondaryText)}.Card.noCardBorderRounding .CardBody{border-radius:0}.Card.noCardShadow .CardBody{box-shadow:none}.FavoriteMessage{position:absolute;z-index:2;top:15px;right:15px;width:85%;font-size:1.1em;border-radius:1em;font-weight:700;text-align:right;background:var(--cardBackground);padding:.75em;box-shadow:0 .2em .5em var(--cardBoxShadow)}.FavoriteMessage,.LogoCard{overflow:hidden;text-align:center}.LogoCard{background:0;border:none;box-shadow:none}.LogoCard img{max-width:150px;max-height:150px;width:auto;height:auto}.CardColumns{display:flex;justify-content:flex-start;flex-flow:nowrap;width:100%;padding-bottom:50px}.CardFooter{width:96%;padding-top:.5em;margin:auto;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--cardFooterBorder)}.CardFooter .ExternalAppButton{width:500px;margin-left:1em;margin-right:1em;margin-bottom:1em}.CardFooter .UnavailableAgencies{font-size:.8em;padding:.5em;text-align:center}.CardFooter .ExitTapArea{flex:0 1 100%;min-width:120px;height:80px}.CardHeader{display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;box-sizing:border-box;padding:.5em;min-height:3em;flex:0 0 auto}.CardHeader .CardHeader-TapArea{border-radius:1em;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.CardHeader .column-left{display:flex;align-items:center;flex:1 1 75%}.CardHeader .column-right{display:flex;align-items:center;justify-content:flex-end;flex:0 1 50%}.CardHeader .ExternalAppButton{flex:0 0 80px}.CardHeader .AgencyLogo{flex:0 0 auto;margin-right:.25em}.CardHeader .AgencyLogo img{margin-top:2px;width:auto;height:1.25em;max-width:4em}.CardHeader .ModeIcon{float:right}.CardHeader .ModeIcon svg{width:auto;height:1.75em}.CardHeader .ModeIcon svg *{vector-effect:non-scaling-stroke;stroke-width:1.4;stroke:var(--modeIconColor)}.CardHeader .StopName{flex:0 1 auto;position:relative}.CardHeader .StopName h2{font-size:1.2em;font-family:var(--primaryFontBold),"Arial Narrow","Arial",sans-serif;font-weight:500}.CardHeader .Buttons{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-start;margin-right:.25em}.noCardHeader .CardHeader{display:none}.CardList{flex:0 1 100%}.CardListStatus{font-size:1.2em;text-align:center;margin-top:3em;padding:5%;flex:0 0 90%}.CardMap{border-bottom:1px solid #aaa;flex:0 0 350px;overflow:hidden}.CardMap .StopMarker{width:3.5em;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.CardMap .StopMarker .Head{width:2em;height:2em;border-radius:.2em;padding:.3em;text-align:center;position:relative;z-index:5;flex-direction:column;background:#ccc;box-shadow:0 .1em .3em var(--mapMarkerBoxShadow)}.CardMap .StopMarker .Head .Logo svg{width:auto;height:2em}.CardMap .StopMarker .Head .Logo svg *{stroke:#fff;fill:none}.CardMap .StopMarker .Head .VehicleCount{background:var(--appBackground);color:var(--mainText);font-size:1.2em;border-radius:2em;padding:0 .2em}.CardMap .StopMarker .Pin{position:relative;z-index:4;margin-top:-.5em;display:block;width:2em;height:auto}.CardMap .UserMarker{z-index:500}.CardMap .UserMarker .Bubble{width:1em;height:1em;background:#147efb;border:5px solid #fff;border-radius:2em;box-shadow:0 0 2em #555;z-index:2;position:relative}.CardMap .UserMarker .BubbleBg{border:1px solid #147efb;background:#add8e6;width:4em;height:4em;opacity:.4;position:absolute;top:-1.25em;left:-1.25em;z-index:1;border-radius:4em}.CardMap .Notice{font-size:.8em;width:80px;position:absolute;z-index:800;top:0;left:-60%;text-align:center}.isMobileSafari .CardMap{flex:0 0 300px}.CardRow{border-bottom:1px solid var(--cardBorder);overflow:hidden;box-sizing:border-box;position:relative}.CardRow:last-child{border:0}.CardRow .TapArea{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.CardRow .RouteInfo{display:flex;align-items:center;min-height:2.5em}.CardRowCenter{flex:1 1 75%;display:flex;align-items:center;position:relative;word-wrap:break-word;color:var(--primaryFontRegular)}.CardRowCenter .VehicleText{flex:0 1 100%;padding:.5em;font-size:1.1em}.CardRowCenter .VehicleButton{flex:0 1 auto;margin-right:.5em;margin-left:.5em}.CardRowCenter .VehicleDirection,.CardRowCenter .VehicleInfo,.CardRowCenter .VehiclePlatform,.CardRowCenter .VehicleVia{font-size:.8em}.CardRowCenter .surge{border:1px solid var(--cardBorder);padding:.2em;margin-right:1em}.CardRowCenter .LocationName{font-weight:600}.CardRowCenter .LocationInfo{font-size:.9em}.CardRowLeft{flex:0 0 25%;align-items:center;position:relative;font-family:var(--primaryFontBold);font-weight:500}.CardRowLeft .CardRowInner{display:flex;align-items:center;flex-direction:row}.CardRowLeft .AgencyLogo{flex:0 0 auto;margin-right:.5em}.CardRowLeft .AgencyLogo img{margin-top:5px;width:auto;height:1.2em}.CardRowLeft .VehicleName{font-size:1.2em;margin-right:.2em;letter-spacing:-.5px}.CardRowLeft .VehicleType{font-size:1.1em;margin-right:.2em}.CardRowLeft .VehicleCount{font-size:1.2em;margin-right:.2em}.CardRowLeft .VehicleCountLabel{font-size:.8em}.mode-floating .CardRowLeft .VehicleName{font-size:1em;font-family:var(--secondaryFontMedium);font-weight:500}.CardRowRight{font-family:var(--primaryFontBold);flex:1 1 30%;position:relative;display:flex;justify-content:flex-end;align-items:center}.CardRowRight .Crowding{flex:1 1 auto;margin-right:.5em;display:flex;align-items:center;justify-content:flex-start}.CardRowRight .Crowding .crowding-icon{flex:0 0 auto}.CardRowRight .Crowding .crowding-icon svg{width:auto;height:1.5em}.CardRowRight .Crowding .crowding-icon svg *{fill:var(--secondaryText)}.CardRowRight .Crowding .crowding-icon.empty svg *{opacity:.5}.CardRowRight .MassTransitPredictions{flex:0 1 auto}.CardRowRight .WalkPredictions{display:flex;justify-content:flex-end;align-items:center}.CardRowRight .WalkPredictions .WalkMinutes{flex:0 0 auto;font-size:1.3em;text-align:right;margin-right:.2em}.CardRowRight .WalkPredictions .Units{flex:0 1 25%;min-width:2.5em;margin-left:.2em}.CardRowRight .MinAway,.CardRowRight .WalkPredictions .Units{font-family:var(--primaryFontRegular);font-size:.9em;color:var(--unitText)}.CardRowRight .MinAway{text-align:left;align-items:center;justify-content:flex-end;display:flex}.CardRowRight .MinAway .Prediction{font-family:var(--primaryFontBold);color:var(--mainText);margin-right:.2em;font-size:1.5em;min-width:1.2em;text-align:right}.CardRowRight .Scheduled{font-size:.9em;color:var(--fadedText);text-align:right}.CardRowRight .ParkingCost{white-space:nowrap}.CardRowRight .ParkingCost .prediction{text-align:right;align-items:center;justify-content:flex-end;display:flex}.CardRowRight .ParkingCost .prediction .unit{margin-left:.5em;font-size:.8em}.CardRowRight .ParkingCost .prediction.unknown{font-size:.8em}.CardRows .RowArea{overflow:hidden;transition:height .2s ease-in;width:96%;margin:auto}.CardRows.collapsed .CardRow-lastabovefold{border:0}.CardTable{padding:.5em}.CardTable table{width:100%;text-align:left;border-collapse:collapse}.CardTable td,.CardTable th{padding:.5em 0}.CardTable td{width:25%;text-wrap:balance;border-top:1px solid var(--cardBorder)}.CardTable tr{position:relative;transition:height .2s ease-out}.CardTable tr.CardTableRowExpanded{overflow:hidden;background:var(--cardBackground);transition:all .15s ease-out;height:0}.CardTable tr.CardTableRowExpanded td{display:none;column-span:all;border:none;width:100%;padding:.5em}.CardTable tr.CardTableRowExpanded.active{height:50px}.CardTable tr.CardTableRowExpanded.active td{display:table-cell}.Card.CommunityMessageCard .Content{border:none;background:none;box-shadow:none;border-radius:0;position:relative;margin:1em auto;border:1px solid var(--cardBorder);box-sizing:border-box;overflow:hidden;width:96%}.Card.CommunityMessageCard .Slide{text-align:center;display:flex;justify-content:space-between;flex-direction:column;align-items:center;background-size:contain;background-repeat:no-repeat;background-position:top}.Card.CommunityMessageCard .Title{color:#fff;background-color:#aaa;flex:0 1 auto;display:flex;justify-content:center;align-items:center;padding:.5em;width:100%}.Card.CommunityMessageCard .Title span{font-size:1.4em;font-weight:700}.Card.CommunityMessageCard .Message{flex:0 1 auto;display:flex;justify-content:center;align-items:center;min-height:40%;width:100%;background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.99));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)}.Card.CommunityMessageCard .Message span{color:#223b47;padding:.2em 1em 1.5em;font-weight:500;font-size:1.3em}.Card.CommunityMessageCard .carousel .control-dots{margin:0}.Card.CommunityMessageCard .carousel .control-dots .dot{background:var(--toggleBackground);box-shadow:none;width:12px;height:12px;margin:0 8px}.DateTimeSelector{width:100%;display:flex;align-items:center;position:relative}.DateTimeSelector svg *{fill:#fff}.DateTimeSelector .picker{margin-top:1em;margin-left:2em;width:85%}.DateTimeSelector input{width:100%;height:37px;padding:0 .5em;min-width:80px;background:var(--inputBackground);border:1px solid var(--inputBorder);color:var(--inputText);border-radius:4px;font-size:inherit;font-family:var(--primaryFontRegular)}.DateTimeSelector input[disabled]{background:var(--appBackground);border:none}.DateTimeSelector .icon{margin-right:.5em}.DateTimeSelector .input-wrapper{position:relative;display:inline-block;width:100%}.DateTimeSelector .input-wrapper input{-webkit-appearance:none;appearance:none;box-sizing:border-box;padding-right:3rem;height:2.5rem;line-height:1.5rem;font-size:1rem;border:1px solid #ccc;border-radius:.375rem;width:100%}.DateTimeSelector .input-wrapper .custom-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);pointer-events:none;font-size:1.2rem;color:#666}.DateTimeSelector input[type=date]::-webkit-calendar-picker-indicator,.DateTimeSelector input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none;display:none}.DateTimeSelector input[type=date],.DateTimeSelector input[type=time]{-moz-appearance:textfield;height:2.37em}.DateTimeSelector input[type=time]{margin-left:.13em}.Debug{background:#fff;margin:0;border-top:1px solid #222;padding:1em;word-break:break-all;text-overflow:word-wrap}.Debug button{text-align:center;width:100%;border-radius:.5em;border:1px solid #222;font-size:1.2em;padding:.5em;display:block;margin:0 0 .5em;min-width:250px}.ExitButton{position:absolute;z-index:100;top:0;left:0;outline:none;margin:0;padding:.2em .2em 0 0}.ExitButton .icon{margin:.5em;background:var(--accentColor);box-shadow:0 .2em .5em #333;border-radius:2em;overflow:hidden;width:1em;height:1em;padding:.6em}.ExitButton .icon svg{width:100%;height:auto}.ExitButton .icon svg *{stroke:#fff;stroke-width:10}.ExitButton:active,.ExitButton:hover{background:none}.ExitButton:active .icon,.ExitButton:hover .icon{background:var(--buttonBackgroundHover)}.CloseButton{position:absolute;z-index:100;top:0;right:0;outline:none;margin:0;padding:.2em .2em 0 0}.CloseButton .icon{margin:.5em;background:var(--accentColor);box-shadow:0 .2em .5em #333;border-radius:2em;overflow:hidden;width:1em;height:1em;padding:.6em}.CloseButton .icon svg{width:100%;height:auto}.CloseButton .icon svg *{fill:#fff;stroke-width:.2}.CloseButton:active,.CloseButton:hover{background:none}.CloseButton:active .icon,.CloseButton:hover .icon{background:var(--buttonBackgroundHover)}.ExpandedInfo{transition:height .15s ease-in;overflow:hidden}.ExpandedInfo,.ExpandedInfo .ExpandedInfoInner{display:flex;align-items:center;justify-content:flex-end}.ExpandedInfo .ExpandedInfoInner{flex-wrap:wrap;text-align:right}.ExpandedInfo .ExpandedInfoInner .label{flex:0 1 10%;color:var(--secondaryText);font-size:.6em;line-height:1em}.ExpandedInfo .ExpandedInfoInner .numbers{font-family:var(--secondaryFontMedium);font-size:1.1em}.ExpandedInfo .ExpandedInfoInner .numbers span{margin-left:.5em}.ExpandedInfo .actual24 .numbers,.ExpandedInfo .actual .numbers,.ExpandedInfo .actualAMPM .numbers{font-size:.9em}.ExternalAppButton{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:30}.FavoriteButton{flex:0 0 auto;display:none}.FavoriteButton .FavoriteTap{text-align:center;border-radius:1em;display:block;margin-right:.5em}.FavoriteButton .FavoriteTap svg{width:.9em;height:.9em}.FavoriteButton.is-favorite{display:block}.FlightCard .CardTable.FlightTable th{text-align:center}.FlightCard .CardTable.FlightTable th:first-child{text-align:left}.FlightCard .CardTable.FlightTable td.city{width:20%;font-weight:700;max-width:100px}.FlightCard .CardTable.FlightTable td.info{font-size:.9em}.FlightCard .CardTable.FlightTable td.info div{display:flex;align-items:center;justify-content:center}.FlightCard .CardTable.FlightTable td.info div img{width:1.5em;height:1.5em;border-radius:.5em;margin:.5em .2em}.FlightCard .CardTable.FlightTable td.status{font-size:.9em;text-align:center}.FlightCard .CardTable.FlightTable td.time{text-wrap:nowrap;font-weight:500;font-size:1.1em;text-align:center}.LocationSearchDropdown{opacity:0;height:0;position:absolute;z-index:1;top:44px;width:100%;color:var(--mainText);background:var(--inputBackground);box-shadow:0 .3em .5em var(--appHeaderBoxShadow);overflow:scroll}.LocationSearchDropdown.active{height:500px;opacity:1}.LocationSearchDropdown .Result .select-item{border-bottom:1px solid var(--appHeaderBorder);cursor:pointer;display:block;width:100%;text-align:left;padding:1em}.LocationSearchDropdown .Result .select-item .select-item-address{font-size:.8em;color:var(--secondaryText)}.LocationSearchField{position:relative;display:flex}.LocationSearchField input{flex:0 1 100%;display:block;color:var(--inputText);border:1px solid var(--inputBorder);background:var(--inputBackground);padding:.5em .5em .5em 1em;height:44px;border-radius:.2em;font:inherit}.LocationSearchField input:focus{border-radius:.5em .5em 0 0}.LocationSearchField input.disabled{opacity:.25}.LocationSearchField input.locked{padding-left:.5em;border:none;background:none}.LocationSearchField input::-webkit-search-cancel-button{-webkit-appearance:none;height:12px;width:12px;background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'><path fill='%23222222' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/></svg>");background-position:50%;background-repeat:no-repeat;cursor:pointer}.LocationSearchField input::-webkit-search-decoration{display:none}.LocationSearchField .select-item{cursor:pointer;border-top:1px solid var(--appHeaderBorder);border-bottom:1px solid var(--appHeaderBorder);display:block;width:100%;text-align:left;padding:1em}.LocationSearchField .search-message{text-align:center;padding:1em;color:var(--secondaryText);font-size:.9em}.LocationTitle{flex:0 0 90%;margin:0 0 0 5%;display:block;text-align:left}.LocationTitle h1{font-size:1em;font-weight:600}.LocationTitle .LocationInput{border:0;color:inherit;text-align:center;width:99%;padding:.5em;font:inherit;font-size:1.1em;font-weight:700;outline:none;background:none;border-bottom:1px solid var(--appHeaderBorder)}.LocationTitle .LocationInput::placeholder{color:var(--appHeaderText)}.LocationTitle .StaticLocationName{width:99%;padding:.5em .5em .5em 0;font:inherit;font-size:1.1em;font-weight:700;outline:none}.LocationTitle .StaticLocationName .heading{display:flex;align-items:center}.LocationTitle .StaticLocationName .location-icon{flex:0 0 1.3em;width:1.3em;height:1.3em;margin-right:.5em}.LocationTitle .StaticLocationName .location-icon svg{width:100%;height:auto;vector-effect:non-scaling-stroke}.LocationTitle .StaticLocationName .location-icon svg *{stroke-width:1;stroke:var(--appHeaderText)}.LocationTitle .StaticLocationName .location-name{flex:0 1 100%}.LocationWaypoint{display:flex;align-items:center;margin:1em .5em 1em 1em;position:relative;box-sizing:initial;z-index:100}.LocationWaypoint:last-child{z-index:90}.LocationWaypoint .location-label{padding-left:30px;font-size:.9em;font-weight:700;flex:0 1 10%}.LocationWaypoint .location-name{flex:0 1 100%;position:relative}.LocationWaypoint .location-name .status{position:absolute;z-index:10;top:55px;left:.5em;background:var(--inputBackground);color:var(--mainText);width:90%;opacity:0}.LocationWaypoint .location-name .status.active{padding:.7em;top:1px;opacity:1;transition:opacity .1s ease-in}.MassTransitPredictions .PredictionFrequency,.MassTransitPredictions .PredictionMinutesAway,.MassTransitPredictions .PredictionString{display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;display:flex;text-align:right;justify-content:flex-end;align-items:center}.MassTransitPredictions .PredictionMinutesAway .Separator{flex:0 1 4%;font-size:1.3em}.MassTransitPredictions .PredictionMinutesAway .PredictionText{position:relative;flex:0 1 40%;min-width:1.5em;font-size:1.3em}.MassTransitPredictions .PredictionMinutesAway .Unit{margin-left:.5em;flex:0 0 20%;font-weight:100;font-size:.9em;font-family:var(--primaryFontRegular);color:var(--unitText)}.MassTransitPredictions .actualAMPM{font-size:.7em}.MassTransitPredictions .actualAMPM .PredictionText{word-wrap:break-word;min-width:70px}@media(max-width:800px){.MassTransitPredictions .actual,.MassTransitPredictions .actual24{font-size:.75em}}.MassTransitPredictions .actual24 .Separator,.MassTransitPredictions .actual .Separator{flex:0 .4 40%;font-size:1.3em}.MassTransitPredictions .PredictionString{min-width:5em}.MassTransitPredictions .PredictionFrequency .PredictionText{position:relative;flex:0 1 30%;min-width:1.5em;font-size:1.3em}.MassTransitPredictions .PredictionFrequency .PredictionPhrase{margin-left:.5em;flex:0 1 50%;text-align:right}.MassTransitPredictions .PredictionFrequency .Unit{margin-left:.5em;flex:0 0 20%;font-weight:100;font-size:.7em;color:var(--secondaryText)}.MenuDropdown{flex:0 1 100%;overflow-x:hidden;overflow-y:scroll;position:relative;text-align:center;background:var(--menuBackground);color:var(--mainText);height:80%;padding-bottom:50px}.MenuDropdown .SavedLocations{width:90%;margin:auto auto 2em;text-align:left}.MenuDropdown .Settings{width:90%;margin:auto;text-align:left}.MenuDropdown .Settings .CheckboxControl{display:inline-block;border:1px solid var(--buttonBorder);padding:.5em;border-radius:.6em;color:var(--buttonText);background:var(--buttonBackground)}.MenuDropdown .Settings .CheckboxControl.selected{background:var(--buttonBorder)}.MenuDropdown .Settings .CheckboxControl input{margin-left:.5em;border:1px solid var(--cmLightGray)}.MenuDropdown .text{padding:0 0 1em}.MenuDropdown .heading{font-size:1.2em;font-family:var(--primaryFontBold);font-weight:500;margin:1em 0 .5em;padding:0}.MenuDropdown ul{list-style:none;margin:auto;padding:0}.MenuDropdown li{display:block;position:relative}.MenuDropdown .button{font:inherit;font-weight:700;font-size:1.1em;text-align:left;display:block;background:none;border:none;border-top:1px solid var(--buttonBorder);width:92%;padding:.75em 4%}.MenuDropdown .button .address{margin-top:.2em;font-weight:200;font-size:.8em}.MenuDropdown .button:hover{background:var(--buttonBackgroundHover);color:var(--buttonTextHover)}.MenuDropdown .return.button{border:1px solid var(--buttonBorder);border-radius:1em;width:auto;display:inline-block;padding:.5em 1em;margin:.5em auto;text-align:center}.MenuDropdown .delete.button{position:absolute;top:1em;right:0;width:1em;height:1em;padding:.2em;border:0;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;transition:opacity .2s ease-in;border:1px solid var(--appHeaderText);border-radius:3em}.MenuDropdown .delete.button svg{padding-top:.3em;width:100%;height:auto}.MenuDropdown .delete.button svg *{stroke:var(--appHeaderText)}.MenuDropdown .delete.button.prompt{position:absolute;top:1px;width:98%;height:100%;background:var(--appHeaderBackground);border:0;border-radius:none;opacity:.9;white-space:pre}.MenuDropdown .delete.button .prompt-text{color:var(--tsWhite);background:var(--buttonDestroy);border-radius:.5em;padding:.5em;border:1px solid var(--buttonBorder)}.MenuWrapper{max-width:800px;margin:auto;transition:height .2s ease-in-out;overflow:hidden;position:relative;z-index:200;display:flex;flex-direction:column}body.isDesktop .MenuWrapper{max-height:80vh}body.isDesktop .MenuWrapper.expanded{box-shadow:0 .5em 1em var(--appHeaderBoxShadow)}.AppHeader .MenuHeader{text-align:center;flex:0 0 60px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;position:relative}.AppHeader .MenuHeader .heading{position:relative;line-height:1.1em}.AppHeader .MenuHeader .AppLogo{flex:0 0 3em;border-right:0;margin:0;padding:0}.AppHeader .MenuHeader .ExitTapArea{flex:0 0 2em;padding-right:.5em}.AppHeader .MenuHeader .ExitTapArea svg{width:100%;height:auto}.NearbyCard .Content{width:90%;overflow:hidden;padding:0;margin:1em auto;box-sizing:border-box}.NearbyCard .Title{font-family:var(--primaryFontBold),"Helvetica Neue",sans-serif;font-size:1.2em;text-align:center;margin-top:.5em;border-bottom:1px solid var(--cardHeaderBorder);padding-bottom:.5em}.NearbyCard .carousel .slide{padding:1em 0 2em}.NearbyCard .carousel .control-dots .dot{background:var(--toggleBackground);box-shadow:none;width:12px;height:12px;margin:0 8px}.NearbyCard .Page .Row{text-align:left;padding:.5em;margin-bottom:.5em;border-bottom:1px solid var(--cardBorder);display:flex}.NearbyCard .Page .Row:last-child{border:none}.NearbyCard .Page .Icon svg{width:1.5em;height:1.5em;margin-right:.5em}.NearbyCard .Page .Place{flex:0 1 100%}.NearbyCard .Page .PlaceName{font-weight:700;font-size:1.1em;letter-spacing:.2px}.NearbyCard .Page .Navigate{flex:0 1 auto;text-align:right;font-family:var(--secondaryFontMedium);font-size:.9em}.NearbyCard .Page .Hours{margin-top:.25em;font-size:1em}.NearbyCard .Page .OpenMessage{font-weight:700}.NearbyCard .Page .LocationName{font:200 .9em/1.5em var(--secondaryFontBold),Monospace,Courier}.OpenMapButton{flex:0 0 3em}.OpenMapButton .OpenMapButton-TapArea{display:block;width:100%;text-align:center}.OpenMapButton .OpenMapButton-TapArea .Icon svg *{stroke:var(--uiIconColor)}.OpenMapButton .OpenMapButton-TapArea:active .Button,.OpenMapButton .OpenMapButton-TapArea:hover .Button{background:var(--appHeaderBackground)}.OpenMapButton .OpenMapButton-TapArea:active .Button .injected-svg *,.OpenMapButton .OpenMapButton-TapArea:hover .Button .injected-svg *{stroke:var(--uiHoverColor)}.RouteAlert{padding-top:.5em;font-size:1em;line-height:1.5em;display:flex}.RouteAlert .AlertIcon{flex:0 1 .5em;margin-right:.5em}.RouteAlert .AlertContent{flex:0 1 100%}.RouteAlert .AlertDescription{font-size:.8em;line-height:1.5em}.RouteAlert .AlertIcon img{width:1.5em;height:auto}.SearchResults{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--appBackground);z-index:1000;overflow-y:scroll;overflow-x:hidden}.SearchResults h3{margin:.5em}.SearchResults .Content{width:90%;margin:auto}.SeeMore{width:100%;display:flex;align-items:center;font-size:.8em;color:var(--fadedText);border-radius:.5em;overflow:hidden}.SeeMore .Icon{margin-left:.5em;padding:.75em}.SeeMore .Icon svg{width:auto;height:1em}.SeeMore .Icon svg *{stroke:var(--fadedText)}.SeeMore:hover{background:var(--buttonBackgroundHover)}.StaticHeader{display:flex;text-align:left;align-items:center;flex-wrap:nowrap;padding-top:3px}.StaticHeader .AppLogo{flex:0 1 3em;font-weight:600;margin-right:.5em;padding:.5em}.StaticHeader .AppLogo img{vertical-align:middle;width:2.5em;height:2.5em}.StaticHeader .Container{padding-left:.5em;display:flex}.StaticHeader .CustomerInfo{flex:0 1 100%}.StaticHeader .CustomerInfo .container{display:inline-block;margin:.5em;padding:.5em}.StaticHeader .CustomerInfo img{display:inline-block;vertical-align:top;margin-right:1em;width:auto;height:2.5em;border-radius:4px}.StaticHeader .address{font-size:.6em}.Card.StaticImageCard .Content{background:none;border:none;box-shadow:none;padding:0;margin-top:1em}.StaticImageCard img{width:100%;height:auto}.Card.StaticTextCard .Content{display:flex;align-items:center;justify-content:center;min-height:80px;border-radius:0;overflow:hidden;padding:0;margin:auto;width:90%}.Card.StaticTextCard .Text{width:100%;padding:0;margin:0;overflow:hidden}.Card.StaticTextCard iframe{width:100%!important;border:0;padding:0;margin:0}.Card.StaticTextCard h1{font-size:1.4em}.Card.StaticTextCard h1,.Card.StaticTextCard h2{margin:.5em 0 .2em;font-family:var(--primaryFontBold)}.Card.StaticTextCard h2{font-size:1.2em}.Card.StaticTextCard h3{margin:.5em 0 .2em;font-size:1.1em;font-family:var(--primaryFontBold)}.Card.StaticTextCard table{width:100%;border-collapse:collapse;margin:.5em 0}.Card.StaticTextCard td{border:1px solid #ccc;padding:.5em}.StepList{padding:0;margin:1em 0 1em .5em;list-style:none}.StepList .StepList{margin:0}.StepList .Step{position:relative;padding:0;margin-bottom:.5em}.StepList .Step .container{display:flex;position:relative}.StepList .Step .step-expanded{position:relative}.StepList .Step .TapArea{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.StepList .Step .step-line-dot-column{position:relative;flex:0 0 1.75em;overflow:hidden}.StepList .Step .step-line-dot-column .Icon{position:absolute;z-index:10;left:5px;top:0}.StepList .Step .step-line-dot-column .Icon.stepEnd{top:unset;bottom:11px}.StepList .Step .step-line-dot-column .Icon svg{position:absolute;top:0;left:0;right:0;bottom:0;width:11px;height:auto}.StepList .Step .step-line-dot-column .line{position:absolute;z-index:1;height:100%;min-height:100px;top:0;left:9.5px;width:1.5px;border-left:1.5px dashed var(--mainText)}.StepList .Step.with-color .step-line-dot-column .line{left:8.5px;top:5px;width:3px;height:100%;border:none;background-color:var(--mainText)}.StepList .Step .step-icon-column{flex:0 0 3em;display:flex;align-items:center}.StepList .Step .step-icon-column .direction-icon .Icon svg{width:2em;height:2em}.StepList .Step .step-icon-column .direction-icon .Icon svg *{stroke:var(--mainText)}.StepList .Step .step-icon-column .mode-icon .Icon svg{width:2em;height:1.5em}.StepList .Step .step-icon-column .mode-icon .Icon svg *{stroke:var(--mainText)}.StepList .Step .step-info-column{margin-top:-.2em;flex:0 1 100%;padding:1em 0;font-size:.8em}.StepList .Step .step-info-column .header{font-size:1.2em}.StepList .Step .step-info-column .routes{margin:1em 0 0;font-size:1.3em;display:flex;align-items:center}.StepList .Step .step-info-column .routes>*{margin-right:.5em}.StepList .Step .step-info-column .routes .route-indicator{width:1.2em;flex:0 0 auto;border-radius:.2em}.StepList .Step .step-expand-icon{flex:0 0 2em;display:flex;align-items:center}.StepList .Step .step-expand-icon svg{width:1em;height:auto}.StepList .Step .time{color:var(--secondaryText)}.StopAlert{display:flex;margin:.5em 0;padding-top:.5em;border-top:1px solid #ddd}.StopAlert .AlertHeader{font-weight:700}.StopAlert .AlertIcon{margin-right:.5em}.TabBar{position:fixed;z-index:100;left:0;height:80px;width:100%;border-bottom:1px solid var(--navBorder)}.TabBar.top{top:0;box-shadow:0 .2em .5em var(--navBoxShadow)}.TabBar.top.visible{transition:top .4s ease-in;top:0}.TabBar.top.hidden{transition:top .8s ease-out;top:-100px}.TabBar.top .selected-indicator{top:0;bottom:unset;border-radius:0 0 5px 5px}.TabBar.bottom{bottom:0}.TabBar.bottom.visible{transition:bottom .4s ease-out;bottom:0}.TabBar.bottom.hidden{transition:bottom .8s ease-in;bottom:-100px}.TabBar .TabBarControls{height:100%;width:100%;margin:auto}.TabBar .TabBarControls,.TabBar .TabBarControls .ModeFilterButtons{display:flex;align-items:center;justify-content:center;overflow:hidden}.TabBar .TabBarControls .ModeFilterButtons{flex:1 1 80%;height:80px;background:var(--navBackground)}.TabBar .TabBarControls .TripPlanButton{flex:0 1 18%;height:80px;background:var(--navBackground);overflow:hidden}.TabBar .bottom-spacer{width:100%;height:0;background:var(--navBackground);margin-top:-1px;padding-bottom:1px}.TabBarButton{flex:1 1;overflow:hidden;text-align:center;height:100%;background:var(--navBackground)}.TabBarButton.tripplan{background-color:var(--navBackground)}.TabBarButton.tripplan button:before{content:"";position:absolute;top:15%;left:0;width:1px;height:70%;background:linear-gradient(180deg,var(--appBackground) 10%,var(--accentColor) 49.5%,var(--appBackground) 90%);border-radius:2px}.TabBarButton span{display:block}.TabBarButton span.text{font-size:.9em;font-family:var(--primaryFontRegular);color:var(--navButton)}.TabBarButton .icon{display:inline-block}.TabBarButton .icon,.TabBarButton .icon svg{width:30px;height:30px}.TabBarButton .icon svg *{stroke:var(--navButton);vector-effect:non-scaling-stroke;stroke-width:1}.TabBarButton.tripplan svg .st1tripplan{fill:var(--navButton)}.TabBarButton button{cursor:pointer;padding:0;margin:0;border:0;background:none;width:100%;height:100%;outline:none;position:relative}.TabBarButton button:hover{background:none}.TabBarButton button .selected-indicator{position:absolute;bottom:0;left:10%;margin:auto;overflow:hidden;border-radius:5px 5px 0 0;width:80%;height:0;background-color:var(--navBackground);transition:height .25s linear}.TabBarButton.selected .selected-indicator{height:6px;background-color:var(--navButtonActiveBackground)}.TabBarButton.selected .text{color:var(--navButtonActiveText)}.TabBarButton.selected svg *{stroke:var(--navButtonActive)}.Tester{font:400 90%/1.2 "proxima_novamedium","Helvetica Neue",Helvetica,sans-serif;overflow:hidden;position:relative;z-index:200;max-width:600px;margin:auto;padding:1em;color:#000724;background:#f6f6f4}.Tester ul{margin-left:1em}.Tester div{-webkit-user-select:text;user-select:text}.Tester .desc{text-align:center;padding-bottom:2em}.Tester h1{color:#0f67c2;font-size:1.2em;margin-bottom:.5em;text-align:center}.Tester h1.page-title{color:#081754}.Tester h2{font-size:1.1em;margin:1em 0 .5em}.Tester hr{border:1px solid #afb1bf;margin:2em 0}.Tester .button-group{display:flex}.Tester .button-group button{margin-right:.5em}.Tester .button-group button:last-child{margin:0}.Tester button{background:#fff;border:1px solid #aaa;padding:.5em .5em .5em 1em;display:block;min-height:44px;font-weight:400;text-align:left;width:100%;border-radius:.5em}.Tester button.selected,.Tester button:active,.Tester button:hover{background:#72b1f2;font-weight:500}.Tester .select-group{width:80%;margin:auto auto 1.5em}.Tester .select-group .title{text-align:center;margin-bottom:5px}.Tester .select-group button{min-height:30px;margin:0;font-weight:400;border:1px solid #ccc}.Tester .qalink{position:relative}.Tester .qalink:after{content:"->";font-weight:800;position:absolute;right:1em;top:25%}.Tester ul{margin-bottom:.5em}.Tester input[type=text],.Tester select{cursor:pointer;border:1px solid #888;font:inherit;width:90%;padding:.5em;font-family:Courier,Monospace;background:#fff}.Tester input[type=checkbox]{padding:1em;margin:1em;border:1px solid #ccc}.Tester textarea{font-family:Courier,Monospace;min-height:100px;font-size:1em}.Tester .Submit,.Tester textarea{width:100%;font-weight:600;padding:.5em;border:1px solid #ccc}.Tester .Submit{margin-top:.5em;border-radius:2em;text-align:center;margin-bottom:.5em;letter-spacing:-.5px;font-family:inherit;font-size:1.2em}.Tester .InlineSubmit,.Tester .Submit{height:50px;background:#1c99ef;color:#fff;cursor:pointer;outline:0}.Tester .InlineSubmit{border:1px solid #ccc;border-radius:1em;margin-top:.2em;width:100%;padding:.5em;font-weight:700}.Tester .Submit:hover{background:#0033ef}.Tester .Field{display:flex;align-items:center}.Tester .Field label{flex:1 0 150px;color:#0f67c2;padding-right:.5em}.Tester .Field label span{font-size:.8em;color:#000724}.Tester .Field.Dropdown.show-arrow select{font-size:.8em;background:#eee}.Tester .FieldGroup{margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px solid #ddd}.Tester #errors.success{animation:greensplash 2s}.Tester #errors.failure{animation:redsplash 2s}@keyframes greensplash{0%{background:#eee}70%{background:#0f0}to{background:#eee}}@keyframes redsplash{0%{background:#eee}70%{background:red}to{background:#eee}}.Tester .ActivationCodeInput .code{margin-left:1.5em}.Tester .ActivationCodeInput .codeInput{border-radius:.5em;width:80%;height:2.5em;border:none;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCodeInput .urlInput{border-radius:.5em;width:100%;height:2.5em;border:none;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCodeInput .loadButton{cursor:pointer;display:flex;justify-content:center;margin:auto;align-items:center;color:#fff;width:60%;height:2.5em;background:#2386ee;box-shadow:.706705px 1.41341px 3.53352px 1.41341px rgba(0,0,0,.16);border-radius:7.35631px}.Tester .ActivationCodeInput .error{border:1.54167px solid #fd4a5c}.Tester .ActivationCode .activation-container{width:100%}.Tester .ActivationCode .activation-container,.Tester .ActivationCode .customerName{margin-top:1em;display:flex;flex-direction:row}.Tester .ActivationCode .customerName .customerOptions{margin-left:2em;width:65%;display:flex;flex-direction:column}.Tester .ActivationCode .customerName .customerDropdown{width:100%;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCode .customerName .customerText{border-radius:.3em;width:100%;height:2.5em;border:none;margin-top:1em;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCode .maxActivations{margin-top:2em;display:flex;flex-direction:row}.Tester .ActivationCode .maxActivations .maxActivationText{margin-left:3.5em;border-radius:.3em;width:40%;height:2.5em;border:none;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCode .activationDate{margin-top:1em;display:flex;flex-direction:row}.Tester .ActivationCode .activationDate .activationDateOptions{margin-left:2em;width:65%;display:flex;flex-direction:column}.Tester .ActivationCode .deactivationDate{margin-top:1em;margin-bottom:2em;display:flex;flex-direction:row}.Tester .ActivationCode .deactivationDate .deactivationOptions{margin-left:2em;width:65%;display:flex;flex-direction:column}.Tester .ActivationCode .dateDropdown{width:35%}.Tester .ActivationCode .radio{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.Tester .ActivationCode .radio-button{margin-right:.5em}.Tester .ActivationCode .dateSelect{width:50%;border:none;border-radius:.3em;height:2.5em;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCode .submitActivationCode{cursor:pointer;display:flex;justify-content:center;margin:auto;align-items:center;font-size:1.3em;color:#fff;width:30%;height:2.2em;background:#2386ee;box-shadow:.706705px 1.41341px 3.53352px 1.41341px rgba(0,0,0,.16);border-radius:7.35631px}.Tester .ActivationCode .customerUrl{margin-top:3em}.Tester .ActivationCode .customerUrl .urlContainer{border-radius:.3em;width:100%;height:2.5em;border:none;box-shadow:0 .3em .5em #ccc}.Tester .ActivationCode .customerUrl .copyButton{cursor:pointer;display:flex;justify-content:center;margin:auto;align-items:center;color:#fff;width:60%;height:2.5em;background:#2386ee;box-shadow:.706705px 1.41341px 3.53352px 1.41341px rgba(0,0,0,.16);border-radius:7.35631px}.Tester .ActivationCode .error{border:1.54167px solid #fd4a5c}.Tester .ActivationCode .message{display:flex;justify-content:center;margin:1em auto auto;align-items:center}.Tester .ActivationCode .success{color:#4bb543}.TrafficCard.hidden{display:none}.TrafficCard h2{font-size:1.2em;font-family:var(--primaryFontBold),"Helvetica Neue",sans-serif;font-weight:500}.TrafficCard .header{display:flex;align-items:center;width:100%;font:inherit;font-family:var(--secondaryFontMedium);font-size:.8em;margin:.5em 0;padding-bottom:.5em;border-bottom:2px solid #ddd}.TrafficCard .header>div{flex:0 1 100%}.TrafficCard .header .route{flex:0 1 60%;text-align:center}.TrafficCard .header .prediction{text-align:center;flex:0 1 50%}.TrafficCard .row{display:flex;align-items:center;width:100%;font:inherit;border-bottom:1px solid #ddd;padding-bottom:.5em}.TrafficCard .row:last-child{border:none}.TrafficCard .row>div{flex:0 1 100%}.TrafficCard .row .route{text-align:center;flex:0 1 60%;margin:.2em 0}.TrafficCard .row .route .RouteIcon{background-position:50%;background-repeat:no-repeat;background-size:contain;padding:.8em 1em .6em}.TrafficCard .row .route .label{font-family:var(--primaryFontBold);font-size:1.2em;letter-spacing:.02em;text-align:center}.TrafficCard .row .route .label.text{font-size:1em;text-align:left}.TrafficCard .row .prediction{font-family:var(--secondaryFontMedium);font-size:1.1em;flex:0 1 50%;text-align:center}.TrafficCard .row .unit{font-weight:100;font-size:.6em;color:var(--secondaryText)}.TrafficMapboxCard{text-align:left}.TrafficMapboxCard.hidden{display:none}.TrafficMapboxCard h2{font-size:1.2em;font-family:var(--primaryFontBold),"Helvetica Neue",sans-serif;font-weight:500}.TrafficMapboxCard .header{display:flex;align-items:center;width:100%;font:inherit;font-family:var(--secondaryFontMedium);font-size:.8em;margin:.5em 0;padding-bottom:.5em;border-bottom:2px solid #ddd}.TrafficMapboxCard .header>div{flex:0 1 100%;margin-right:.5em}.TrafficMapboxCard .header>div:first-child{margin-left:.5em}.TrafficMapboxCard .header>div.prediction,.TrafficMapboxCard .header>div.route{text-align:center}.TrafficMapboxCard .row{display:flex;align-items:center;width:100%;font:inherit;border-bottom:1px solid #ddd;padding:.5em 0;min-height:2.5em}.TrafficMapboxCard .row:last-child{border:none}.TrafficMapboxCard .row>div{flex:0 1 100%;margin-right:.5em}.TrafficMapboxCard .row>div:first-child{margin-left:.5em}.TrafficMapboxCard .row .route{display:flex;align-items:center;justify-content:center}.TrafficMapboxCard .row .route .RouteIcon{background-position:50%;background-repeat:no-repeat;background-size:contain;padding:.8em 1em .6em}.TrafficMapboxCard .row .route .label{font-family:var(--primaryFontBold);font-size:1.2em;letter-spacing:.02em}.TrafficMapboxCard .row .route .label.text{font-size:1em}.TrafficMapboxCard .row .prediction{display:flex;align-items:center;justify-content:center;font-family:var(--secondaryFontMedium);font-size:1.3em}.TrafficMapboxCard .row .unit{font-weight:100;font-size:.6em;margin-left:.5em}.TrafficV2Card{text-align:left}.TrafficV2Card.hidden{display:none}.TrafficV2Card h2{font-size:1.2em;font-family:var(--primaryFontBold),"Helvetica Neue",sans-serif;font-weight:500}.TrafficV2Card .header{display:flex;align-items:center;width:100%;font:inherit;font-family:var(--secondaryFontMedium);font-size:.8em;margin:.5em 0;padding-bottom:.5em;border-bottom:2px solid #ddd}.TrafficV2Card .header>div{flex:0 1 100%;margin-right:.5em}.TrafficV2Card .header>div:first-child{margin-left:.5em}.TrafficV2Card .header>div.prediction{text-align:center}.TrafficV2Card .row{display:flex;align-items:center;width:100%;font:inherit;border-bottom:1px solid #ddd;padding:.5em 0;min-height:2.5em}.TrafficV2Card .row:last-child{border:none}.TrafficV2Card .row>div{flex:0 1 100%;margin-right:.5em}.TrafficV2Card .row>div:first-child{margin-left:.5em}.TrafficV2Card .row .route .RouteIcon{background-position:50%;background-repeat:no-repeat;background-size:contain;padding:.8em 1em .6em}.TrafficV2Card .row .route .label{font-family:var(--primaryFontBold);font-size:1.2em;letter-spacing:.02em}.TrafficV2Card .row .route .label.text{font-size:1em}.TrafficV2Card .row .prediction{text-align:center;font-family:var(--secondaryFontMedium);font-size:1.3em}.TrafficV2Card .row .unit{font-weight:100;font-size:.6em}.TrafficV2Card .row .congestion{text-transform:capitalize}.TrafficV2Card .row .congestion .indicator{width:.5em;height:.5em;border-radius:.5em;display:inline-block;margin-right:.5em}.TripOptions{margin-top:1em;padding:1em 1em 50px}.TripOptions .trip-group{margin-bottom:2em}.TripOptions .trip-group h3{margin-bottom:.5em;color:var(--mainText)}.TripOptions .trip-group .trip-group-content{background:var(--cardBackground);box-shadow:0 4px 4px rgba(0,0,0,.1);border-radius:.5em}.TripOption header{display:flex;align-items:center}.TripOption header h3{flex:0 1 100%;text-align:left;padding:0 0 .2em .2em}.TripOption header .Icon{flex:0 1 20%;text-align:right}.TripOption header .Icon svg{width:auto;height:1.5em}.TripOption header .Icon svg *{stroke-width:1.5;stroke:var(--mainText)}.TripOption button{padding:1.2em 1em .75em;text-align:left;width:100%;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--cardBorder)}.TripOption button:active,.TripOption button:hover{color:var(--buttonTextHover);background:var(--buttonBackgroundHover);border-radius:5px}.TripOption button .open-new-icon{position:absolute;top:.5em;right:1em;width:1em;height:1em}.TripOption button[disabled]{background:#f6f6f4;opacity:.4;cursor:default;mix-blend-mode:darken}.TripOption .mode-icon svg *{fill:var(--mainText)}.TripOption.recommended h3{color:#2386ee}.TripOption.recommended button{border-color:var(--mainText)}.TripOption.recommended .recommended-flag{text-align:right;font-size:.8em;color:var(--fadedText);display:flex;align-items:center;justify-content:flex-end;padding:.5em}.TripOption.recommended .recommended-flag .Icon{margin-left:.5em}.TripOption .option-icons{display:flex;align-items:center;width:100%}.TripOption .option-icons .option-icons--mini-trip{flex:0 1 80%}.TripOption .option-icons .option-icons--time{flex:0 1 20%;text-align:right;width:100%;min-width:50px}.TripOption .option-icons .option-icons--time .time{font-weight:700}.TripOption .option-icons .option-icons--time .min{color:#afb1bf;font-size:.8em}.TripPlanScreen{position:relative;background:var(--appBackground)}.TripPlanScreen .screen-header{top:0;z-index:50}.TripPlanScreen .screen-header .Text{margin-left:3em}.TripPlanScreen .body .map .Icon svg{width:2.5em;height:2.5em}.TripPlanScreen .body .content{margin:auto;max-width:500px;padding:.5em}.TripPlanScreen .body .content h2{margin-top:1em;margin-bottom:.5em;font-size:1.2em}.TripPlanScreen .body .content .button-group{width:80%;margin:auto auto 2em}.TripPlanContent h4{margin-bottom:.5em}.TripPlanContent .route-indicator{vertical-align:middle;display:inline-block;width:6px;height:20px;margin-left:.2em;margin-right:.2em;border-radius:20px;background:#ccc}.TripPlanContent .TripOption button{border:none}.TripPlanContent .directions{background:var(--cardBackground);padding:.2em;box-shadow:0 .1em .3em var(--cardBoxShadow);border-radius:.5em;margin-bottom:1.5em}.TripPlanContent.TripPlanContentStepBased .StepList .StepList{margin-left:2em}.TripPlanContent.TripPlanContentStepBased .StepList .StepList .step-info-column{padding:.5em 0}.TripPromoCard{flex:1 1 100%;display:block;width:100%;text-align:center}.TripPromoCard h3{margin-bottom:.5em}.TripPromoCard .TapArea{color:var(--cardText);background:var(--cardBackground);box-shadow:0 .1em .5em var(--cardBoxShadow);max-width:500px;width:80%;margin:.5em auto;padding:1em;border-radius:1em}.TripPromoCard .TapArea:hover{color:var(--buttonTextHover);background:var(--buttonBackgroundHover)}.TripScreen{display:none;position:fixed;left:0;z-index:1100;width:100vw;min-height:100vh;min-height:-webkit-fill-available;background:var(--appBackground);box-shadow:0 -1em 3em var(--cardBoxShadow);bottom:-100vh;transition:bottom 375ms ease-out}.TripScreen .screen-search{z-index:1}.TripScreen .screen-search,.TripScreen .screen-trip-plan{position:absolute;height:100%;width:100%;overflow:scroll;top:0;background:var(--appBackground)}.TripScreen .screen-trip-plan{z-index:2;left:100vw;transition:left .25s ease-in;box-shadow:0 0 5em var(--cardBoxShadow)}.TripScreen .trip-footer{padding:.5em}.TripScreen .trip-footer .af-logo{text-align:center;font-size:.8em;display:flex;align-items:center;justify-content:center}.TripScreen .trip-footer .af-logo .Icon{margin-left:.5em}.TripScreen .trip-footer .af-logo .Icon svg{width:auto;height:1.5em}.TripScreen .trip-footer .version{color:#d4d9e6}.isMobileSafari .TripScreen{margin-top:11vh;height:89vh}.isMobileSafari .TripScreen .screen-search,.isMobileSafari .TripScreen .screen-trip-plan{padding-bottom:140px}.isDesktop .TripScreen{min-height:100vh}.TripSearchScreen{margin:auto;max-width:500px;background:var(--appBackground);min-height:95vh}.TripSearchScreen .search-area{background:var(--appBackground);color:#f6f6f4;padding-bottom:1em}.TripSearchScreen .search-area .advanced{display:block;transition:height .15s linear}.TripSearchScreen .search-area .advanced button{display:block;float:right;padding:1em;min-width:30%;color:var(--fadedText);background:none;text-align:right;font-size:.8em;border-radius:1em;margin-right:.5em}.TripSearchScreen .header{padding:1.2em 0 0;display:flex;flex-direction:column;align-items:center}.TripSearchScreen .header h1{font-weight:600;color:var(--mainText)}.TripSearchScreen .header span{position:absolute;right:0;top:0;color:#aaa}.TripSearchScreen .trip-icon *{fill:var(--mainText)}@media(max-width:800px){.TripSearchScreen .trip-icon *{width:100px;height:100px}}@keyframes swing{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.TripSearchScreen .swing{animation:swing 2.5s ease-in-out infinite}.TripSearchScreen .no-spin{animation:none!important}.TripSearchScreen .status-message{font-size:1.2em;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.TripSearchScreen .status-message .loading-animation{overflow:hidden;width:0;height:0;transition:all .35s ease-out}.TripSearchScreen .status-message.visible .text{padding:1em}.TripSearchScreen .status-message.visible .loading-animation{width:15em;height:15em}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}.TripSearchScreen .planner-options{width:100%;margin-top:0;margin-bottom:1em;display:flex;justify-content:center}.TripSearchScreen .planner-options svg{width:3em;height:3em}.TripSearchScreen .planner-options .plan-option{margin-left:5em;margin-right:5em;display:flex;flex-direction:column;text-align:center}@media(max-width:800px){.TripSearchScreen .planner-options .plan-option{margin-left:3em;margin-right:3em}.TripSearchScreen .planner-options .plan-option p{width:6em}}.TripSearchScreen .planner-options .gradient-line{width:1px;height:75px;background:linear-gradient(180deg,var(--appBackground) 10%,var(--accentColor) 49.5%,var(--appBackground) 90%);border-radius:1px}.TripSearchScreen .locations{display:flex}.TripSearchScreen .locations .waypoints{flex:0 0 90%;text-align:center;margin-left:1em}.TripSearchScreen .locations .waypoints h3{color:var(--mainText)}.TripSearchScreen .parameters{margin:.5em 1em 1em;display:flex}.TripSearchScreen .parameters input{border:1px solid var(--inputBorder);color:var(--inputText);background:var(--inputBackground);font:inherit}.TripSearchScreen .parameters .date{flex:1 0 7.5em;margin-right:.5em}.TripSearchScreen .parameters .time{flex:1 0 6.5em;margin-right:.5em}.TripSearchScreen .parameters .submit{flex:1 1 6em;font-size:1.3em;margin:auto;font-weight:700;color:var(--submitText);background:var(--submitBackground);border-radius:.3em}.TripSearchScreen .icons{width:100%;display:flex;justify-content:space-between;height:8px}.TripSearchScreen .icons .trip-line{margin-left:1.1em;margin-top:-8px;height:20px;overflow:hidden}.TripSearchScreen .icons .trip-line *{stroke:var(--fadedText)}.TripSearchScreen .datetime-container{clear:both;display:flex;justify-content:space-between;width:92%;margin-bottom:1em;overflow:visible}.TripSearchScreen .dropdown{margin-top:1em;margin-left:2em;width:80%;color:#000}.TripSearchScreen .search-button{margin:1.5em auto 0;display:block;width:40%;height:3.2em;color:#fff;background:var(--accentColor);box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:8px;font-weight:700}.TripSearchScreen .search-button:hover{background:var(--buttonBackgroundHover)}.UnavailableAgencies{padding:.5em;text-align:center}.UpdateAnimation{position:fixed;z-index:1000;top:0;left:0;width:0;height:5px;background:var(--uiActive);border-radius:0 1em 1em 0;overflow:hidden;box-shadow:0 0 2em var(--uiActive);opacity:0;transition:opacity .25s linear}.UpdateAnimation.Stretch{opacity:1;animation:stretchBar 1.7s ease-out;animation-iteration-count:1;animation-fill-mode:forwards}.UpdateAnimation.Stretch.Fade{opacity:0!important}@keyframes stretchBar{0%{width:-10%}60%{width:90%}90%{width:100%}to{width:100%}}.ActiveWorkingIndicator{background:#fff;width:100%;height:100%;animation:colorBar 3s infinite;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes colorBar{0%{opacity:0}70%{opacity:.7}to{opacity:0}}.VehicleColor{flex:0 0 auto;width:1.2em;height:1.2em;margin-right:.4em;border-radius:.2em}.noVehicleColor .VehicleColor{display:none}.WeatherCard{padding:.5em;color:var(--mainText);font-family:var(--primaryFontRegular)}.WeatherCard .Blocks{display:flex}.WeatherCard .Forecast{text-align:center;flex:0 1 100%}.WeatherCard .Forecast .header{border-bottom:1px solid var(--cardBorder);padding-bottom:.5em}.WeatherCard .Forecast .header .Icon{border-radius:2em;overflow:hidden}.WeatherCard .Forecast .header .Icon svg{fill:var(--mainText);width:3em;height:3em}.WeatherCard .Forecast .header .Label{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8em;min-height:2.5em;overflow-wrap:anywhere}.WeatherCard .Forecast .content{margin-top:.5em;padding-left:.2em;text-align:center}.WeatherCard .Time{font-size:.8em;font-weight:700;font-family:var(--secondaryFontBold);margin-right:.5em;margin-bottom:.5em}.WeatherCard .Temperature{flex:0 0 100%;font-size:1.1em}
/*# sourceMappingURL=main.5466b9d6.chunk.css.map */