diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 8e8a0765a..4c82fb395 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -6203,7 +6203,7 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`]
 </table>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -6217,478 +6217,364 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 1`] = `
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 446,
-        "elevationGained": 15.61,
-        "elevationLost": 1.679999999999998,
-        "endTime": 1573688966000,
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 250,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
         "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1116.0369999999998,
-            "duration": 446,
-            "endTime": 1573688966000,
+            "distance": 81.875,
+            "duration": 71,
+            "endTime": 1573688769000,
             "from": Object {
-              "departure": 1573688520000,
-              "lat": 45.519610192858764,
-              "lon": -122.67747003370778,
-              "name": "503 SW Alder St, Portland, OR, USA 97204",
-              "orig": "503 SW Alder St, Portland, OR, USA 97204",
+              "departure": 1573688698000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 61,
-              "points": "cpytGlmwkVF]@GDQ@ERFxAp@LFFBCJCJ?@m@hDCJAJCHW|AMn@EVCPEVk@zCCNCLUnAALENg@zCCJAHEPAHi@vCEVCTe@lCEPEVERi@~CCRGZ_@xBIb@EVERi@~CCLCRKl@O|@G\\\\EPCNG\\\\i@|CCLCRSfAAHAB",
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
             },
-            "mode": "BICYCLE",
+            "mode": "WALK",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688520000,
+            "startTime": 1573688698000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 26.427,
-                "elevation": Array [],
-                "lat": 45.51954167352444,
-                "lon": -122.67750715719282,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "SW Alder St",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 78.352,
-                "elevation": Array [],
-                "lat": 45.5194572,
-                "lon": -122.6771901,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW 5th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
-                "bogusName": false,
-                "distance": 1011.2579999999999,
+                "bogusName": true,
+                "distance": 50.946,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 10.702842545446778,
-                  },
-                  Object {
-                    "first": 10.63,
-                    "second": 10.962842545446778,
-                  },
-                  Object {
-                    "first": 81.981,
-                    "second": 13.432842545446778,
-                  },
-                  Object {
-                    "first": 87.431,
-                    "second": 13.442842545446778,
-                  },
-                  Object {
-                    "first": 87.43499999999999,
-                    "second": 13.442842545446778,
-                  },
-                  Object {
-                    "first": 91.77499999999999,
-                    "second": 13.522842545446778,
-                  },
-                  Object {
-                    "first": 91.77199999999999,
-                    "second": 13.522842545446778,
-                  },
-                  Object {
-                    "first": 96.442,
-                    "second": 13.622842545446778,
-                  },
-                  Object {
-                    "first": 96.446,
-                    "second": 13.622842545446778,
-                  },
-                  Object {
-                    "first": 106.446,
-                    "second": 14.042842545446778,
-                  },
-                  Object {
-                    "first": 116.446,
-                    "second": 14.502842545446779,
-                  },
-                  Object {
-                    "first": 126.446,
-                    "second": 14.672842545446779,
-                  },
-                  Object {
-                    "first": 135.226,
-                    "second": 15.072842545446779,
-                  },
-                  Object {
-                    "first": 135.23,
-                    "second": 15.072842545446779,
-                  },
-                  Object {
-                    "first": 145.23,
-                    "second": 15.622842545446778,
-                  },
-                  Object {
-                    "first": 155.92,
-                    "second": 15.932842545446778,
-                  },
-                  Object {
-                    "first": 155.91799999999998,
-                    "second": 15.932842545446778,
-                  },
-                  Object {
-                    "first": 165.19799999999998,
-                    "second": 16.23284254544678,
-                  },
-                  Object {
-                    "first": 165.19299999999998,
-                    "second": 16.23284254544678,
-                  },
-                  Object {
-                    "first": 172.97299999999998,
-                    "second": 16.25284254544678,
-                  },
-                  Object {
-                    "first": 172.975,
-                    "second": 16.25284254544678,
-                  },
-                  Object {
-                    "first": 182.975,
-                    "second": 16.51284254544678,
-                  },
-                  Object {
-                    "first": 192.975,
-                    "second": 16.80284254544678,
-                  },
-                  Object {
-                    "first": 202.975,
-                    "second": 17.132842545446778,
-                  },
-                  Object {
-                    "first": 212.975,
-                    "second": 17.41284254544678,
-                  },
-                  Object {
-                    "first": 222.975,
-                    "second": 17.68284254544678,
-                  },
-                  Object {
-                    "first": 232.975,
-                    "second": 17.972842545446778,
-                  },
-                  Object {
-                    "first": 242.975,
-                    "second": 18.262842545446777,
-                  },
-                  Object {
-                    "first": 254.685,
-                    "second": 18.402842545446777,
-                  },
-                  Object {
-                    "first": 254.683,
-                    "second": 18.402842545446777,
-                  },
-                  Object {
-                    "first": 264.683,
-                    "second": 18.652842545446777,
-                  },
-                  Object {
-                    "first": 274.683,
-                    "second": 18.80284254544678,
-                  },
-                  Object {
-                    "first": 284.683,
-                    "second": 18.96284254544678,
-                  },
-                  Object {
-                    "first": 294.683,
-                    "second": 19.14284254544678,
-                  },
-                  Object {
-                    "first": 300.233,
-                    "second": 19.21284254544678,
-                  },
-                  Object {
-                    "first": 300.236,
-                    "second": 19.21284254544678,
-                  },
-                  Object {
-                    "first": 306.976,
-                    "second": 19.28284254544678,
-                  },
-                  Object {
-                    "first": 306.973,
-                    "second": 19.28284254544678,
-                  },
-                  Object {
-                    "first": 316.973,
-                    "second": 19.53284254544678,
-                  },
-                  Object {
-                    "first": 326.973,
-                    "second": 19.652842545446777,
-                  },
-                  Object {
-                    "first": 336.973,
-                    "second": 19.87284254544678,
-                  },
-                  Object {
-                    "first": 346.973,
-                    "second": 20.05284254544678,
-                  },
-                  Object {
-                    "first": 356.973,
-                    "second": 20.202842545446778,
-                  },
-                  Object {
-                    "first": 371.463,
-                    "second": 20.39284254544678,
-                  },
-                  Object {
-                    "first": 371.46000000000004,
-                    "second": 20.39284254544678,
-                  },
-                  Object {
-                    "first": 380.99,
-                    "second": 20.53284254544678,
-                  },
-                  Object {
-                    "first": 380.992,
-                    "second": 20.53284254544678,
-                  },
-                  Object {
-                    "first": 390.992,
-                    "second": 20.762842545446777,
-                  },
-                  Object {
-                    "first": 400.992,
-                    "second": 20.952842545446778,
-                  },
-                  Object {
-                    "first": 410.992,
-                    "second": 21.25284254544678,
-                  },
-                  Object {
-                    "first": 420.992,
-                    "second": 21.69284254544678,
-                  },
-                  Object {
-                    "first": 430.992,
-                    "second": 21.94284254544678,
-                  },
-                  Object {
-                    "first": 440.992,
-                    "second": 22.362842545446778,
-                  },
-                  Object {
-                    "first": 450.992,
-                    "second": 22.742842545446777,
-                  },
-                  Object {
-                    "first": 460.992,
-                    "second": 22.992842545446777,
-                  },
-                  Object {
-                    "first": 466.262,
-                    "second": 23.152842545446777,
-                  },
-                  Object {
-                    "first": 551.414,
-                    "second": 26.242842545446777,
-                  },
-                  Object {
-                    "first": 561.414,
-                    "second": 26.57284254544678,
-                  },
-                  Object {
-                    "first": 571.414,
-                    "second": 27.022842545446778,
-                  },
-                  Object {
-                    "first": 581.414,
-                    "second": 27.402842545446777,
-                  },
-                  Object {
-                    "first": 591.414,
-                    "second": 27.642842545446776,
-                  },
-                  Object {
-                    "first": 601.414,
-                    "second": 28.032842545446776,
-                  },
-                  Object {
-                    "first": 611.414,
-                    "second": 28.43284254544678,
-                  },
-                  Object {
-                    "first": 621.414,
-                    "second": 28.722842545446778,
-                  },
-                  Object {
-                    "first": 634.874,
-                    "second": 28.94284254544678,
-                  },
-                  Object {
-                    "first": 634.871,
-                    "second": 28.94284254544678,
-                  },
-                  Object {
-                    "first": 647.011,
-                    "second": 29.352842545446777,
-                  },
-                  Object {
-                    "first": 712.587,
-                    "second": 29.12284254544678,
-                  },
-                  Object {
-                    "first": 722.467,
-                    "second": 30.102842545446777,
-                  },
-                  Object {
-                    "first": 722.4689999999999,
-                    "second": 30.102842545446777,
-                  },
-                  Object {
-                    "first": 732.4689999999999,
-                    "second": 29.98284254544678,
-                  },
-                  Object {
-                    "first": 742.4689999999999,
-                    "second": 30.15284254544678,
-                  },
-                  Object {
-                    "first": 752.4689999999999,
-                    "second": 30.40284254544678,
-                  },
-                  Object {
-                    "first": 762.4689999999999,
-                    "second": 30.65284254544678,
-                  },
-                  Object {
-                    "first": 772.4689999999999,
-                    "second": 30.672842545446777,
-                  },
-                  Object {
-                    "first": 782.4689999999999,
-                    "second": 31.102842545446777,
-                  },
-                  Object {
-                    "first": 792.4689999999999,
-                    "second": 31.07284254544678,
-                  },
-                  Object {
-                    "first": 803.1589999999999,
-                    "second": 31.202842545446778,
-                  },
-                  Object {
-                    "first": 803.1589999999999,
-                    "second": 31.202842545446778,
-                  },
-                  Object {
-                    "first": 813.1589999999999,
-                    "second": 31.312842545446777,
-                  },
-                  Object {
-                    "first": 823.1589999999999,
-                    "second": 31.462842545446776,
-                  },
-                  Object {
-                    "first": 830.6589999999999,
-                    "second": 31.492842545446777,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 830.6589999999999,
-                    "second": 31.492842545446777,
+                    "first": 4.82,
+                    "second": 15.222842545446778,
                   },
                   Object {
-                    "first": 840.6589999999999,
-                    "second": 31.41284254544678,
+                    "first": 4.825,
+                    "second": 15.022842545446778,
                   },
                   Object {
-                    "first": 850.6589999999999,
-                    "second": 31.34284254544678,
+                    "first": 18.515,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 856.2689999999999,
-                    "second": 31.32284254544678,
+                    "first": 18.511,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 883.1969999999999,
-                    "second": 31.142842545446776,
+                    "first": 28.511,
+                    "second": 14.342842545446779,
                   },
                   Object {
-                    "first": 893.1969999999999,
-                    "second": 30.962842545446776,
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
                   },
                   Object {
-                    "first": 903.1969999999999,
-                    "second": 30.892842545446776,
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
                   },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 30.929,
+                "elevation": Array [],
+                "lat": 45.5191414,
+                "lon": -122.679111,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Pioneer Sq N (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
+            "arrivalDelay": 0,
+            "averageWait": 935,
+            "departureDelay": 0,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
+            "from": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "headsign": "Hillsboro",
+            "interStopGeometry": Array [
+              Object {
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+              },
+              Object {
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+            },
+            "mode": "TRAM",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573688770000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": true,
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
+            "from": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688986000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 5.864,
+                "elevation": Array [],
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Providence Park (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 31.715,
+                "elevation": Array [
                   Object {
-                    "first": 913.1969999999999,
-                    "second": 30.782842545446776,
+                    "first": 0,
+                    "second": 30.57284254544678,
                   },
                   Object {
-                    "first": 923.1969999999999,
-                    "second": 30.44284254544678,
+                    "first": 10,
+                    "second": 30.18284254544678,
                   },
                   Object {
-                    "first": 933.1969999999999,
-                    "second": 30.12284254544678,
+                    "first": 20,
+                    "second": 29.712842545446776,
                   },
                   Object {
-                    "first": 943.1969999999999,
-                    "second": 29.98284254544678,
+                    "first": 31.72,
+                    "second": 29.33284254544678,
                   },
+                ],
+                "lat": 45.5218184,
+                "lon": -122.6898884,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 8.242,
+                "elevation": Array [
                   Object {
-                    "first": 953.1969999999999,
-                    "second": 29.82284254544678,
+                    "first": 0,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 967.4069999999999,
-                    "second": 29.82284254544678,
+                    "first": 8.24,
+                    "second": 29.05284254544678,
                   },
+                ],
+                "lat": 45.52206,
+                "lon": -122.6900696,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 30.15,
+                "elevation": Array [
                   Object {
-                    "first": 967.4069999999999,
-                    "second": 29.82284254544678,
+                    "first": 0,
+                    "second": 29.05284254544678,
                   },
                   Object {
-                    "first": 975.487,
-                    "second": 29.792842545446778,
+                    "first": 10,
+                    "second": 29.16284254544678,
                   },
                   Object {
-                    "first": 1009.5439999999999,
-                    "second": 29.562842545446777,
+                    "first": 20,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 1011.2539999999999,
-                    "second": 29.55284254544678,
+                    "first": 30.15,
+                    "second": 29.532842545446776,
                   },
                 ],
-                "lat": 45.5187975,
-                "lon": -122.6775431,
+                "lat": 45.52213,
+                "lon": -122.6900348,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
                 "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "arrival": 1573688966000,
+              "arrival": 1573689055000,
               "lat": 45.522170898252,
               "lon": -122.68959868692157,
               "name": "1737 SW Morrison St, Portland, OR, USA 97205",
@@ -6698,21 +6584,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 1`] = `
             "transitLeg": false,
           },
         ],
-        "startTime": 1573688520000,
+        "startTime": 1573688698000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 1116.0635363134143,
+        "transitTime": 215,
+        "waitingTime": 2,
+        "walkDistance": 157.97398507143885,
         "walkLimitExceeded": false,
-        "walkTime": 446,
+        "walkTime": 140,
       }
     }
+    showApproximateAccessLegTravelTimes={true}
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -6723,7 +6610,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   color: #333;
 }
 
-.c44 {
+.c64 {
   color: #f44256;
 }
 
@@ -6737,11 +6624,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   text-decoration: none;
 }
 
+.c40 {
+  color: #008;
+  margin-left: 5px;
+}
+
+.c40:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c41 {
+  padding-left: 0px;
+}
+
+.c41:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
 .c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
+.c59 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
 .c0 {
   list-style: none;
   padding: 0;
@@ -6787,10 +6701,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   width: 0;
 }
 
+.c46 {
+  font-weight: 200;
+}
+
 .c25 {
   font-weight: inherit;
 }
 
+.c45 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c42 {
+  color: #807373;
+  margin-top: 5px;
+}
+
 .c24 img,
 .c24 svg {
   margin-right: 6px;
@@ -6813,39 +6746,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
   max-width: 500px;
   display: grid;
-  grid-template-areas: "time line title" "time line instructions";
   grid-template-columns: 65px 30px auto;
 }
 
-.c38 {
-  border-color: #fff;
-  border-radius: 5px;
-  border-style: solid;
-  border-width: 1px;
-  display: inline-block;
-  font-style: normal;
-  grid-column: 2;
-  grid-row: 1;
-  margin: 0 4px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  vertical-align: middle;
-  width: 75%;
-}
-
-.c38:hover {
-  border-color: #d1d5da;
-  background-color: #f6f8fa;
-}
-
 .c18 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -6856,7 +6765,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
 .c20 {
   grid-row-start: 2;
   grid-column-start: 3;
-  grid-area: instructions;
 }
 
 .c14 {
@@ -6884,29 +6792,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
 }
 
 .c39 {
-  padding: 2px;
-  width: 100%;
-}
-
-.c41 {
-  font-size: xx-small;
-}
-
-.c41::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c42 {
-  color: #e60000;
-}
-
-.c43 {
-  color: green;
-}
-
-.c40 {
-  font-size: small;
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
 }
 
 .c32 {
@@ -6982,6 +6873,126 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   padding-left: 1ch;
 }
 
+.c62 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c63 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c60 {
+  z-index: 30;
+  position: relative;
+}
+
+.c50 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c54 {
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 5px;
+  margin-top: 0.5em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c54:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c52 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c53 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c51 {
+  float: left;
+  font-size: 18px;
+}
+
+.c49 {
+  display: block;
+  margin-top: 3px;
+  padding: 0;
+}
+
+.c48 {
+  color: #d14727;
+  cursor: cursor;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c55 {
+  margin-top: 5px;
+}
+
+.c56 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c58 {
+  font-size: 14px;
+}
+
+.c57 {
+  padding: 0;
+}
+
+.c47 {
+  margin-top: 5px;
+}
+
+.c47 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c47 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
 .c1 {
   font-size: 16px;
 }
@@ -6991,8 +7002,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   font-family: Hind,sans-serif;
 }
 
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
-  grid-area: line;
   display: table-cell;
   max-width: 20px;
   width: 20px;
@@ -7001,7 +7031,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
 }
 
 .c1 .c13 {
-  grid-area: title;
   color: #000;
   font-size: 18px;
   font-weight: 500;
@@ -7017,8 +7046,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   width: 100%;
 }
 
+.c1 .c61 {
+  margin-left: -23px;
+}
+
 .c1 .c17 {
-  grid-area: time;
   color: #676767;
   display: table-cell;
   font-size: 14px;
@@ -7037,9 +7069,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
 }
 
 .c6 {
-  background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -7069,13 +7115,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
   className="c0 c1"
 >
   <li
-    className="c2 c3 place-row-wrapper "
+    className="c2 c3"
   >
     <div
       className="c4 c5"
     >
       <div
-        className="c6 leg-line"
+        className="c6"
       />
       <span
         className="c7"
@@ -7120,21 +7166,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        503 SW Alder St, Portland, OR, USA 97204
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:42 PM
+      3:44 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c19"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c20"
     >
       <div
         className="c21"
@@ -7160,28 +7206,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
                       "shortName": undefined,
                     }
                   }
-                  version="1.1"
-                  viewBox="0 0 100 61.3"
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
                   width="100%"
+                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
                   <path
-                    d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z"
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
                   />
                 </svg>
               </span>
             </span>
             <span
-              className="c19 invisible-additional-details"
+              className="c19"
             >
                - 
             </span>
             <span>
-              Bicycle 0.7 miles to 
+              Walk 269 feet to 
               <span
                 className="c25"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                Pioneer Square North MAX Station
               </span>
             </span>
             <button
@@ -7189,7 +7240,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c19"
               >
                 Zoom to leg on map
               </span>
@@ -7207,7 +7258,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
               className="c26 c30"
               onClick={[Function]}
             >
-              7 min
+              About 1 min
               <span
                 className="c31"
               >
@@ -7228,7 +7279,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
                 </svg>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c19"
               >
                 (Expand details)
               </span>
@@ -7270,17 +7321,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      EAST
+                      NORTHWEST
                        on 
                       <span
                         className="c36"
                       >
-                        SW Alder St
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        87 feet
+                        167 feet
                       </span>
                     </span>
                   </div>
@@ -7295,7 +7346,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
@@ -7303,104 +7354,902 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
                         className="c36"
                       >
-                        SW 5th Ave
+                        Pioneer Sq N (path)
                       </span>
                       <span
                         className="c37"
                       >
-                        257 feet
+                        101 feet
                       </span>
                     </span>
                   </div>
                 </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Pioneer Square North MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:46 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 8383
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
                   >
                     <svg
-                      viewBox="0 0 261 261"
+                      aria-label="TRAM"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "TriMet:100",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 66.461 100"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
+                      />
+                      <path
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c46"
+                    >
+                      to
+                    </span>
+                     Hillsboro
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Providence Park MAX Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          role="group"
+        >
+          <div
+            className="c47"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <button
+            className="c26 c48"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            3 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+            <span
+              className="c19"
+            >
+              (Expand details)
+            </span>
+          </button>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ul
+                className="c49"
+              >
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c52"
                   >
-                    <span>
-                      RIGHT
-                       on 
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of December 15, 2019
+                    <a
+                      className="c54"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
                       <span
-                        className="c36"
+                        className="c19"
                       >
-                        SW Morrison St
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
                       </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c54"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
                       <span
-                        className="c37"
+                        className="c19"
                       >
-                        0.6 miles
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
                       </span>
-                    </span>
+                    </a>
                   </div>
                 </li>
-              </ol>
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 3, 2019
+                    <a
+                      className="c54"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+              </ul>
             </div>
           </div>
           <div
-            className="c38"
+            className="c55"
           >
-            <button
-              className="c26 c39"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
+            <div
+              className="c56"
             >
-              <div
-                className="c40"
+              <button
+                className="c26 c57"
+                onClick={[Function]}
               >
-                Elevation chart
+                Ride 
+                3 min
+                 / 2 stops
                 <span
-                  className="c41 c42"
+                  className="c31"
                 >
-                  ↑
-                  69'
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
                 </span>
                 <span
-                  className="c41 c43"
+                  className="c19"
                 >
-                  ↓
-                  8'
+                  (Expand details)
                 </span>
+              </button>
+              <button
+                className="c26 c40 c41"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c58"
+                >
+                  <ol
+                    className="c59"
+                  >
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Galleria/SW 10th Ave MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
               </div>
-              <svg
-                height={30}
-                width={null}
+            </div>
+            <span>
+              Typical wait: 
+              15 min
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Providence Park MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 9757
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
               >
-                <polyline
-                  fill="none"
-                  points="0,19.405283232094927 0,19.295098177708716 0,18.248340161039692 0,18.244102274332533 0,18.244102274332533 0,18.210199180675232 0,18.210199180675232 0,18.167820313603613 0,18.167820313603613 0,17.98982907190281 0,17.79488628337336 0,17.722842209351604 0,17.55332674106512 0,17.55332674106512 0,17.320242972171208 0,17.188868484249184 0,17.188868484249184 0,17.061731883034327 0,17.061731883034327 0,17.05325610962 0,17.05325610962 0,16.943071055233787 0,16.82017234072609 0,16.680322079389743 0,16.561661251589207 0,16.447238310495834 0,16.324339595988135 0,16.201440881480433 0,16.142110467580164 0,16.142110467580164 0,16.036163299901112 0,15.972594999293683 0,15.904788811979088 0,15.828506851250175 0,15.798841644300039 0,15.798841644300039 0,15.769176437349907 0,15.769176437349907 0,15.663229269670856 0,15.61237462918491 0,15.519141121627346 0,15.442859160898431 0,15.379290860291 0,15.298771012854925 0,15.298771012854925 0,15.239440598954655 0,15.239440598954655 0,15.141969204689923 0,15.061449357253847 0,14.934312756038986 0,14.747845740923857 0,14.641898573244806 0,14.463907331544002 0,14.302867636671843 0,14.196920468992793 0,14.129114281678202 0,12.819607289165134 0,12.679757027828785 0,12.489052126006499 0,12.32801243113434 0,12.226303150162455 0,12.061025568583133 0,11.89151010029665 0,11.768611385788951 0,11.675377878231387 0,11.675377878231387 0,11.501624523237744 0,11.599095917502467 0,11.18378302020059 0,11.18378302020059 0,11.234637660686534 0,11.16259358666478 0,11.056646418985732 0,10.95069925130668 0,10.942223477892355 0,10.759994349484387 0,10.772708009605871 0,10.717615482412768 0,10.717615482412768 0,10.670998728633986 0,10.607430428026557 0,10.59471676790507 0,10.59471676790507 0,10.628619861562367 0,10.658285068512498 0,10.666760841926823 0,10.743042802655744 0,10.819324763384657 0,10.848989970334795 0,10.895606724113573 0,11.039694872157082 0,11.175307246786264 0,11.234637660686534 0,11.302443848001126 0,11.302443848001126 0,11.302443848001126 0,11.315157508122613 0,11.41262890238734 0,11.416866789094502"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19"
+            >
+               - 
+            </span>
+            <span>
+              Walk 249 feet to 
+              <span
+                className="c25"
+              >
+                1737 SW Morrison St, Portland, OR, USA 97205
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              About 1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
             </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      WEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Providence Park (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        104 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
           </div>
         </span>
       </div>
     </div>
   </li>
   <li
-    className="c2 c3 place-row-wrapper "
+    className="c2 c3"
   >
     <div
       className="c4 c5"
@@ -7426,7 +8275,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c44 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -7454,22 +8303,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
     <div
       className="c17 c18"
     >
-      3:49 PM
+      3:50 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c19"
     >
       Arrive at 
       1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
-      className="c20 place-details "
+      className="c20"
     />
   </li>
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -7483,882 +8332,502 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 1`] = `
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 792,
-        "elevationGained": 21.87,
-        "elevationLost": 11.5,
-        "endTime": 1573689492000,
+        "duration": 446,
+        "elevationGained": 15.61,
+        "elevationLost": 1.679999999999998,
+        "endTime": 1573688966000,
         "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 151.884,
-            "duration": 186,
-            "endTime": 1573688886000,
+            "distance": 1116.0369999999998,
+            "duration": 446,
+            "endTime": 1573688966000,
             "from": Object {
-              "departure": 1573688700000,
-              "lat": 45.50357980690456,
-              "lon": -122.63428176817192,
-              "name": "2624 SE 30th Ave, Portland, OR, USA 97202",
-              "orig": "2624 SE 30th Ave, Portland, OR, USA 97202",
+              "departure": 1573688520000,
+              "lat": 45.519610192858764,
+              "lon": -122.67747003370778,
+              "name": "503 SW Alder St, Portland, OR, USA 97204",
+              "orig": "503 SW Alder St, Portland, OR, USA 97204",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 4,
-              "points": "alvtGh_okVArA?UcF?",
+              "length": 61,
+              "points": "cpytGlmwkVF]@GDQ@ERFxAp@LFFBCJCJ?@m@hDCJAJCHW|AMn@EVCPEVk@zCCNCLUnAALENg@zCCJAHEPAHi@vCEVCTe@lCEPEVERi@~CCRGZ_@xBIb@EVERi@~CCLCRKl@O|@G\\\\EPCNG\\\\i@|CCLCRSfAAHAB",
             },
-            "mode": "WALK",
+            "mode": "BICYCLE",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688700000,
+            "startTime": 1573688520000,
             "steps": Array [
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 26.427,
+                "elevation": Array [],
+                "lat": 45.51954167352444,
+                "lon": -122.67750715719282,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "SW Alder St",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 78.352,
+                "elevation": Array [],
+                "lat": 45.5194572,
+                "lon": -122.6771901,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW 5th Ave",
+              },
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 24.171,
+                "distance": 1011.2579999999999,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 37.26284254544677,
+                    "second": 10.702842545446778,
                   },
                   Object {
-                    "first": 10,
-                    "second": 37.59284254544678,
+                    "first": 10.63,
+                    "second": 10.962842545446778,
                   },
                   Object {
-                    "first": 20,
-                    "second": 37.58284254544678,
+                    "first": 81.981,
+                    "second": 13.432842545446778,
                   },
                   Object {
-                    "first": 24.17,
-                    "second": 37.52284254544678,
+                    "first": 87.431,
+                    "second": 13.442842545446778,
                   },
-                ],
-                "lat": 45.50353948572678,
-                "lon": -122.63428214557513,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "SE Clinton St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 127.713,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 36.39284254544678,
+                    "first": 87.43499999999999,
+                    "second": 13.442842545446778,
                   },
                   Object {
-                    "first": 10,
-                    "second": 36.542842545446774,
+                    "first": 91.77499999999999,
+                    "second": 13.522842545446778,
                   },
                   Object {
-                    "first": 20,
-                    "second": 36.62284254544678,
+                    "first": 91.77199999999999,
+                    "second": 13.522842545446778,
                   },
                   Object {
-                    "first": 30,
-                    "second": 37.152842545446774,
+                    "first": 96.442,
+                    "second": 13.622842545446778,
                   },
                   Object {
-                    "first": 40,
-                    "second": 37.62284254544678,
+                    "first": 96.446,
+                    "second": 13.622842545446778,
                   },
                   Object {
-                    "first": 50,
-                    "second": 38.14284254544678,
+                    "first": 106.446,
+                    "second": 14.042842545446778,
                   },
                   Object {
-                    "first": 60,
-                    "second": 38.652842545446774,
+                    "first": 116.446,
+                    "second": 14.502842545446779,
                   },
                   Object {
-                    "first": 70,
-                    "second": 39.12284254544678,
+                    "first": 126.446,
+                    "second": 14.672842545446779,
                   },
                   Object {
-                    "first": 80,
-                    "second": 39.45284254544678,
+                    "first": 135.226,
+                    "second": 15.072842545446779,
                   },
                   Object {
-                    "first": 90,
-                    "second": 39.22284254544678,
+                    "first": 135.23,
+                    "second": 15.072842545446779,
                   },
                   Object {
-                    "first": 100,
-                    "second": 38.91284254544678,
+                    "first": 145.23,
+                    "second": 15.622842545446778,
                   },
                   Object {
-                    "first": 110,
-                    "second": 38.682842545446775,
+                    "first": 155.92,
+                    "second": 15.932842545446778,
                   },
                   Object {
-                    "first": 120,
-                    "second": 38.41284254544678,
+                    "first": 155.91799999999998,
+                    "second": 15.932842545446778,
                   },
                   Object {
-                    "first": 127.71,
-                    "second": 38.182842545446775,
-                  },
-                ],
-                "lat": 45.5035403,
-                "lon": -122.6345923,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 30th Ave",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573688886000,
-              "bikeShareId": "\\"hub_1549\\"",
-              "departure": 1573688886000,
-              "lat": 45.504688916692,
-              "lon": -122.63455510139465,
-              "name": "SE 30th at Division",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 940.033,
-            "duration": 417,
-            "endTime": 1573689303000,
-            "from": Object {
-              "arrival": 1573688886000,
-              "bikeShareId": "\\"hub_1549\\"",
-              "departure": 1573688886000,
-              "lat": 45.504688916692,
-              "lon": -122.63455510139465,
-              "name": "SE 30th at Division",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 29,
-              "points": "gsvtGfaokVa@HD?D?QLC?wB?qC?kB@_B?mEBS@GVET?R?\`@?~A?pAWAgB?}B?I@mCAmCAqAAg@?]?W??f@",
-            },
-            "mode": "BICYCLE",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": true,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688886000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 413.022,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 36.39284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 36.542842545446774,
-                  },
-                  Object {
-                    "first": 13.4,
-                    "second": 36.572842545446775,
-                  },
-                  Object {
-                    "first": 13.403,
-                    "second": 37.89284254544678,
-                  },
-                  Object {
-                    "first": 23.403,
-                    "second": 37.74284254544678,
-                  },
-                  Object {
-                    "first": 33.403,
-                    "second": 37.712842545446776,
-                  },
-                  Object {
-                    "first": 43.403,
-                    "second": 37.682842545446775,
-                  },
-                  Object {
-                    "first": 53.403,
-                    "second": 37.69284254544678,
-                  },
-                  Object {
-                    "first": 63.403,
-                    "second": 37.70284254544678,
-                  },
-                  Object {
-                    "first": 73.403,
-                    "second": 37.70284254544678,
-                  },
-                  Object {
-                    "first": 83.403,
-                    "second": 37.70284254544678,
-                  },
-                  Object {
-                    "first": 93.283,
-                    "second": 37.75284254544678,
-                  },
-                  Object {
-                    "first": 93.299,
-                    "second": 37.75284254544678,
-                  },
-                  Object {
-                    "first": 103.299,
-                    "second": 37.792842545446774,
-                  },
-                  Object {
-                    "first": 113.299,
-                    "second": 37.792842545446774,
-                  },
-                  Object {
-                    "first": 123.299,
-                    "second": 37.85284254544678,
-                  },
-                  Object {
-                    "first": 133.299,
-                    "second": 37.91284254544678,
-                  },
-                  Object {
-                    "first": 143.299,
-                    "second": 37.94284254544678,
-                  },
-                  Object {
-                    "first": 153.299,
-                    "second": 38.01284254544677,
-                  },
-                  Object {
-                    "first": 163.299,
-                    "second": 38.072842545446775,
-                  },
-                  Object {
-                    "first": 173.849,
-                    "second": 38.13284254544678,
-                  },
-                  Object {
-                    "first": 173.849,
-                    "second": 38.13284254544678,
-                  },
-                  Object {
-                    "first": 183.849,
-                    "second": 38.25284254544678,
-                  },
-                  Object {
-                    "first": 193.849,
-                    "second": 38.36284254544678,
-                  },
-                  Object {
-                    "first": 203.849,
-                    "second": 38.41284254544678,
-                  },
-                  Object {
-                    "first": 213.849,
-                    "second": 38.36284254544678,
-                  },
-                  Object {
-                    "first": 223.849,
-                    "second": 38.212842545446776,
-                  },
-                  Object {
-                    "first": 234.38899999999998,
-                    "second": 38.03284254544678,
-                  },
-                  Object {
-                    "first": 234.384,
-                    "second": 38.03284254544678,
-                  },
-                  Object {
-                    "first": 244.384,
-                    "second": 38.09284254544678,
-                  },
-                  Object {
-                    "first": 254.384,
-                    "second": 38.33284254544678,
-                  },
-                  Object {
-                    "first": 264.384,
-                    "second": 38.83284254544678,
-                  },
-                  Object {
-                    "first": 274.384,
-                    "second": 39.39284254544678,
-                  },
-                  Object {
-                    "first": 288.054,
-                    "second": 40.13284254544678,
-                  },
-                  Object {
-                    "first": 288.058,
-                    "second": 40.13284254544678,
-                  },
-                  Object {
-                    "first": 298.058,
-                    "second": 40.59284254544678,
-                  },
-                  Object {
-                    "first": 308.058,
-                    "second": 41.182842545446775,
-                  },
-                  Object {
-                    "first": 318.058,
-                    "second": 42.13284254544678,
-                  },
-                  Object {
-                    "first": 328.058,
-                    "second": 43.12284254544678,
-                  },
-                  Object {
-                    "first": 338.058,
-                    "second": 44.05284254544678,
-                  },
-                  Object {
-                    "first": 348.058,
-                    "second": 44.902842545446774,
-                  },
-                  Object {
-                    "first": 358.058,
-                    "second": 45.66284254544678,
-                  },
-                  Object {
-                    "first": 368.058,
-                    "second": 46.34284254544678,
-                  },
-                  Object {
-                    "first": 378.058,
-                    "second": 46.94284254544678,
-                  },
-                  Object {
-                    "first": 388.058,
-                    "second": 47.51284254544677,
+                    "first": 165.19799999999998,
+                    "second": 16.23284254544678,
                   },
                   Object {
-                    "first": 398.058,
-                    "second": 47.99284254544678,
+                    "first": 165.19299999999998,
+                    "second": 16.23284254544678,
                   },
                   Object {
-                    "first": 413.018,
-                    "second": 48.35284254544678,
+                    "first": 172.97299999999998,
+                    "second": 16.25284254544678,
                   },
-                ],
-                "lat": 45.504688853368016,
-                "lon": -122.63459592690745,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "SE 30th Ave",
-              },
-              Object {
-                "absoluteDirection": "NORTHWEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 110.101,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 48.35284254544678,
+                    "first": 172.975,
+                    "second": 16.25284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 48.56284254544678,
+                    "first": 182.975,
+                    "second": 16.51284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 49.402842545446774,
+                    "first": 192.975,
+                    "second": 16.80284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 49.74284254544678,
+                    "first": 202.975,
+                    "second": 17.132842545446778,
                   },
                   Object {
-                    "first": 40,
-                    "second": 49.932842545446775,
+                    "first": 212.975,
+                    "second": 17.41284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 50.19284254544678,
+                    "first": 222.975,
+                    "second": 17.68284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 50.182842545446775,
+                    "first": 232.975,
+                    "second": 17.972842545446778,
                   },
                   Object {
-                    "first": 70,
-                    "second": 49.89284254544678,
+                    "first": 242.975,
+                    "second": 18.262842545446777,
                   },
                   Object {
-                    "first": 78.48,
-                    "second": 49.50284254544678,
+                    "first": 254.685,
+                    "second": 18.402842545446777,
                   },
                   Object {
-                    "first": 78.464,
-                    "second": 49.50284254544678,
+                    "first": 254.683,
+                    "second": 18.402842545446777,
                   },
                   Object {
-                    "first": 88.464,
-                    "second": 49.66284254544678,
+                    "first": 264.683,
+                    "second": 18.652842545446777,
                   },
                   Object {
-                    "first": 98.464,
-                    "second": 49.712842545446776,
+                    "first": 274.683,
+                    "second": 18.80284254544678,
                   },
                   Object {
-                    "first": 110.104,
-                    "second": 49.69284254544678,
+                    "first": 284.683,
+                    "second": 18.96284254544678,
                   },
-                ],
-                "lat": 45.5083813,
-                "lon": -122.6347507,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Harrison St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 401.74699999999996,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 49.69284254544678,
+                    "first": 294.683,
+                    "second": 19.14284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 49.182842545446775,
+                    "first": 300.233,
+                    "second": 19.21284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 49.01284254544677,
+                    "first": 300.236,
+                    "second": 19.21284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 48.97284254544678,
+                    "first": 306.976,
+                    "second": 19.28284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 48.932842545446775,
+                    "first": 306.973,
+                    "second": 19.28284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 48.85284254544678,
+                    "first": 316.973,
+                    "second": 19.53284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 48.80284254544678,
+                    "first": 326.973,
+                    "second": 19.652842545446777,
                   },
                   Object {
-                    "first": 70.24,
-                    "second": 48.75284254544678,
+                    "first": 336.973,
+                    "second": 19.87284254544678,
                   },
                   Object {
-                    "first": 70.242,
-                    "second": 48.75284254544678,
+                    "first": 346.973,
+                    "second": 20.05284254544678,
                   },
                   Object {
-                    "first": 80.242,
-                    "second": 48.69284254544678,
+                    "first": 356.973,
+                    "second": 20.202842545446778,
                   },
                   Object {
-                    "first": 90.242,
-                    "second": 48.52284254544678,
+                    "first": 371.463,
+                    "second": 20.39284254544678,
                   },
                   Object {
-                    "first": 100.242,
-                    "second": 48.25284254544678,
+                    "first": 371.46000000000004,
+                    "second": 20.39284254544678,
                   },
                   Object {
-                    "first": 110.242,
-                    "second": 47.98284254544678,
+                    "first": 380.99,
+                    "second": 20.53284254544678,
                   },
                   Object {
-                    "first": 120.242,
-                    "second": 47.69284254544678,
+                    "first": 380.992,
+                    "second": 20.53284254544678,
                   },
                   Object {
-                    "first": 130.24200000000002,
-                    "second": 47.45284254544678,
+                    "first": 390.992,
+                    "second": 20.762842545446777,
                   },
                   Object {
-                    "first": 140.24200000000002,
-                    "second": 47.19284254544678,
+                    "first": 400.992,
+                    "second": 20.952842545446778,
                   },
                   Object {
-                    "first": 146.93200000000002,
-                    "second": 47.06284254544678,
+                    "first": 410.992,
+                    "second": 21.25284254544678,
                   },
                   Object {
-                    "first": 146.921,
-                    "second": 47.06284254544678,
+                    "first": 420.992,
+                    "second": 21.69284254544678,
                   },
                   Object {
-                    "first": 156.921,
-                    "second": 46.87284254544678,
+                    "first": 430.992,
+                    "second": 21.94284254544678,
                   },
                   Object {
-                    "first": 166.921,
-                    "second": 46.70284254544678,
+                    "first": 440.992,
+                    "second": 22.362842545446778,
                   },
                   Object {
-                    "first": 176.921,
-                    "second": 46.49284254544678,
+                    "first": 450.992,
+                    "second": 22.742842545446777,
                   },
                   Object {
-                    "first": 186.921,
-                    "second": 46.26284254544677,
+                    "first": 460.992,
+                    "second": 22.992842545446777,
                   },
                   Object {
-                    "first": 196.921,
-                    "second": 46.042842545446774,
+                    "first": 466.262,
+                    "second": 23.152842545446777,
                   },
                   Object {
-                    "first": 206.921,
-                    "second": 45.822842545446775,
+                    "first": 551.414,
+                    "second": 26.242842545446777,
                   },
                   Object {
-                    "first": 216.921,
-                    "second": 45.60284254544678,
+                    "first": 561.414,
+                    "second": 26.57284254544678,
                   },
                   Object {
-                    "first": 225.37099999999998,
-                    "second": 45.45284254544678,
+                    "first": 571.414,
+                    "second": 27.022842545446778,
                   },
                   Object {
-                    "first": 225.37199999999999,
-                    "second": 45.45284254544678,
+                    "first": 581.414,
+                    "second": 27.402842545446777,
                   },
                   Object {
-                    "first": 235.37199999999999,
-                    "second": 45.41284254544678,
+                    "first": 591.414,
+                    "second": 27.642842545446776,
                   },
                   Object {
-                    "first": 245.37199999999999,
-                    "second": 45.41284254544678,
+                    "first": 601.414,
+                    "second": 28.032842545446776,
                   },
                   Object {
-                    "first": 255.37199999999999,
-                    "second": 45.462842545446776,
+                    "first": 611.414,
+                    "second": 28.43284254544678,
                   },
                   Object {
-                    "first": 265.37199999999996,
-                    "second": 45.49284254544678,
+                    "first": 621.414,
+                    "second": 28.722842545446778,
                   },
                   Object {
-                    "first": 275.37199999999996,
-                    "second": 45.51284254544677,
+                    "first": 634.874,
+                    "second": 28.94284254544678,
                   },
                   Object {
-                    "first": 285.37199999999996,
-                    "second": 45.52284254544678,
+                    "first": 634.871,
+                    "second": 28.94284254544678,
                   },
                   Object {
-                    "first": 295.37199999999996,
-                    "second": 45.542842545446774,
+                    "first": 647.011,
+                    "second": 29.352842545446777,
                   },
                   Object {
-                    "first": 304.24199999999996,
-                    "second": 45.572842545446775,
+                    "first": 712.587,
+                    "second": 29.12284254544678,
                   },
                   Object {
-                    "first": 304.241,
-                    "second": 45.572842545446775,
+                    "first": 722.467,
+                    "second": 30.102842545446777,
                   },
                   Object {
-                    "first": 314.241,
-                    "second": 45.69284254544678,
+                    "first": 722.4689999999999,
+                    "second": 30.102842545446777,
                   },
                   Object {
-                    "first": 324.241,
-                    "second": 45.932842545446775,
+                    "first": 732.4689999999999,
+                    "second": 29.98284254544678,
                   },
                   Object {
-                    "first": 334.241,
-                    "second": 46.38284254544678,
+                    "first": 742.4689999999999,
+                    "second": 30.15284254544678,
                   },
                   Object {
-                    "first": 344.241,
-                    "second": 46.88284254544678,
+                    "first": 752.4689999999999,
+                    "second": 30.40284254544678,
                   },
                   Object {
-                    "first": 349.611,
-                    "second": 47.14284254544678,
+                    "first": 762.4689999999999,
+                    "second": 30.65284254544678,
                   },
                   Object {
-                    "first": 349.608,
-                    "second": 47.14284254544678,
+                    "first": 772.4689999999999,
+                    "second": 30.672842545446777,
                   },
                   Object {
-                    "first": 359.608,
-                    "second": 47.61284254544678,
+                    "first": 782.4689999999999,
+                    "second": 31.102842545446777,
                   },
                   Object {
-                    "first": 372.168,
-                    "second": 48.23284254544678,
+                    "first": 792.4689999999999,
+                    "second": 31.07284254544678,
                   },
                   Object {
-                    "first": 372.169,
-                    "second": 48.23284254544678,
+                    "first": 803.1589999999999,
+                    "second": 31.202842545446778,
                   },
                   Object {
-                    "first": 382.169,
-                    "second": 48.72284254544678,
+                    "first": 803.1589999999999,
+                    "second": 31.202842545446778,
                   },
                   Object {
-                    "first": 392.169,
-                    "second": 49.20284254544678,
+                    "first": 813.1589999999999,
+                    "second": 31.312842545446777,
                   },
                   Object {
-                    "first": 401.74899999999997,
-                    "second": 49.58284254544678,
+                    "first": 823.1589999999999,
+                    "second": 31.462842545446776,
                   },
-                ],
-                "lat": 45.5084586,
-                "lon": -122.636141,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 29th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 15.163,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 49.58284254544678,
+                    "first": 830.6589999999999,
+                    "second": 31.492842545446777,
                   },
                   Object {
-                    "first": 10,
-                    "second": 49.792842545446774,
+                    "first": 830.6589999999999,
+                    "second": 31.492842545446777,
                   },
                   Object {
-                    "first": 15.16,
-                    "second": 49.88284254544678,
+                    "first": 840.6589999999999,
+                    "second": 31.41284254544678,
                   },
-                ],
-                "lat": 45.5120707,
-                "lon": -122.6361172,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573689303000,
-              "bikeShareId": "\\"hub_1608\\"",
-              "departure": 1573689303000,
-              "lat": 45.51202352994066,
-              "lon": -122.6363119482994,
-              "name": "SE 29th at Hawthorne",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 188.476,
-            "duration": 189,
-            "endTime": 1573689492000,
-            "from": Object {
-              "arrival": 1573689303000,
-              "bikeShareId": "\\"hub_1608\\"",
-              "departure": 1573689303000,
-              "lat": 45.51202352994066,
-              "lon": -122.6363119482994,
-              "name": "SE 29th at Hawthorne",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "maxtG~kokV?xA?hAY?eCAAxA",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689303000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 64.03399999999999,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 49.58284254544678,
+                    "first": 850.6589999999999,
+                    "second": 31.34284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 49.792842545446774,
+                    "first": 856.2689999999999,
+                    "second": 31.32284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 49.97284254544678,
+                    "first": 883.1969999999999,
+                    "second": 31.142842545446776,
                   },
                   Object {
-                    "first": 30,
-                    "second": 50.11284254544678,
+                    "first": 893.1969999999999,
+                    "second": 30.962842545446776,
                   },
                   Object {
-                    "first": 35.62,
-                    "second": 50.182842545446775,
+                    "first": 903.1969999999999,
+                    "second": 30.892842545446776,
                   },
-                ],
-                "lat": 45.51207099860361,
-                "lon": -122.63631179997208,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 89.768,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 50.60284254544678,
+                    "first": 913.1969999999999,
+                    "second": 30.782842545446776,
                   },
                   Object {
-                    "first": 10,
-                    "second": 50.682842545446775,
+                    "first": 923.1969999999999,
+                    "second": 30.44284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 50.39284254544678,
+                    "first": 933.1969999999999,
+                    "second": 30.12284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 49.89284254544678,
+                    "first": 943.1969999999999,
+                    "second": 29.98284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 49.30284254544678,
+                    "first": 953.1969999999999,
+                    "second": 29.82284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 48.712842545446776,
+                    "first": 967.4069999999999,
+                    "second": 29.82284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 48.11284254544678,
+                    "first": 967.4069999999999,
+                    "second": 29.82284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 47.49284254544678,
+                    "first": 975.487,
+                    "second": 29.792842545446778,
                   },
                   Object {
-                    "first": 80,
-                    "second": 46.902842545446774,
+                    "first": 1009.5439999999999,
+                    "second": 29.562842545446777,
                   },
                   Object {
-                    "first": 89.77,
-                    "second": 46.51284254544677,
+                    "first": 1011.2539999999999,
+                    "second": 29.55284254544678,
                   },
                 ],
-                "lat": 45.5120723,
-                "lon": -122.6371336,
+                "lat": 45.5187975,
+                "lon": -122.6775431,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SE 28th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 34.674,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 46.51284254544677,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 46.462842545446776,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 46.51284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 46.30284254544678,
-                  },
-                  Object {
-                    "first": 34.67,
-                    "second": 46.152842545446774,
-                  },
-                ],
-                "lat": 45.5128796,
-                "lon": -122.6371298,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Madison St",
+                "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "arrival": 1573689492000,
-              "lat": 45.51258575759002,
-              "lon": -122.63757592401461,
-              "name": "1415 SE 28th Ave, Portland, OR, USA 97214",
-              "orig": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "arrival": 1573688966000,
+              "lat": 45.522170898252,
+              "lon": -122.68959868692157,
+              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573688700000,
+        "startTime": 1573688520000,
         "tooSloped": false,
         "transfers": 0,
         "transitTime": 0,
         "waitingTime": 0,
-        "walkDistance": 1280.5410121370023,
+        "walkDistance": 1116.0635363134143,
         "walkLimitExceeded": false,
-        "walkTime": 792,
+        "walkTime": 446,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -8369,7 +8838,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
   color: #333;
 }
 
-.c46 {
+.c44 {
   color: #f44256;
 }
 
@@ -8459,7 +8928,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -8469,7 +8938,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
   grid-template-columns: 65px 30px auto;
 }
 
-.c40 {
+.c38 {
   border-color: #fff;
   border-radius: 5px;
   border-style: solid;
@@ -8487,7 +8956,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
   width: 75%;
 }
 
-.c40:hover {
+.c38:hover {
   border-color: #d1d5da;
   background-color: #f6f8fa;
 }
@@ -8530,37 +8999,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
 }
 
 .c39 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
-}
-
-.c41 {
   padding: 2px;
   width: 100%;
 }
 
-.c43 {
+.c41 {
   font-size: xx-small;
 }
 
-.c43::before {
+.c41::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c44 {
+.c42 {
   color: #e60000;
 }
 
-.c45 {
+.c43 {
   color: green;
 }
 
-.c42 {
+.c40 {
   font-size: small;
 }
 
@@ -8692,19 +9152,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
 }
 
 .c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
   background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px );
   left: 7.5px;
   right: 7.5px;
@@ -8788,13 +9235,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        2624 SE 30th Ave, Portland, OR, USA 97202
+        503 SW Alder St, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:45 PM
+      3:42 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -8828,18 +9275,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
                       "shortName": undefined,
                     }
                   }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
+                  version="1.1"
+                  viewBox="0 0 100 61.3"
                   width="100%"
-                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
                 >
                   <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                    d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z"
                   />
                 </svg>
               </span>
@@ -8850,11 +9292,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 498 feet to 
+              Bicycle 0.7 miles to 
               <span
                 className="c25"
               >
-                SE 30th at Division
+                1737 SW Morrison St, Portland, OR, USA 97205
               </span>
             </span>
             <button
@@ -8880,7 +9322,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
               className="c26 c30"
               onClick={[Function]}
             >
-              3 min
+              7 min
               <span
                 className="c31"
               >
@@ -8943,17 +9385,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      WEST
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        SE Clinton St
+                        SW Alder St
                       </span>
                       <span
                         className="c37"
                       >
-                        79 feet
+                        87 feet
                       </span>
                     </span>
                   </div>
@@ -8981,12 +9423,45 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
                       <span
                         className="c36"
                       >
-                        SE 30th Ave
+                        SW 5th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        419 feet
+                        257 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.6 miles
                       </span>
                     </span>
                   </div>
@@ -8994,6 +9469,47 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
               </ol>
             </div>
           </div>
+          <div
+            className="c38"
+          >
+            <button
+              className="c26 c39"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c40"
+              >
+                Elevation chart
+                <span
+                  className="c41 c42"
+                >
+                  ↑
+                  69'
+                </span>
+                <span
+                  className="c41 c43"
+                >
+                  ↓
+                  8'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,19.405283232094927 0,19.295098177708716 0,18.248340161039692 0,18.244102274332533 0,18.244102274332533 0,18.210199180675232 0,18.210199180675232 0,18.167820313603613 0,18.167820313603613 0,17.98982907190281 0,17.79488628337336 0,17.722842209351604 0,17.55332674106512 0,17.55332674106512 0,17.320242972171208 0,17.188868484249184 0,17.188868484249184 0,17.061731883034327 0,17.061731883034327 0,17.05325610962 0,17.05325610962 0,16.943071055233787 0,16.82017234072609 0,16.680322079389743 0,16.561661251589207 0,16.447238310495834 0,16.324339595988135 0,16.201440881480433 0,16.142110467580164 0,16.142110467580164 0,16.036163299901112 0,15.972594999293683 0,15.904788811979088 0,15.828506851250175 0,15.798841644300039 0,15.798841644300039 0,15.769176437349907 0,15.769176437349907 0,15.663229269670856 0,15.61237462918491 0,15.519141121627346 0,15.442859160898431 0,15.379290860291 0,15.298771012854925 0,15.298771012854925 0,15.239440598954655 0,15.239440598954655 0,15.141969204689923 0,15.061449357253847 0,14.934312756038986 0,14.747845740923857 0,14.641898573244806 0,14.463907331544002 0,14.302867636671843 0,14.196920468992793 0,14.129114281678202 0,12.819607289165134 0,12.679757027828785 0,12.489052126006499 0,12.32801243113434 0,12.226303150162455 0,12.061025568583133 0,11.89151010029665 0,11.768611385788951 0,11.675377878231387 0,11.675377878231387 0,11.501624523237744 0,11.599095917502467 0,11.18378302020059 0,11.18378302020059 0,11.234637660686534 0,11.16259358666478 0,11.056646418985732 0,10.95069925130668 0,10.942223477892355 0,10.759994349484387 0,10.772708009605871 0,10.717615482412768 0,10.717615482412768 0,10.670998728633986 0,10.607430428026557 0,10.59471676790507 0,10.59471676790507 0,10.628619861562367 0,10.658285068512498 0,10.666760841926823 0,10.743042802655744 0,10.819324763384657 0,10.848989970334795 0,10.895606724113573 0,11.039694872157082 0,11.175307246786264 0,11.234637660686534 0,11.302443848001126 0,11.302443848001126 0,11.302443848001126 0,11.315157508122613 0,11.41262890238734 0,11.416866789094502"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
         </span>
       </div>
     </div>
@@ -9004,21 +9520,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
     <div
       className="c4 c5"
     >
-      <div
-        className="c38 leg-line"
-      />
       <span
         className="c7"
       >
         <svg
           aria-hidden="true"
-          className="c8 c9"
-          color="red"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={17}
+          height={14}
           viewBox="0 0 512 512"
-          width={17}
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -9026,6 +9539,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
             fill="currentColor"
           />
         </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c44 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
       </span>
     </div>
     <div
@@ -9035,665 +9563,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        SE 30th at Division
+        1737 SW Morrison St, Portland, OR, USA 97205
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:48 PM
+      3:49 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c39"
-      >
-        Pick up  
-        shared bike
-         
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.1"
-                  viewBox="0 0 100 61.3"
-                  width="100%"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Bicycle 0.6 miles to 
-              <span
-                className="c25"
-              >
-                SE 29th at Hawthorne
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              6 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE 30th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.3 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE Harrison St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        361 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE 29th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE Hawthorne Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        50 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c40"
-          >
-            <button
-              className="c26 c41"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c42"
-              >
-                Elevation chart
-                <span
-                  className="c43 c44"
-                >
-                  ↑
-                  63'
-                </span>
-                <span
-                  className="c43 c45"
-                >
-                  ↓
-                  18'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,18.244514106583072 0,18.173981191222573 0,18.159874608150474 0,17.539184952978054 0,17.609717868338564 0,17.623824451410663 0,17.63793103448276 0,17.63322884012539 0,17.628526645768027 0,17.628526645768027 0,17.628526645768027 0,17.605015673981192 0,17.605015673981192 0,17.58620689655173 0,17.58620689655173 0,17.557993730407524 0,17.529780564263323 0,17.515673981191224 0,17.48275862068966 0,17.45454545454546 0,17.426332288401255 0,17.426332288401255 0,17.369905956112852 0,17.31818181818182 0,17.294670846394986 0,17.31818181818182 0,17.388714733542322 0,17.47335423197492 0,17.47335423197492 0,17.44514106583072 0,17.33228840125392 0,17.09717868338558 0,16.83385579937304 0,16.4858934169279 0,16.4858934169279 0,16.26959247648903 0,15.992163009404392 0,15.545454545454549 0,15.079937304075237 0,14.642633228840126 0,14.242946708463954 0,13.885579937304076 0,13.565830721003138 0,13.283699059561126 0,13.015673981191227 0,12.789968652037622 0,12.620689655172416 0,12.620689655172416 0,12.521943573667713 0,12.126959247648905 0,11.967084639498434 0,11.877742946708466 0,11.755485893416928 0,11.760188087774296 0,11.896551724137929 0,12.079937304075234 0,12.079937304075234 0,12.004702194357368 0,11.981191222570533 0,11.990595611285265 0,11.990595611285265 0,12.230407523510973 0,12.31034482758621 0,12.329153605015676 0,12.347962382445143 0,12.38557993730408 0,12.40909090909091 0,12.432601880877744 0,12.432601880877744 0,12.460815047021942 0,12.54075235109718 0,12.66771159874608 0,12.794670846394986 0,12.93103448275862 0,13.043887147335422 0,13.16614420062696 0,13.227272727272727 0,13.227272727272727 0,13.316614420062699 0,13.396551724137932 0,13.495297805642636 0,13.603448275862075 0,13.706896551724142 0,13.81034482758621 0,13.913793103448281 0,13.98432601880878 0,13.98432601880878 0,14.003134796238244 0,14.003134796238244 0,13.979623824451412 0,13.965517241379313 0,13.956112852664582 0,13.95141065830721 0,13.94200626959248 0,13.927899686520377 0,13.927899686520377 0,13.871473354231973 0,13.758620689655174 0,13.547021943573668 0,13.311912225705331 0,13.189655172413794 0,13.189655172413794 0,12.968652037617556 0,12.677115987460816 0,12.677115987460816 0,12.446708463949843 0,12.221003134796238 0,12.042319749216304 0,12.042319749216304 0,11.9435736677116 0,11.9012539184953"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="red"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        SE 29th at Hawthorne
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:55 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 0.1 miles to 
-              <span
-                className="c25"
-              >
-                1415 SE 28th Ave, Portland, OR, USA 97214
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              3 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE Hawthorne Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        210 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE 28th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        295 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE Madison St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        114 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c46 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        1415 SE 28th Ave, Portland, OR, USA 97214
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:58 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      Arrive at 
-      1415 SE 28th Ave, Portland, OR, USA 97214
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
       className="c20 place-details "
@@ -9702,7 +9584,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -9716,46 +9598,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 2184,
-        "elevationGained": 13.820000000000014,
-        "elevationLost": 31.629999999999995,
-        "endTime": 1573691203000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
+        "duration": 792,
+        "elevationGained": 21.87,
+        "elevationLost": 11.5,
+        "endTime": 1573689492000,
         "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 121.806,
-            "duration": 162,
-            "endTime": 1573689181000,
+            "distance": 151.884,
+            "duration": 186,
+            "endTime": 1573688886000,
             "from": Object {
-              "departure": 1573689019000,
-              "lat": 45.519031121242776,
-              "lon": -122.63470154379792,
-              "name": "2943 SE Washington St, Portland, OR, USA 97214",
-              "orig": "2943 SE Washington St, Portland, OR, USA 97214",
+              "departure": 1573688700000,
+              "lat": 45.50357980690456,
+              "lon": -122.63428176817192,
+              "name": "2624 SE 30th Ave, Portland, OR, USA 97202",
+              "orig": "2624 SE 30th Ave, Portland, OR, USA 97202",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 5,
-              "points": "}lytGnbokV{AFd@??xEK?",
+              "length": 4,
+              "points": "alvtGh_okVArA?UcF?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -9764,119 +9632,114 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689019000,
+            "startTime": 1573688700000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 31.434,
+                "distance": 24.171,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 40.152842545446774,
+                    "second": 37.26284254544677,
                   },
                   Object {
                     "first": 10,
-                    "second": 40.292842545446774,
+                    "second": 37.59284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 40.38284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 40.462842545446776,
+                    "second": 37.58284254544678,
                   },
                   Object {
-                    "first": 31.43,
-                    "second": 40.47284254544678,
+                    "first": 24.17,
+                    "second": 37.52284254544678,
                   },
                 ],
-                "lat": 45.51903126345032,
-                "lon": -122.63479456900684,
+                "lat": 45.50353948572678,
+                "lon": -122.63428214557513,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE 30th Ave",
+                "streetName": "SE Clinton St",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 84.447,
+                "distance": 127.713,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 41.00284254544678,
+                    "second": 36.39284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 41.02284254544678,
+                    "second": 36.542842545446774,
                   },
                   Object {
                     "first": 20,
-                    "second": 41.20284254544678,
+                    "second": 36.62284254544678,
                   },
                   Object {
                     "first": 30,
-                    "second": 41.33284254544678,
+                    "second": 37.152842545446774,
                   },
                   Object {
                     "first": 40,
-                    "second": 41.48284254544678,
+                    "second": 37.62284254544678,
                   },
                   Object {
                     "first": 50,
-                    "second": 41.63284254544678,
+                    "second": 38.14284254544678,
                   },
                   Object {
                     "first": 60,
-                    "second": 41.78284254544678,
+                    "second": 38.652842545446774,
                   },
                   Object {
                     "first": 70,
-                    "second": 41.932842545446775,
+                    "second": 39.12284254544678,
                   },
                   Object {
-                    "first": 84.45,
-                    "second": 42.072842545446775,
+                    "first": 80,
+                    "second": 39.45284254544678,
                   },
-                ],
-                "lat": 45.5193089,
-                "lon": -122.6348388,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Stark St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 5.925,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 42.072842545446775,
+                    "first": 90,
+                    "second": 39.22284254544678,
                   },
                   Object {
-                    "first": 5.93,
-                    "second": 42.11284254544678,
+                    "first": 100,
+                    "second": 38.91284254544678,
+                  },
+                  Object {
+                    "first": 110,
+                    "second": 38.682842545446775,
+                  },
+                  Object {
+                    "first": 120,
+                    "second": 38.41284254544678,
+                  },
+                  Object {
+                    "first": 127.71,
+                    "second": 38.182842545446775,
                   },
                 ],
-                "lat": 45.5193092,
-                "lon": -122.6359227,
+                "lat": 45.5035403,
+                "lon": -122.6345923,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SE 29th Ave",
+                "streetName": "SE 30th Ave",
               },
             ],
             "to": Object {
-              "arrival": 1573689181000,
-              "bikeShareId": "\\"hub_1551\\"",
-              "departure": 1573689181000,
-              "lat": 45.51936282546957,
-              "lon": -122.63599276542662,
-              "name": "SE 29th at Stark",
+              "arrival": 1573688886000,
+              "bikeShareId": "\\"hub_1549\\"",
+              "departure": 1573688886000,
+              "lat": 45.504688916692,
+              "lon": -122.63455510139465,
+              "name": "SE 30th at Division",
               "networks": Array [
                 "GBFS",
               ],
@@ -9888,16 +9751,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1238.5530000000003,
-            "duration": 392,
-            "endTime": 1573689573000,
+            "distance": 940.033,
+            "duration": 417,
+            "endTime": 1573689303000,
             "from": Object {
-              "arrival": 1573689181000,
-              "bikeShareId": "\\"hub_1551\\"",
-              "departure": 1573689181000,
-              "lat": 45.51936282546957,
-              "lon": -122.63599276542662,
-              "name": "SE 29th at Stark",
+              "arrival": 1573688886000,
+              "bikeShareId": "\\"hub_1549\\"",
+              "departure": 1573688886000,
+              "lat": 45.504688916692,
+              "lon": -122.63455510139465,
+              "name": "SE 30th at Division",
               "networks": Array [
                 "GBFS",
               ],
@@ -9907,8 +9770,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 23,
-              "points": "_oytGpiokVmGC?dG?PqCAiCAAX?pD?zB?l@?ZAxF?b@?X?tBq@?{A?oCAmCAmC?oCAuCA?l@",
+              "length": 29,
+              "points": "gsvtGfaokVa@HD?D?QLC?wB?qC?kB@_B?mEBS@GVET?R?\`@?~A?pAWAgB?}B?I@mCAmCAqAAg@?]?W??f@",
             },
             "mode": "BICYCLE",
             "pathway": false,
@@ -9917,679 +9780,512 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689181000,
+            "startTime": 1573688886000,
             "steps": Array [
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 149.895,
+                "distance": 413.022,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 42.072842545446775,
+                    "second": 36.39284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 42.14284254544678,
+                    "second": 36.542842545446774,
                   },
                   Object {
-                    "first": 20,
-                    "second": 42.212842545446776,
+                    "first": 13.4,
+                    "second": 36.572842545446775,
                   },
                   Object {
-                    "first": 30,
-                    "second": 42.322842545446775,
+                    "first": 13.403,
+                    "second": 37.89284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 42.45284254544678,
+                    "first": 23.403,
+                    "second": 37.74284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 42.60284254544678,
+                    "first": 33.403,
+                    "second": 37.712842545446776,
                   },
                   Object {
-                    "first": 60,
-                    "second": 42.78284254544678,
+                    "first": 43.403,
+                    "second": 37.682842545446775,
                   },
                   Object {
-                    "first": 70,
-                    "second": 42.932842545446775,
+                    "first": 53.403,
+                    "second": 37.69284254544678,
                   },
                   Object {
-                    "first": 80,
-                    "second": 43.09284254544678,
+                    "first": 63.403,
+                    "second": 37.70284254544678,
                   },
                   Object {
-                    "first": 90,
-                    "second": 43.22284254544678,
+                    "first": 73.403,
+                    "second": 37.70284254544678,
                   },
                   Object {
-                    "first": 100,
-                    "second": 43.38284254544678,
+                    "first": 83.403,
+                    "second": 37.70284254544678,
                   },
                   Object {
-                    "first": 110,
-                    "second": 43.55284254544678,
+                    "first": 93.283,
+                    "second": 37.75284254544678,
                   },
                   Object {
-                    "first": 120,
-                    "second": 43.69284254544678,
+                    "first": 93.299,
+                    "second": 37.75284254544678,
                   },
                   Object {
-                    "first": 130,
-                    "second": 43.83284254544678,
+                    "first": 103.299,
+                    "second": 37.792842545446774,
                   },
                   Object {
-                    "first": 140,
-                    "second": 43.98284254544678,
+                    "first": 113.299,
+                    "second": 37.792842545446774,
                   },
                   Object {
-                    "first": 149.9,
-                    "second": 44.12284254544678,
+                    "first": 123.299,
+                    "second": 37.85284254544678,
                   },
-                ],
-                "lat": 45.51936249165759,
-                "lon": -122.6359221865929,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "SE 29th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 109.05,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 44.25284254544678,
+                    "first": 133.299,
+                    "second": 37.91284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 44.25284254544678,
+                    "first": 143.299,
+                    "second": 37.94284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 44.16284254544678,
+                    "first": 153.299,
+                    "second": 38.01284254544677,
                   },
                   Object {
-                    "first": 30,
-                    "second": 44.09284254544678,
+                    "first": 163.299,
+                    "second": 38.072842545446775,
                   },
                   Object {
-                    "first": 40,
-                    "second": 43.88284254544678,
+                    "first": 173.849,
+                    "second": 38.13284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 43.74284254544678,
+                    "first": 173.849,
+                    "second": 38.13284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 43.63284254544678,
+                    "first": 183.849,
+                    "second": 38.25284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 43.48284254544678,
+                    "first": 193.849,
+                    "second": 38.36284254544678,
                   },
                   Object {
-                    "first": 80,
-                    "second": 43.322842545446775,
+                    "first": 203.849,
+                    "second": 38.41284254544678,
                   },
                   Object {
-                    "first": 90,
-                    "second": 43.19284254544678,
+                    "first": 213.849,
+                    "second": 38.36284254544678,
                   },
                   Object {
-                    "first": 100,
-                    "second": 43.02284254544678,
+                    "first": 223.849,
+                    "second": 38.212842545446776,
                   },
                   Object {
-                    "first": 109.05,
-                    "second": 43.03284254544678,
+                    "first": 234.38899999999998,
+                    "second": 38.03284254544678,
                   },
-                ],
-                "lat": 45.5207105,
-                "lon": -122.6359092,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Pine St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 157.897,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 43.03284254544678,
+                    "first": 234.384,
+                    "second": 38.03284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 43.072842545446775,
+                    "first": 244.384,
+                    "second": 38.09284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 43.17284254544678,
+                    "first": 254.384,
+                    "second": 38.33284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 43.38284254544678,
+                    "first": 264.384,
+                    "second": 38.83284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 43.682842545446775,
+                    "first": 274.384,
+                    "second": 39.39284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 43.98284254544678,
+                    "first": 288.054,
+                    "second": 40.13284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 44.27284254544678,
+                    "first": 288.058,
+                    "second": 40.13284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 44.56284254544678,
+                    "first": 298.058,
+                    "second": 40.59284254544678,
                   },
                   Object {
-                    "first": 80.58,
-                    "second": 44.822842545446775,
+                    "first": 308.058,
+                    "second": 41.182842545446775,
                   },
                   Object {
-                    "first": 80.578,
-                    "second": 44.822842545446775,
+                    "first": 318.058,
+                    "second": 42.13284254544678,
                   },
                   Object {
-                    "first": 90.578,
-                    "second": 44.89284254544678,
+                    "first": 328.058,
+                    "second": 43.12284254544678,
                   },
                   Object {
-                    "first": 100.578,
-                    "second": 44.73284254544678,
+                    "first": 338.058,
+                    "second": 44.05284254544678,
                   },
                   Object {
-                    "first": 110.578,
-                    "second": 44.44284254544678,
+                    "first": 348.058,
+                    "second": 44.902842545446774,
                   },
                   Object {
-                    "first": 120.578,
-                    "second": 44.11284254544678,
+                    "first": 358.058,
+                    "second": 45.66284254544678,
                   },
                   Object {
-                    "first": 130.578,
-                    "second": 43.78284254544678,
+                    "first": 368.058,
+                    "second": 46.34284254544678,
                   },
                   Object {
-                    "first": 140.578,
-                    "second": 43.462842545446776,
+                    "first": 378.058,
+                    "second": 46.94284254544678,
                   },
                   Object {
-                    "first": 150.578,
-                    "second": 43.17284254544678,
+                    "first": 388.058,
+                    "second": 47.51284254544677,
                   },
                   Object {
-                    "first": 157.898,
-                    "second": 43.00284254544678,
+                    "first": 398.058,
+                    "second": 47.99284254544678,
+                  },
+                  Object {
+                    "first": 413.018,
+                    "second": 48.35284254544678,
                   },
                 ],
-                "lat": 45.5207158,
-                "lon": -122.6373089,
-                "relativeDirection": "RIGHT",
+                "lat": 45.504688853368016,
+                "lon": -122.63459592690745,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "SE 28th Ave",
+                "streetName": "SE 30th Ave",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 323.892,
+                "distance": 110.101,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 43.00284254544678,
+                    "second": 48.35284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 42.932842545446775,
+                    "second": 48.56284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 42.83284254544678,
+                    "second": 49.402842545446774,
                   },
                   Object {
                     "first": 30,
-                    "second": 42.63284254544678,
+                    "second": 49.74284254544678,
                   },
                   Object {
                     "first": 40,
-                    "second": 42.38284254544678,
+                    "second": 49.932842545446775,
                   },
                   Object {
                     "first": 50,
-                    "second": 42.16284254544678,
+                    "second": 50.19284254544678,
                   },
                   Object {
                     "first": 60,
-                    "second": 41.962842545446776,
+                    "second": 50.182842545446775,
                   },
                   Object {
                     "first": 70,
-                    "second": 41.69284254544678,
+                    "second": 49.89284254544678,
                   },
                   Object {
-                    "first": 79.77,
-                    "second": 41.51284254544677,
+                    "first": 78.48,
+                    "second": 49.50284254544678,
                   },
                   Object {
-                    "first": 79.77,
-                    "second": 41.51284254544677,
+                    "first": 78.464,
+                    "second": 49.50284254544678,
                   },
                   Object {
-                    "first": 89.77,
-                    "second": 41.76284254544677,
+                    "first": 88.464,
+                    "second": 49.66284254544678,
                   },
                   Object {
-                    "first": 99.77,
-                    "second": 41.822842545446775,
+                    "first": 98.464,
+                    "second": 49.712842545446776,
                   },
                   Object {
-                    "first": 109.77,
-                    "second": 41.70284254544678,
+                    "first": 110.104,
+                    "second": 49.69284254544678,
                   },
+                ],
+                "lat": 45.5083813,
+                "lon": -122.6347507,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SE Harrison St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 401.74699999999996,
+                "elevation": Array [
                   Object {
-                    "first": 119.77,
-                    "second": 40.962842545446776,
+                    "first": 0,
+                    "second": 49.69284254544678,
                   },
                   Object {
-                    "first": 127.69,
-                    "second": 40.73284254544678,
+                    "first": 10,
+                    "second": 49.182842545446775,
                   },
                   Object {
-                    "first": 127.69,
-                    "second": 40.73284254544678,
+                    "first": 20,
+                    "second": 49.01284254544677,
                   },
                   Object {
-                    "first": 137.69,
-                    "second": 40.402842545446774,
+                    "first": 30,
+                    "second": 48.97284254544678,
                   },
                   Object {
-                    "first": 147.69,
-                    "second": 40.24284254544678,
+                    "first": 40,
+                    "second": 48.932842545446775,
                   },
                   Object {
-                    "first": 156.98,
-                    "second": 39.92284254544678,
+                    "first": 50,
+                    "second": 48.85284254544678,
                   },
                   Object {
-                    "first": 156.983,
-                    "second": 39.92284254544678,
+                    "first": 60,
+                    "second": 48.80284254544678,
                   },
                   Object {
-                    "first": 166.983,
-                    "second": 39.85284254544678,
+                    "first": 70.24,
+                    "second": 48.75284254544678,
                   },
                   Object {
-                    "first": 176.983,
-                    "second": 39.86284254544678,
+                    "first": 70.242,
+                    "second": 48.75284254544678,
                   },
                   Object {
-                    "first": 186.983,
-                    "second": 39.73284254544678,
+                    "first": 80.242,
+                    "second": 48.69284254544678,
                   },
                   Object {
-                    "first": 196.983,
-                    "second": 39.63284254544678,
+                    "first": 90.242,
+                    "second": 48.52284254544678,
                   },
                   Object {
-                    "first": 206.983,
-                    "second": 39.59284254544678,
+                    "first": 100.242,
+                    "second": 48.25284254544678,
                   },
                   Object {
-                    "first": 216.983,
-                    "second": 39.86284254544678,
+                    "first": 110.242,
+                    "second": 47.98284254544678,
                   },
                   Object {
-                    "first": 226.983,
-                    "second": 39.63284254544678,
-                  },
-                  Object {
-                    "first": 236.983,
-                    "second": 39.48284254544678,
-                  },
-                  Object {
-                    "first": 246.983,
-                    "second": 39.212842545446776,
-                  },
-                  Object {
-                    "first": 256.983,
-                    "second": 39.072842545446775,
-                  },
-                  Object {
-                    "first": 267.76300000000003,
-                    "second": 38.87284254544678,
-                  },
-                  Object {
-                    "first": 267.76,
-                    "second": 38.87284254544678,
-                  },
-                  Object {
-                    "first": 278.48,
-                    "second": 38.73284254544678,
-                  },
-                  Object {
-                    "first": 278.48,
-                    "second": 38.73284254544678,
-                  },
-                  Object {
-                    "first": 288.48,
-                    "second": 38.792842545446774,
-                  },
-                  Object {
-                    "first": 298.48,
-                    "second": 38.73284254544678,
-                  },
-                  Object {
-                    "first": 308.48,
-                    "second": 38.67284254544678,
-                  },
-                  Object {
-                    "first": 318.48,
-                    "second": 38.47284254544678,
-                  },
-                  Object {
-                    "first": 323.89,
-                    "second": 38.49284254544678,
-                  },
-                ],
-                "lat": 45.5221357,
-                "lon": -122.6372845,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Ankeny St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 78.85900000000001,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 38.49284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 38.73284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 38.73284254544678,
-                  },
-                  Object {
-                    "first": 28.04,
-                    "second": 38.86284254544678,
-                  },
-                  Object {
-                    "first": 28.043,
-                    "second": 38.86284254544678,
-                  },
-                  Object {
-                    "first": 38.043,
-                    "second": 39.06284254544678,
-                  },
-                  Object {
-                    "first": 48.043,
-                    "second": 39.212842545446776,
-                  },
-                  Object {
-                    "first": 58.043,
-                    "second": 39.41284254544678,
-                  },
-                  Object {
-                    "first": 68.043,
-                    "second": 39.59284254544678,
-                  },
-                  Object {
-                    "first": 78.863,
-                    "second": 39.84284254544678,
-                  },
-                ],
-                "lat": 45.5221551,
-                "lon": -122.6414415,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 24th Ave",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 401.5,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 39.84284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 40.02284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 39.81284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 39.56284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 39.33284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 39.14284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 38.932842545446775,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 38.712842545446776,
-                  },
-                  Object {
-                    "first": 79.63,
-                    "second": 38.59284254544678,
-                  },
-                  Object {
-                    "first": 79.629,
-                    "second": 38.59284254544678,
-                  },
-                  Object {
-                    "first": 89.629,
-                    "second": 38.51284254544677,
+                    "first": 120.242,
+                    "second": 47.69284254544678,
                   },
                   Object {
-                    "first": 99.629,
-                    "second": 38.572842545446775,
+                    "first": 130.24200000000002,
+                    "second": 47.45284254544678,
                   },
                   Object {
-                    "first": 109.629,
-                    "second": 38.76284254544677,
+                    "first": 140.24200000000002,
+                    "second": 47.19284254544678,
                   },
                   Object {
-                    "first": 119.629,
-                    "second": 38.99284254544678,
+                    "first": 146.93200000000002,
+                    "second": 47.06284254544678,
                   },
                   Object {
-                    "first": 129.62900000000002,
-                    "second": 39.23284254544678,
+                    "first": 146.921,
+                    "second": 47.06284254544678,
                   },
                   Object {
-                    "first": 139.62900000000002,
-                    "second": 39.48284254544678,
+                    "first": 156.921,
+                    "second": 46.87284254544678,
                   },
                   Object {
-                    "first": 149.62900000000002,
-                    "second": 39.712842545446776,
+                    "first": 166.921,
+                    "second": 46.70284254544678,
                   },
                   Object {
-                    "first": 158.889,
-                    "second": 39.89284254544678,
+                    "first": 176.921,
+                    "second": 46.49284254544678,
                   },
                   Object {
-                    "first": 158.89100000000002,
-                    "second": 39.89284254544678,
+                    "first": 186.921,
+                    "second": 46.26284254544677,
                   },
                   Object {
-                    "first": 168.89100000000002,
-                    "second": 40.01284254544677,
+                    "first": 196.921,
+                    "second": 46.042842545446774,
                   },
                   Object {
-                    "first": 178.89100000000002,
-                    "second": 40.09284254544678,
+                    "first": 206.921,
+                    "second": 45.822842545446775,
                   },
                   Object {
-                    "first": 188.89100000000002,
-                    "second": 40.30284254544678,
+                    "first": 216.921,
+                    "second": 45.60284254544678,
                   },
                   Object {
-                    "first": 198.89100000000002,
-                    "second": 40.51284254544677,
+                    "first": 225.37099999999998,
+                    "second": 45.45284254544678,
                   },
                   Object {
-                    "first": 208.89100000000002,
-                    "second": 40.70284254544678,
+                    "first": 225.37199999999999,
+                    "second": 45.45284254544678,
                   },
                   Object {
-                    "first": 218.89100000000002,
-                    "second": 40.91284254544678,
+                    "first": 235.37199999999999,
+                    "second": 45.41284254544678,
                   },
                   Object {
-                    "first": 228.89100000000002,
-                    "second": 41.12284254544678,
+                    "first": 245.37199999999999,
+                    "second": 45.41284254544678,
                   },
                   Object {
-                    "first": 238.18100000000004,
-                    "second": 41.28284254544678,
+                    "first": 255.37199999999999,
+                    "second": 45.462842545446776,
                   },
                   Object {
-                    "first": 238.185,
-                    "second": 41.28284254544678,
+                    "first": 265.37199999999996,
+                    "second": 45.49284254544678,
                   },
                   Object {
-                    "first": 248.185,
-                    "second": 41.44284254544678,
+                    "first": 275.37199999999996,
+                    "second": 45.51284254544677,
                   },
                   Object {
-                    "first": 258.185,
-                    "second": 41.45284254544678,
+                    "first": 285.37199999999996,
+                    "second": 45.52284254544678,
                   },
                   Object {
-                    "first": 268.185,
-                    "second": 41.542842545446774,
+                    "first": 295.37199999999996,
+                    "second": 45.542842545446774,
                   },
                   Object {
-                    "first": 278.185,
-                    "second": 41.61284254544678,
+                    "first": 304.24199999999996,
+                    "second": 45.572842545446775,
                   },
                   Object {
-                    "first": 288.185,
-                    "second": 41.67284254544678,
+                    "first": 304.241,
+                    "second": 45.572842545446775,
                   },
                   Object {
-                    "first": 298.185,
-                    "second": 41.74284254544678,
+                    "first": 314.241,
+                    "second": 45.69284254544678,
                   },
                   Object {
-                    "first": 308.185,
-                    "second": 41.80284254544678,
+                    "first": 324.241,
+                    "second": 45.932842545446775,
                   },
                   Object {
-                    "first": 317.725,
-                    "second": 41.87284254544678,
+                    "first": 334.241,
+                    "second": 46.38284254544678,
                   },
                   Object {
-                    "first": 317.723,
-                    "second": 41.87284254544678,
+                    "first": 344.241,
+                    "second": 46.88284254544678,
                   },
                   Object {
-                    "first": 327.723,
-                    "second": 41.91284254544678,
+                    "first": 349.611,
+                    "second": 47.14284254544678,
                   },
                   Object {
-                    "first": 337.723,
-                    "second": 41.932842545446775,
+                    "first": 349.608,
+                    "second": 47.14284254544678,
                   },
                   Object {
-                    "first": 347.723,
-                    "second": 41.97284254544678,
+                    "first": 359.608,
+                    "second": 47.61284254544678,
                   },
                   Object {
-                    "first": 357.723,
-                    "second": 42.02284254544678,
+                    "first": 372.168,
+                    "second": 48.23284254544678,
                   },
                   Object {
-                    "first": 367.723,
-                    "second": 42.08284254544678,
+                    "first": 372.169,
+                    "second": 48.23284254544678,
                   },
                   Object {
-                    "first": 377.723,
-                    "second": 42.14284254544678,
+                    "first": 382.169,
+                    "second": 48.72284254544678,
                   },
                   Object {
-                    "first": 387.723,
-                    "second": 42.212842545446776,
+                    "first": 392.169,
+                    "second": 49.20284254544678,
                   },
                   Object {
-                    "first": 401.50300000000004,
-                    "second": 42.28284254544678,
+                    "first": 401.74899999999997,
+                    "second": 49.58284254544678,
                   },
                 ],
-                "lat": 45.5228643,
-                "lon": -122.6414426,
-                "relativeDirection": "CONTINUE",
+                "lat": 45.5084586,
+                "lon": -122.636141,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE 24th Ave",
+                "streetName": "SE 29th Ave",
               },
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 17.46,
+                "distance": 15.163,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 42.28284254544678,
+                    "second": 49.58284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 42.17284254544678,
+                    "second": 49.792842545446774,
                   },
                   Object {
-                    "first": 17.46,
-                    "second": 42.182842545446775,
+                    "first": 15.16,
+                    "second": 49.88284254544678,
                   },
                 ],
-                "lat": 45.526475,
-                "lon": -122.6414088,
+                "lat": 45.5120707,
+                "lon": -122.6361172,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NE Glisan St",
+                "streetName": "SE Hawthorne Blvd",
               },
             ],
             "to": Object {
-              "arrival": 1573689573000,
-              "bikeShareId": "\\"hub_1522\\"",
-              "departure": 1573689573000,
-              "lat": 45.526494932914076,
-              "lon": -122.6416327804327,
-              "name": "NE Glisan at 24th",
+              "arrival": 1573689303000,
+              "bikeShareId": "\\"hub_1608\\"",
+              "departure": 1573689303000,
+              "lat": 45.51202352994066,
+              "lon": -122.6363119482994,
+              "name": "SE 29th at Hawthorne",
               "networks": Array [
                 "GBFS",
               ],
@@ -10601,16 +10297,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 151.488,
-            "duration": 155,
-            "endTime": 1573689728000,
+            "distance": 188.476,
+            "duration": 189,
+            "endTime": 1573689492000,
             "from": Object {
-              "arrival": 1573689573000,
-              "bikeShareId": "\\"hub_1522\\"",
-              "departure": 1573689573000,
-              "lat": 45.526494932914076,
-              "lon": -122.6416327804327,
-              "name": "NE Glisan at 24th",
+              "arrival": 1573689303000,
+              "bikeShareId": "\\"hub_1608\\"",
+              "departure": 1573689303000,
+              "lat": 45.51202352994066,
+              "lon": -122.6363119482994,
+              "name": "SE 29th at Hawthorne",
               "networks": Array [
                 "GBFS",
               ],
@@ -10620,8 +10316,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 8,
-              "points": "m{ztGfmpkV?m@S@}BAg@?W?EOGU",
+              "length": 6,
+              "points": "maxtG~kokV?xA?hAY?eCAAxA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -10630,1273 +10326,154 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689573000,
+            "startTime": 1573689303000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 17.46,
+                "distance": 64.03399999999999,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 42.60284254544678,
+                    "second": 49.58284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 42.64284254544678,
+                    "second": 49.792842545446774,
                   },
                   Object {
-                    "first": 17.46,
-                    "second": 42.66284254544678,
+                    "first": 20,
+                    "second": 49.97284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 50.11284254544678,
+                  },
+                  Object {
+                    "first": 35.62,
+                    "second": 50.182842545446775,
                   },
                 ],
-                "lat": 45.52647589952555,
-                "lon": -122.64163293606626,
-                "relativeDirection": "HARD_LEFT",
+                "lat": 45.51207099860361,
+                "lon": -122.63631179997208,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "NE Glisan St",
+                "streetName": "SE Hawthorne Blvd",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 116.416,
+                "distance": 89.768,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 42.28284254544678,
+                    "second": 50.60284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 42.42284254544678,
+                    "second": 50.682842545446775,
                   },
                   Object {
                     "first": 20,
-                    "second": 42.44284254544678,
+                    "second": 50.39284254544678,
                   },
                   Object {
                     "first": 30,
-                    "second": 42.53284254544678,
+                    "second": 49.89284254544678,
                   },
                   Object {
                     "first": 40,
-                    "second": 42.63284254544678,
+                    "second": 49.30284254544678,
                   },
                   Object {
                     "first": 50,
-                    "second": 42.75284254544678,
+                    "second": 48.712842545446776,
                   },
                   Object {
                     "first": 60,
-                    "second": 42.87284254544678,
+                    "second": 48.11284254544678,
                   },
                   Object {
                     "first": 70,
-                    "second": 42.98284254544678,
-                  },
-                  Object {
-                    "first": 81.11,
-                    "second": 43.14284254544678,
-                  },
-                  Object {
-                    "first": 81.114,
-                    "second": 43.14284254544678,
-                  },
-                  Object {
-                    "first": 91.114,
-                    "second": 43.292842545446774,
-                  },
-                  Object {
-                    "first": 101.114,
-                    "second": 43.402842545446774,
+                    "second": 47.49284254544678,
                   },
                   Object {
-                    "first": 111.114,
-                    "second": 43.55284254544678,
+                    "first": 80,
+                    "second": 46.902842545446774,
                   },
                   Object {
-                    "first": 116.414,
-                    "second": 43.63284254544678,
+                    "first": 89.77,
+                    "second": 46.51284254544677,
                   },
                 ],
-                "lat": 45.526475,
-                "lon": -122.6414088,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "NE 24th Ave",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 17.612,
-                "elevation": Array [],
-                "lat": 45.5275218,
-                "lon": -122.641409,
+                "lat": 45.5120723,
+                "lon": -122.6371336,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE Sandy Blvd",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573689728000,
-              "departure": 1573689729000,
-              "lat": 45.527504,
-              "lon": -122.641136,
-              "name": "NE Sandy & 24th",
-              "stopCode": "5066",
-              "stopId": "TriMet:5066",
-              "stopIndex": 52,
-              "stopSequence": 53,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "For trips to Parkrose/Sumner Transit Center, no service to the stop at NE Sandy & 47th (Stop ID 5094) due to long-term construction. Use the temporary stop located at NE Sandy & 48th (Stop ID 14073).",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1562950483,
-              },
-              Object {
-                "alertDescriptionText": "For trips to Tigard Transit Center, no service to the stop at NE Sandy & 91st (Stop ID 5145) due to PBOT sidewalk construction. Use temporary stop on the west side of 91st.  ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1564601290,
-              },
-            ],
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 3262.4448016745714,
-            "duration": 753,
-            "endTime": 1573690482000,
-            "from": Object {
-              "arrival": 1573689728000,
-              "departure": 1573689729000,
-              "lat": 45.527504,
-              "lon": -122.641136,
-              "name": "NE Sandy & 24th",
-              "stopCode": "5066",
-              "stopId": "TriMet:5066",
-              "stopIndex": 52,
-              "stopSequence": 53,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "headsign": "Parkrose TC",
-            "interStopGeometry": Array [
-              Object {
-                "length": 6,
-                "points": "mb{tGpjpkVGS]iA]sAkAeE[gA",
-              },
-              Object {
-                "length": 6,
-                "points": "yg{tGp|okVSs@Qi@Oi@i@mBOg@",
-              },
-              Object {
-                "length": 18,
-                "points": "ik{tGrsokVMe@Mc@GSQq@q@aCOe@CKISMg@Uw@I[a@uASq@uA_Fc@aBEOY{@",
-              },
-              Object {
-                "length": 10,
-                "points": "mw{tGhtnkVg@cBe@cBUw@K_@Y}@GUOa@Wy@CI",
-              },
-              Object {
-                "length": 5,
-                "points": "k}{tGnenkVK[}@{CwAwEUu@",
-              },
-              Object {
-                "length": 15,
-                "points": "cc|tGhwmkVo@sBy@sC]iAUs@AYMc@}@uCICW_AM_@M_@Qi@GQAC",
-              },
-              Object {
-                "length": 14,
-                "points": "im|tGj~lkVEOk@gB_@oAISm@qBUs@oAcEGSIU[cAa@mAIUa@gA",
-              },
-              Object {
-                "length": 8,
-                "points": "ux|tGjclkVs@oBGSOa@]eA]cAM]Sm@",
-              },
-              Object {
-                "length": 17,
-                "points": "_~|tGnwkkVOa@M_@Sg@Qg@IUe@sAWu@Ma@g@wAi@yAIUISQi@Wu@Ka@EM",
-              },
-              Object {
-                "length": 8,
-                "points": "{g}tGnakkVCIGWK_@_@aBYoAaAcE[sA",
-              },
-              Object {
-                "length": 9,
-                "points": "km}tGbqjkVMg@[oAk@aCS{@GWKc@Mi@EO",
-              },
-              Object {
-                "length": 8,
-                "points": "}q}tGvcjkVI[Ka@Qo@u@cC_@gASo@CI",
-              },
-              Object {
-                "length": 7,
-                "points": "sv}tGbxikVeAmDo@yBCKYcA_@oA_@qA",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573689771000,
-                "departure": 1573689771000,
-                "lat": 45.528373,
-                "lon": -122.638908,
-                "name": "NE Sandy & Lawrence",
-                "stopCode": "5049",
-                "stopId": "TriMet:5049",
-                "stopIndex": 53,
-                "stopSequence": 54,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689798000,
-                "departure": 1573689798000,
-                "lat": 45.528932,
-                "lon": -122.637476,
-                "name": "NE Sandy & 28th",
-                "stopCode": "5070",
-                "stopId": "TriMet:5070",
-                "stopIndex": 54,
-                "stopSequence": 55,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689892000,
-                "departure": 1573689892000,
-                "lat": 45.530883,
-                "lon": -122.632469,
-                "name": "NE Sandy & 31st",
-                "stopCode": "5076",
-                "stopId": "TriMet:5076",
-                "stopIndex": 55,
-                "stopSequence": 56,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689937000,
-                "departure": 1573689937000,
-                "lat": 45.531835,
-                "lon": -122.630092,
-                "name": "NE Sandy & 33rd",
-                "stopCode": "5079",
-                "stopId": "TriMet:5079",
-                "stopIndex": 56,
-                "stopSequence": 57,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689980000,
-                "departure": 1573689980000,
-                "lat": 45.532756,
-                "lon": -122.627831,
-                "name": "NE Sandy & Imperial",
-                "stopCode": "5048",
-                "stopId": "TriMet:5048",
-                "stopIndex": 57,
-                "stopSequence": 58,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690057000,
-                "departure": 1573690057000,
-                "lat": 45.534366,
-                "lon": -122.623829,
-                "name": "NE Sandy & 38th",
-                "stopCode": "10793",
-                "stopId": "TriMet:10793",
-                "stopIndex": 58,
-                "stopSequence": 59,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690140000,
-                "departure": 1573690140000,
-                "lat": 45.536199,
-                "lon": -122.61951,
-                "name": "NE Sandy & 42nd",
-                "stopCode": "5087",
-                "stopId": "TriMet:5087",
-                "stopIndex": 59,
-                "stopSequence": 60,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690185000,
-                "departure": 1573690185000,
-                "lat": 45.537054,
-                "lon": -122.617607,
-                "name": "NE Sandy & 44th",
-                "stopCode": "5091",
-                "stopId": "TriMet:5091",
-                "stopIndex": 60,
-                "stopSequence": 61,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690270000,
-                "departure": 1573690270000,
-                "lat": 45.538632,
-                "lon": -122.614099,
-                "name": "NE Sandy & 48th",
-                "stopCode": "14073",
-                "stopId": "TriMet:14073",
-                "stopIndex": 61,
-                "stopSequence": 62,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690328000,
-                "departure": 1573690328000,
-                "lat": 45.539503,
-                "lon": -122.611486,
-                "name": "NE Sandy & 50th",
-                "stopCode": "5097",
-                "stopId": "TriMet:5097",
-                "stopIndex": 62,
-                "stopSequence": 63,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690376000,
-                "departure": 1573690376000,
-                "lat": 45.540236,
-                "lon": -122.609338,
-                "name": "NE Sandy & Sacramento",
-                "stopCode": "5054",
-                "stopId": "TriMet:5054",
-                "stopIndex": 63,
-                "stopSequence": 64,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690420000,
-                "departure": 1573690420000,
-                "lat": 45.540992,
-                "lon": -122.607476,
-                "name": "NE Sandy & 54th",
-                "stopCode": "5102",
-                "stopId": "TriMet:5102",
-                "stopIndex": 64,
-                "stopSequence": 65,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 119,
-              "points": "mb{tGpjpkVGS]iA]sAkAeE[gASs@Qi@Oi@i@mBOg@Me@Mc@GSQq@q@aCOe@CKISMg@Uw@I[a@uASq@uA_Fc@aBEOY{@g@cBe@cBUw@K_@Y}@GUOa@Wy@CIK[}@{CwAwEUu@o@sBy@sC]iAUs@AYMc@}@uCICW_AM_@M_@Qi@GQACEOk@gB_@oAISm@qBUs@oAcEGSIU[cAa@mAIUa@gAs@oBGSOa@]eA]cAM]Sm@Oa@M_@Sg@Qg@IUe@sAWu@Ma@g@wAi@yAIUISQi@Wu@Ka@EMCIGWK_@_@aBYoAaAcE[sAMg@[oAk@aCS{@GWKc@Mi@EOI[Ka@Qo@u@cC_@gASo@CIeAmDo@yBCKYcA_@oA_@qA",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "12",
-            "routeId": "TriMet:12",
-            "routeLongName": "Barbur/Sandy Blvd",
-            "routeShortName": "12",
-            "routeType": 3,
-            "serviceDate": "20191113",
-            "startTime": 1573689729000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573690482000,
-              "departure": 1573690483000,
-              "lat": 45.542033,
-              "lon": -122.604775,
-              "name": "NE Sandy & 57th",
-              "stopCode": "5104",
-              "stopId": "TriMet:5104",
-              "stopIndex": 65,
-              "stopSequence": 66,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": true,
-            "tripBlockId": "1268",
-            "tripId": "TriMet:9253541",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 84.911,
-            "duration": 131,
-            "endTime": 1573690614000,
-            "from": Object {
-              "arrival": 1573690482000,
-              "departure": 1573690483000,
-              "lat": 45.542033,
-              "lon": -122.604775,
-              "name": "NE Sandy & 57th",
-              "stopCode": "5104",
-              "stopId": "TriMet:5104",
-              "stopIndex": 65,
-              "stopSequence": 66,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 8,
-              "points": "g}}tGhgikVCKOe@iBxFJWHWF[Ni@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573690483000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 22.928,
-                "elevation": Array [],
-                "lat": 45.542122067805494,
-                "lon": -122.60484587365222,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "NE Sandy Blvd",
+                "streetName": "SE 28th Ave",
               },
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 61.983,
+                "distance": 34.674,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 79.95284254544677,
+                    "second": 46.51284254544677,
                   },
                   Object {
                     "first": 10,
-                    "second": 80.01284254544677,
+                    "second": 46.462842545446776,
                   },
                   Object {
                     "first": 20,
-                    "second": 79.81284254544678,
+                    "second": 46.51284254544677,
                   },
                   Object {
                     "first": 30,
-                    "second": 79.94284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 79.78284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 79.70284254544677,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 79.55284254544678,
+                    "second": 46.30284254544678,
                   },
                   Object {
-                    "first": 61.98,
-                    "second": 79.54284254544677,
+                    "first": 34.67,
+                    "second": 46.152842545446774,
                   },
                 ],
-                "lat": 45.5422255,
-                "lon": -122.6045912,
-                "relativeDirection": "HARD_LEFT",
+                "lat": 45.5128796,
+                "lon": -122.6371298,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NE Alameda St",
+                "streetName": "SE Madison St",
               },
             ],
             "to": Object {
-              "arrival": 1573690614000,
-              "bikeShareId": "\\"bike_6884\\"",
-              "departure": 1573690614000,
-              "lat": 45.542406666666665,
-              "lon": -122.60542166666667,
-              "name": "0086 BIKETOWN",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1662.6870000000004,
-            "duration": 437,
-            "endTime": 1573691051000,
-            "from": Object {
-              "arrival": 1573690614000,
-              "bikeShareId": "\\"bike_6884\\"",
-              "departure": 1573690614000,
-              "lat": 45.542406666666665,
-              "lon": -122.60542166666667,
-              "name": "0086 BIKETOWN",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 57,
-              "points": "w_~tGziikVJOLWFUH]Ng@_@@C?W?[AA?c@?eA?cB?aBAuA?aC?SAM?eHA{B?oAAG?I?]?M@M?_C?mC?oCCqBAKAOAMGIEw@m@a@]_@[eCmBUSWSw@o@c@]{@q@oAcAkByAo@g@[W??c@_@OIy@m@CAQOYFK?w@E",
-            },
-            "mode": "BICYCLE",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": true,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573690614000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 61.983,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 79.21284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 79.32284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 79.38284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 79.48284254544677,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 79.55284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 79.68284254544677,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 79.77284254544678,
-                  },
-                  Object {
-                    "first": 61.98,
-                    "second": 79.80284254544678,
-                  },
-                ],
-                "lat": 45.542521013967075,
-                "lon": -122.60525994806065,
-                "relativeDirection": "HARD_LEFT",
-                "stayOn": false,
-                "streetName": "NE Alameda St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 986.3960000000001,
-                "elevation": Array [
-                  Object {
-                    "first": 50.163000000000004,
-                    "second": 79.94284254544678,
-                  },
-                  Object {
-                    "first": 60.163000000000004,
-                    "second": 79.89284254544677,
-                  },
-                  Object {
-                    "first": 70.16300000000001,
-                    "second": 79.85284254544678,
-                  },
-                  Object {
-                    "first": 80.16300000000001,
-                    "second": 79.81284254544678,
-                  },
-                  Object {
-                    "first": 90.16300000000001,
-                    "second": 79.75284254544678,
-                  },
-                  Object {
-                    "first": 100.16300000000001,
-                    "second": 79.68284254544677,
-                  },
-                  Object {
-                    "first": 110.16300000000001,
-                    "second": 79.53284254544678,
-                  },
-                  Object {
-                    "first": 120.16300000000001,
-                    "second": 79.37284254544679,
-                  },
-                  Object {
-                    "first": 130.163,
-                    "second": 79.16284254544678,
-                  },
-                  Object {
-                    "first": 140.163,
-                    "second": 78.94284254544678,
-                  },
-                  Object {
-                    "first": 150.163,
-                    "second": 78.75284254544678,
-                  },
-                  Object {
-                    "first": 164.633,
-                    "second": 78.51284254544677,
-                  },
-                  Object {
-                    "first": 521.447,
-                    "second": 77.00284254544678,
-                  },
-                  Object {
-                    "first": 531.447,
-                    "second": 76.98284254544677,
-                  },
-                  Object {
-                    "first": 541.447,
-                    "second": 76.96284254544678,
-                  },
-                  Object {
-                    "first": 551.447,
-                    "second": 76.92284254544677,
-                  },
-                  Object {
-                    "first": 561.447,
-                    "second": 76.88284254544678,
-                  },
-                  Object {
-                    "first": 571.447,
-                    "second": 76.84284254544679,
-                  },
-                  Object {
-                    "first": 581.447,
-                    "second": 76.78284254544678,
-                  },
-                  Object {
-                    "first": 591.447,
-                    "second": 76.71284254544678,
-                  },
-                  Object {
-                    "first": 601.447,
-                    "second": 76.67284254544677,
-                  },
-                  Object {
-                    "first": 611.447,
-                    "second": 76.63284254544678,
-                  },
-                  Object {
-                    "first": 621.447,
-                    "second": 76.59284254544679,
-                  },
-                  Object {
-                    "first": 635.237,
-                    "second": 76.52284254544678,
-                  },
-                  Object {
-                    "first": 669.2410000000001,
-                    "second": 76.36284254544678,
-                  },
-                  Object {
-                    "first": 679.2410000000001,
-                    "second": 76.34284254544679,
-                  },
-                  Object {
-                    "first": 689.2410000000001,
-                    "second": 76.24284254544678,
-                  },
-                  Object {
-                    "first": 699.2410000000001,
-                    "second": 76.18284254544677,
-                  },
-                  Object {
-                    "first": 709.2410000000001,
-                    "second": 76.13284254544678,
-                  },
-                  Object {
-                    "first": 719.2410000000001,
-                    "second": 76.08284254544678,
-                  },
-                  Object {
-                    "first": 729.2410000000001,
-                    "second": 76.06284254544678,
-                  },
-                  Object {
-                    "first": 739.2410000000001,
-                    "second": 76.01284254544677,
-                  },
-                  Object {
-                    "first": 748.7110000000001,
-                    "second": 75.97284254544678,
-                  },
-                  Object {
-                    "first": 748.7150000000001,
-                    "second": 75.97284254544678,
-                  },
-                  Object {
-                    "first": 758.7150000000001,
-                    "second": 75.94284254544678,
-                  },
-                  Object {
-                    "first": 768.7150000000001,
-                    "second": 75.91284254544678,
-                  },
-                  Object {
-                    "first": 778.7150000000001,
-                    "second": 75.87284254544679,
-                  },
-                  Object {
-                    "first": 788.7150000000001,
-                    "second": 75.82284254544678,
-                  },
-                  Object {
-                    "first": 798.7150000000001,
-                    "second": 75.74284254544678,
-                  },
-                  Object {
-                    "first": 808.7150000000001,
-                    "second": 75.61284254544678,
-                  },
-                  Object {
-                    "first": 818.7150000000001,
-                    "second": 75.47284254544678,
-                  },
-                  Object {
-                    "first": 827.6350000000001,
-                    "second": 75.30284254544678,
-                  },
-                  Object {
-                    "first": 827.6310000000001,
-                    "second": 75.30284254544678,
-                  },
-                  Object {
-                    "first": 837.6310000000001,
-                    "second": 75.09284254544679,
-                  },
-                  Object {
-                    "first": 847.6310000000001,
-                    "second": 74.89284254544677,
-                  },
-                  Object {
-                    "first": 857.6310000000001,
-                    "second": 74.72284254544678,
-                  },
-                  Object {
-                    "first": 867.6310000000001,
-                    "second": 74.56284254544678,
-                  },
-                  Object {
-                    "first": 877.6310000000001,
-                    "second": 74.40284254544679,
-                  },
-                  Object {
-                    "first": 887.6310000000001,
-                    "second": 74.25284254544678,
-                  },
-                  Object {
-                    "first": 897.6310000000001,
-                    "second": 74.09284254544679,
-                  },
-                  Object {
-                    "first": 907.5310000000001,
-                    "second": 73.91284254544678,
-                  },
-                  Object {
-                    "first": 907.5310000000001,
-                    "second": 73.91284254544678,
-                  },
-                  Object {
-                    "first": 917.5310000000001,
-                    "second": 73.71284254544678,
-                  },
-                  Object {
-                    "first": 927.5310000000001,
-                    "second": 73.50284254544678,
-                  },
-                  Object {
-                    "first": 937.5310000000001,
-                    "second": 73.31284254544678,
-                  },
-                  Object {
-                    "first": 947.5310000000001,
-                    "second": 73.12284254544679,
-                  },
-                  Object {
-                    "first": 957.5310000000001,
-                    "second": 72.91284254544678,
-                  },
-                  Object {
-                    "first": 967.5310000000001,
-                    "second": 72.67284254544677,
-                  },
-                  Object {
-                    "first": 977.5310000000001,
-                    "second": 72.49284254544678,
-                  },
-                  Object {
-                    "first": 986.4010000000001,
-                    "second": 72.31284254544678,
-                  },
-                ],
-                "lat": 45.5422255,
-                "lon": -122.6045912,
-                "relativeDirection": "HARD_LEFT",
-                "stayOn": false,
-                "streetName": "NE 57th Ave",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 562.09,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 72.31284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 72.04284254544677,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 71.80284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 71.59284254544679,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 71.35284254544678,
-                  },
-                  Object {
-                    "first": 50.46,
-                    "second": 71.11284254544678,
-                  },
-                  Object {
-                    "first": 93.59299999999999,
-                    "second": 70.03284254544678,
-                  },
-                  Object {
-                    "first": 103.59299999999999,
-                    "second": 69.75284254544678,
-                  },
-                  Object {
-                    "first": 113.59299999999999,
-                    "second": 69.49284254544678,
-                  },
-                  Object {
-                    "first": 123.59299999999999,
-                    "second": 69.19284254544678,
-                  },
-                  Object {
-                    "first": 133.593,
-                    "second": 68.87284254544679,
-                  },
-                  Object {
-                    "first": 143.593,
-                    "second": 68.57284254544678,
-                  },
-                  Object {
-                    "first": 153.593,
-                    "second": 68.24284254544678,
-                  },
-                  Object {
-                    "first": 163.593,
-                    "second": 67.91284254544678,
-                  },
-                  Object {
-                    "first": 173.593,
-                    "second": 67.61284254544678,
-                  },
-                  Object {
-                    "first": 179.26299999999998,
-                    "second": 67.41284254544678,
-                  },
-                  Object {
-                    "first": 245.29299999999998,
-                    "second": 65.42284254544677,
-                  },
-                  Object {
-                    "first": 255.29299999999998,
-                    "second": 65.05284254544678,
-                  },
-                  Object {
-                    "first": 268.763,
-                    "second": 64.64284254544677,
-                  },
-                  Object {
-                    "first": 268.765,
-                    "second": 64.64284254544677,
-                  },
-                  Object {
-                    "first": 278.765,
-                    "second": 64.30284254544678,
-                  },
-                  Object {
-                    "first": 288.765,
-                    "second": 63.99284254544678,
-                  },
-                  Object {
-                    "first": 298.765,
-                    "second": 63.69284254544678,
-                  },
-                  Object {
-                    "first": 306.855,
-                    "second": 63.392842545446776,
-                  },
-                  Object {
-                    "first": 306.853,
-                    "second": 63.392842545446776,
-                  },
-                  Object {
-                    "first": 316.853,
-                    "second": 63.09284254544678,
-                  },
-                  Object {
-                    "first": 326.853,
-                    "second": 62.80284254544678,
-                  },
-                  Object {
-                    "first": 336.853,
-                    "second": 62.52284254544678,
-                  },
-                  Object {
-                    "first": 346.853,
-                    "second": 62.29284254544678,
-                  },
-                  Object {
-                    "first": 359.553,
-                    "second": 61.962842545446776,
-                  },
-                  Object {
-                    "first": 359.552,
-                    "second": 61.962842545446776,
-                  },
-                  Object {
-                    "first": 369.552,
-                    "second": 61.69284254544678,
-                  },
-                  Object {
-                    "first": 379.552,
-                    "second": 61.392842545446776,
-                  },
-                  Object {
-                    "first": 389.552,
-                    "second": 61.13284254544678,
-                  },
-                  Object {
-                    "first": 399.552,
-                    "second": 60.88284254544678,
-                  },
-                  Object {
-                    "first": 409.552,
-                    "second": 60.59284254544678,
-                  },
-                  Object {
-                    "first": 419.552,
-                    "second": 60.322842545446775,
-                  },
-                  Object {
-                    "first": 429.002,
-                    "second": 60.06284254544678,
-                  },
-                  Object {
-                    "first": 428.99800000000005,
-                    "second": 60.06284254544678,
-                  },
-                  Object {
-                    "first": 438.99800000000005,
-                    "second": 59.74284254544678,
-                  },
-                  Object {
-                    "first": 448.99800000000005,
-                    "second": 59.432842545446775,
-                  },
-                  Object {
-                    "first": 459.61800000000005,
-                    "second": 59.072842545446775,
-                  },
-                  Object {
-                    "first": 477.766,
-                    "second": 58.42284254544678,
-                  },
-                  Object {
-                    "first": 487.766,
-                    "second": 58.11284254544678,
-                  },
-                  Object {
-                    "first": 497.766,
-                    "second": 57.79284254544678,
-                  },
-                  Object {
-                    "first": 510.586,
-                    "second": 57.34284254544678,
-                  },
-                ],
-                "lat": 45.5510948,
-                "lon": -122.604512,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NE Cully Blvd",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 52.218,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 55.572842545446775,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 55.31284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 54.98284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 54.76284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 54.56284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 54.30284254544678,
-                  },
-                  Object {
-                    "first": 52.22,
-                    "second": 54.23284254544678,
-                  },
-                ],
-                "lat": 45.5554659,
-                "lon": -122.6008915,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "NE 60th Ave",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573691051000,
-              "bikeShareId": "\\"hub_5470\\"",
-              "departure": 1573691051000,
-              "lat": 45.555925802180894,
-              "lon": -122.6008129119873,
-              "name": "NE 60th at Cully ",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 150.70299999999997,
-            "duration": 152,
-            "endTime": 1573691203000,
-            "from": Object {
-              "arrival": 1573691051000,
-              "bikeShareId": "\\"hub_5470\\"",
-              "departure": 1573691051000,
-              "lat": 45.555925802180894,
-              "lon": -122.6008129119873,
-              "name": "NE 60th at Cully ",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 5,
-              "points": "qs\`uGtnhkVGAeA?eAA?nD",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573691051000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 82.255,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 55.572842545446775,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 55.31284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 54.98284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 54.76284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 54.56284254544678,
-                  },
-                  Object {
-                    "first": 44.01,
-                    "second": 54.462842545446776,
-                  },
-                  Object {
-                    "first": 44.012,
-                    "second": 53.002842545446775,
-                  },
-                  Object {
-                    "first": 54.012,
-                    "second": 52.712842545446776,
-                  },
-                  Object {
-                    "first": 64.012,
-                    "second": 52.41284254544678,
-                  },
-                  Object {
-                    "first": 74.012,
-                    "second": 52.12284254544678,
-                  },
-                  Object {
-                    "first": 82.25200000000001,
-                    "second": 51.932842545446775,
-                  },
-                ],
-                "lat": 45.55593126069875,
-                "lon": -122.60090007573629,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NE 60th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 68.448,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 51.932842545446775,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 51.85284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 51.782842545446776,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 51.55284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 51.572842545446775,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 51.76284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 51.77284254544678,
-                  },
-                  Object {
-                    "first": 68.45,
-                    "second": 51.85284254544678,
-                  },
-                ],
-                "lat": 45.5566708,
-                "lon": -122.6008843,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "NE Going St",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573691203000,
-              "lat": 45.556544990525936,
-              "lon": -122.6017648693917,
-              "name": "5916 NE Going St, Portland, OR, USA 97218",
-              "orig": "5916 NE Going St, Portland, OR, USA 97218",
-              "vertexType": "NORMAL",
+              "arrival": 1573689492000,
+              "lat": 45.51258575759002,
+              "lon": -122.63757592401461,
+              "name": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "orig": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573689019000,
+        "startTime": 1573688700000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 753,
-        "waitingTime": 2,
-        "walkDistance": 3410.4588686470597,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 1280.5410121370023,
         "walkLimitExceeded": false,
-        "walkTime": 1429,
+        "walkTime": 792,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -11907,7 +10484,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   color: #333;
 }
 
-.c71 {
+.c46 {
   color: #f44256;
 }
 
@@ -11921,38 +10498,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   text-decoration: none;
 }
 
-.c47 {
-  color: #008;
-  margin-left: 5px;
-}
-
-.c47:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c48 {
-  padding-left: 0px;
-}
-
-.c48:before {
-  content: "|";
-  color: black;
-  margin-right: 5px;
-}
-
 .c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c66 {
-  display: block;
-  font-size: 13px;
-  list-style: none;
-  padding: 0;
-}
-
 .c0 {
   list-style: none;
   padding: 0;
@@ -11998,29 +10548,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   width: 0;
 }
 
-.c53 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
 
-.c52 {
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.c51 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
-.c49 {
-  color: #807373;
-  margin-top: 5px;
-}
-
 .c24 img,
 .c24 svg {
   margin-right: 6px;
@@ -12043,7 +10574,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -12221,126 +10752,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   padding-left: 1ch;
 }
 
-.c69 {
-  float: left;
-  margin-left: -36px;
-  color: #fff;
-}
-
-.c70 {
-  color: #676767;
-  margin-top: 3px;
-}
-
-.c67 {
-  z-index: 30;
-  position: relative;
-}
-
-.c57 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c61 {
-  -webkit-align-items: baseline;
-  -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 5px;
-  margin-top: 0.5em;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c61:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c59 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c60 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c58 {
-  float: left;
-  font-size: 18px;
-}
-
-.c56 {
-  display: block;
-  margin-top: 3px;
-  padding: 0;
-}
-
-.c55 {
-  color: #d14727;
-  cursor: auto;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c62 {
-  margin-top: 5px;
-}
-
-.c63 {
-  color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c65 {
-  font-size: 14px;
-}
-
-.c64 {
-  padding: 0;
-}
-
-.c54 {
-  margin-top: 5px;
-}
-
-.c54 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c54 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c54 img {
-  margin-left: 5px;
-  vertical-align: middle;
-}
-
 .c1 {
   font-size: 16px;
 }
@@ -12350,26 +10761,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   font-family: Hind,sans-serif;
 }
 
-.c1 .c50 {
-  background-color: rgb(15,106,172);
-  border-color: white;
-  border-image: initial;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
-  color: white;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 1.5;
-  margin-right: 8px;
-  min-width: 24px;
-  padding: 2px 3px;
-  text-align: center;
-}
-
 .c1 .c4 {
   grid-area: line;
   display: table-cell;
@@ -12396,10 +10787,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   width: 100%;
 }
 
-.c1 .c68 {
-  margin-left: -23px;
-}
-
 .c1 .c17 {
   grid-area: time;
   color: #676767;
@@ -12442,17 +10829,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
   z-index: 10;
 }
 
-.c46 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #000088;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
 .c9 {
   left: 0;
   line-height: inherit;
@@ -12527,13 +10903,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         aria-hidden={true}
         className="c15 c16"
       >
-        2943 SE Washington St, Portland, OR, USA 97214
+        2624 SE 30th Ave, Portland, OR, USA 97202
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      3:45 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -12589,11 +10965,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                - 
             </span>
             <span>
-              Walk 400 feet to 
+              Walk 498 feet to 
               <span
                 className="c25"
               >
-                SE 29th at Stark
+                SE 30th at Division
               </span>
             </span>
             <button
@@ -12619,7 +10995,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
               className="c26 c30"
               onClick={[Function]}
             >
-              2 min
+              3 min
               <span
                 className="c31"
               >
@@ -12682,50 +11058,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                   >
                     <span>
                       Head 
-                      NORTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE 30th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        103 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        SE Stark St
+                        SE Clinton St
                       </span>
                       <span
                         className="c37"
                       >
-                        277 feet
+                        79 feet
                       </span>
                     </span>
                   </div>
@@ -12753,12 +11096,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       <span
                         className="c36"
                       >
-                        SE 29th Ave
+                        SE 30th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        19 feet
+                        419 feet
                       </span>
                     </span>
                   </div>
@@ -12807,13 +11150,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         aria-hidden={true}
         className="c15 c16"
       >
-        SE 29th at Stark
+        SE 30th at Division
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:53 PM
+      3:48 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -12871,11 +11214,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                - 
             </span>
             <span>
-              Bicycle 0.8 miles to 
+              Bicycle 0.6 miles to 
               <span
                 className="c25"
               >
-                NE Glisan at 24th
+                SE 29th at Hawthorne
               </span>
             </span>
             <button
@@ -12968,78 +11311,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       <span
                         className="c36"
                       >
-                        SE 29th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        492 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE Pine St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        358 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SE 28th Ave
+                        SE 30th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        518 feet
+                        0.3 miles
                       </span>
                     </span>
                   </div>
@@ -13067,12 +11344,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       <span
                         className="c36"
                       >
-                        SE Ankeny St
+                        SE Harrison St
                       </span>
                       <span
                         className="c37"
                       >
-                        0.2 miles
+                        361 feet
                       </span>
                     </span>
                   </div>
@@ -13100,40 +11377,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       <span
                         className="c36"
                       >
-                        SE 24th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        259 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE 24th Ave
+                        SE 29th Ave
                       </span>
                       <span
                         className="c37"
@@ -13166,12 +11410,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       <span
                         className="c36"
                       >
-                        NE Glisan St
+                        SE Hawthorne Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        57 feet
+                        50 feet
                       </span>
                     </span>
                   </div>
@@ -13197,13 +11441,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                   className="c43 c44"
                 >
                   ↑
-                  33'
+                  63'
                 </span>
                 <span
                   className="c43 c45"
                 >
                   ↓
-                  33'
+                  18'
                 </span>
               </div>
               <svg
@@ -13212,7 +11456,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
               >
                 <polyline
                   fill="none"
-                  points="0,14.792626728110603 0,14.755405884438142 0,14.71818504076569 0,14.659695143566116 0,14.590570719602981 0,14.510811768876287 0,14.415101028004253 0,14.335342077277565 0,14.25026586316909 0,14.181141439205955 0,14.096065225097485 0,14.005671747607233 0,13.931230060262319 0,13.856788372917407 0,13.777029422190715 0,13.7025877348458 0,13.633463310882664 0,13.633463310882664 0,13.681318681318682 0,13.71853952499114 0,13.83020205600851 0,13.904643743353422 0,13.963133640552996 0,14.042892591279688 0,14.127968805388164 0,14.197093229351296 0,14.287486706841548 0,14.282169443459765 0,14.282169443459765 0,14.260900389932653 0,14.207727756114855 0,14.096065225097485 0,13.936547323644103 0,13.777029422190715 0,13.622828784119108 0,13.468628146047504 0,13.330379298121237 0,13.330379298121237 0,13.293158454448776 0,13.378234668557251 0,13.532435306628859 0,13.70790499822758 0,13.8833746898263 0,14.05352711804325 0,14.207727756114855 0,14.298121233605103 0,14.298121233605103 0,14.335342077277565 0,14.388514711095358 0,14.494859978730947 0,14.627791563275435 0,14.744771357674585 0,14.851116625310178 0,14.994682736618223 0,15.090393477490256 0,15.090393477490256 0,14.957461892945767 0,14.925558312655092 0,14.989365473236443 0,15.382842963488129 0,15.505140021269055 0,15.505140021269055 0,15.680609712867783 0,15.765685926976252 0,15.935838355193196 0,15.935838355193196 0,15.973059198865654 0,15.96774193548387 0,16.036866359447004 0,16.090038993264802 0,16.11130804679192 0,15.96774193548387 0,16.090038993264802 0,16.169797943991494 0,16.313364055299544 0,16.387805742644456 0,16.494151010280042 0,16.494151010280042 0,16.568592697624958 0,16.568592697624958 0,16.536689117334284 0,16.568592697624958 0,16.600496277915635 0,16.70684154555122 0,16.696207018787668 0,16.696207018787668 0,16.568592697624958 0,16.568592697624958 0,16.499468273661822 0,16.499468273661822 0,16.393123006026233 0,16.313364055299544 0,16.207018787663948 0,16.11130804679192 0,15.978376462247432 0,15.978376462247432 0,15.882665721375401 0,15.994328252392771 0,16.127259836937256 0,16.249556894718186 0,16.350584898971995 0,16.462247429989368 0,16.579227224388518 0,16.643034384969873 0,16.643034384969873 0,16.685572492024107 0,16.653668911733433 0,16.55264090747962 0,16.43034384969869 0,16.30272952853598 0,16.169797943991494 0,16.047500886210567 0,15.951790145338533 0,15.951790145338533 0,15.887982984757182 0,15.845444877702944 0,15.733782346685574 0,15.622119815668206 0,15.521091811414395 0,15.409429280397024 0,15.297766749379653 0,15.21269053527118 0,15.21269053527118 0,15.12761432116271 0,15.122297057780932 0,15.074441687344917 0,15.037220843672456 0,15.005317263381782 0,14.968096419709324 0,14.936192839418647 0,14.898971995746189 0,14.898971995746189 0,14.877702942219074 0,14.867068415455515 0,14.845799361928394 0,14.819213045019499 0,14.787309464728821 0,14.755405884438142 0,14.71818504076569 0,14.680964197093228 0,14.680964197093228 0,14.739454094292807 0,14.734136830911028"
+                  points="0,18.244514106583072 0,18.173981191222573 0,18.159874608150474 0,17.539184952978054 0,17.609717868338564 0,17.623824451410663 0,17.63793103448276 0,17.63322884012539 0,17.628526645768027 0,17.628526645768027 0,17.628526645768027 0,17.605015673981192 0,17.605015673981192 0,17.58620689655173 0,17.58620689655173 0,17.557993730407524 0,17.529780564263323 0,17.515673981191224 0,17.48275862068966 0,17.45454545454546 0,17.426332288401255 0,17.426332288401255 0,17.369905956112852 0,17.31818181818182 0,17.294670846394986 0,17.31818181818182 0,17.388714733542322 0,17.47335423197492 0,17.47335423197492 0,17.44514106583072 0,17.33228840125392 0,17.09717868338558 0,16.83385579937304 0,16.4858934169279 0,16.4858934169279 0,16.26959247648903 0,15.992163009404392 0,15.545454545454549 0,15.079937304075237 0,14.642633228840126 0,14.242946708463954 0,13.885579937304076 0,13.565830721003138 0,13.283699059561126 0,13.015673981191227 0,12.789968652037622 0,12.620689655172416 0,12.620689655172416 0,12.521943573667713 0,12.126959247648905 0,11.967084639498434 0,11.877742946708466 0,11.755485893416928 0,11.760188087774296 0,11.896551724137929 0,12.079937304075234 0,12.079937304075234 0,12.004702194357368 0,11.981191222570533 0,11.990595611285265 0,11.990595611285265 0,12.230407523510973 0,12.31034482758621 0,12.329153605015676 0,12.347962382445143 0,12.38557993730408 0,12.40909090909091 0,12.432601880877744 0,12.432601880877744 0,12.460815047021942 0,12.54075235109718 0,12.66771159874608 0,12.794670846394986 0,12.93103448275862 0,13.043887147335422 0,13.16614420062696 0,13.227272727272727 0,13.227272727272727 0,13.316614420062699 0,13.396551724137932 0,13.495297805642636 0,13.603448275862075 0,13.706896551724142 0,13.81034482758621 0,13.913793103448281 0,13.98432601880878 0,13.98432601880878 0,14.003134796238244 0,14.003134796238244 0,13.979623824451412 0,13.965517241379313 0,13.956112852664582 0,13.95141065830721 0,13.94200626959248 0,13.927899686520377 0,13.927899686520377 0,13.871473354231973 0,13.758620689655174 0,13.547021943573668 0,13.311912225705331 0,13.189655172413794 0,13.189655172413794 0,12.968652037617556 0,12.677115987460816 0,12.677115987460816 0,12.446708463949843 0,12.221003134796238 0,12.042319749216304 0,12.042319749216304 0,11.9435736677116 0,11.9012539184953"
                   stroke="black"
                   strokeWidth={1.3}
                 />
@@ -13261,13 +11505,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         aria-hidden={true}
         className="c15 c16"
       >
-        NE Glisan at 24th
+        SE 29th at Hawthorne
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:59 PM
+      3:55 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -13323,11 +11567,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                - 
             </span>
             <span>
-              Walk 497 feet to 
+              Walk 0.1 miles to 
               <span
                 className="c25"
               >
-                NE Sandy & 24th
+                1415 SE 28th Ave, Portland, OR, USA 97214
               </span>
             </span>
             <button
@@ -13353,7 +11597,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
               className="c26 c30"
               onClick={[Function]}
             >
-              2 min
+              3 min
               <span
                 className="c31"
               >
@@ -13407,7 +11651,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -13415,17 +11659,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                     className="c35"
                   >
                     <span>
-                      HARD_LEFT
+                      CONTINUE
                        on 
                       <span
                         className="c36"
                       >
-                        NE Glisan St
+                        SE Hawthorne Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        57 feet
+                        210 feet
                       </span>
                     </span>
                   </div>
@@ -13440,7 +11684,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -13448,17 +11692,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        NE 24th Ave
+                        SE 28th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        382 feet
+                        295 feet
                       </span>
                     </span>
                   </div>
@@ -13473,7 +11717,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
@@ -13481,17 +11725,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
                         className="c36"
                       >
-                        NE Sandy Blvd
+                        SE Madison St
                       </span>
                       <span
                         className="c37"
                       >
-                        58 feet
+                        114 feet
                       </span>
                     </span>
                   </div>
@@ -13504,26 +11748,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
     </div>
   </li>
   <li
-    className="c2 c3 place-row-wrapper transit"
+    className="c2 c3 place-row-wrapper "
   >
     <div
       className="c4 c5"
     >
-      <div
-        className="c46 leg-line"
-      />
       <span
         className="c7"
       >
         <svg
           aria-hidden="true"
-          className="c8 c9"
-          color="black"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
+          height={14}
           viewBox="0 0 512 512"
-          width={20}
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -13533,17 +11774,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c46 c12"
           fill="currentColor"
           focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
             fill="currentColor"
           />
         </svg>
@@ -13556,1503 +11796,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         aria-hidden={true}
         className="c15 c16"
       >
-        NE Sandy & 24th
+        1415 SE 28th Ave, Portland, OR, USA 97214
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:02 PM
+      3:58 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details transit"
-    >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 5066
-        <button
-          className="c26 c47 c48"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c49"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "TriMet:12",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c50 c51"
-                  >
-                    12
-                  </span>
-                </span>
-                <span
-                  className="c52"
-                >
-                  <span>
-                    Barbur/Sandy Blvd 
-                    <span
-                      className="c53"
-                    >
-                      to
-                    </span>
-                     Parkrose TC
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                NE Sandy & 57th
-              </span>
-            </span>
-            <button
-              className="c26 c27 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c54 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <div
-            className="c26 c55 alert-toggle"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            2 alerts
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ul
-                className="c56 alert-body"
-              >
-                <li
-                  className="c57"
-                >
-                  <div
-                    className="c58"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c59"
-                  >
-                    For trips to Tigard Transit Center, no service to the stop at NE Sandy & 91st (Stop ID 5145) due to PBOT sidewalk construction. Use temporary stop on the west side of 91st.  
-                  </div>
-                  <div
-                    className="c60"
-                  >
-                    Effective as of July 31, 2019
-                    <a
-                      className="c61"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-                <li
-                  className="c57"
-                >
-                  <div
-                    className="c58"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c59"
-                  >
-                    For trips to Parkrose/Sumner Transit Center, no service to the stop at NE Sandy & 47th (Stop ID 5094) due to long-term construction. Use the temporary stop located at NE Sandy & 48th (Stop ID 14073).
-                  </div>
-                  <div
-                    className="c60"
-                  >
-                    Effective as of July 12, 2019
-                    <a
-                      className="c61"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-          <div
-            className="c62 transit-leg-details"
-          >
-            <div
-              className="c63"
-            >
-              <button
-                className="c26 c64"
-                onClick={[Function]}
-              >
-                Ride 
-                12 min
-                 / 13 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c26 c47 c48"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c65"
-                >
-                  <ol
-                    className="c66"
-                  >
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & Lawrence
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 28th
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 31st
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 33rd
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & Imperial
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 38th
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 42nd
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 44th
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 48th
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 50th
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & Sacramento
-                      </div>
-                    </li>
-                    <li
-                      className="c67"
-                    >
-                      <div
-                        className="c68 c69"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c70"
-                      >
-                        NE Sandy & 54th
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        NE Sandy & 57th
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:14 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      1415 SE 28th Ave, Portland, OR, USA 97214
     </span>
     <div
       className="c20 place-details "
-    >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 5104
-        <button
-          className="c26 c47 c48"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 279 feet to 
-              <span
-                className="c25"
-              >
-                0086 BIKETOWN
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              2 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      NORTHEAST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE Sandy Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        75 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      HARD_LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE Alameda St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        203 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="red"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        0086 BIKETOWN
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:16 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c39"
-      >
-        Pick up  
-        shared bike
-         
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.1"
-                  viewBox="0 0 100 61.3"
-                  width="100%"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Bicycle 1 mile to 
-              <span
-                className="c25"
-              >
-                NE 60th at Cully 
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              7 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      HARD_LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE Alameda St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        203 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      HARD_LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE 57th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.6 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE Cully Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.3 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE 60th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        171 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c40"
-          >
-            <button
-              className="c26 c41"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c42"
-              >
-                Elevation chart
-                <span
-                  className="c43 c44"
-                >
-                  ↑
-                  2'
-                </span>
-                <span
-                  className="c43 c45"
-                >
-                  ↓
-                  84'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,10.195482763175278 0,10.151895390305118 0,10.128120459648663 0,10.088495575221245 0,10.060758156122048 0,10.009245806366405 0,9.973583410381721 0,9.961695945053496 0,9.906221106855106 0,9.92603354906882 0,9.941883502839787 0,9.957733456610754 0,9.981508387267205 0,10.009245806366405 0,10.068683133007529 0,10.132082948091401 0,10.215295205388983 0,10.30246995112931 0,10.377757231541409 0,10.47285695416722 0,11.071192709021265 0,11.079117685906755 0,11.087042662792236 0,11.102892616563206 0,11.11874257033417 0,11.134592524105138 0,11.158367454761589 0,11.186104873860788 0,11.201954827631756 0,11.217804781402723 0,11.23365473517369 0,11.261392154272883 0,11.324791969356756 0,11.33271694624224 0,11.372341830669662 0,11.396116761326116 0,11.415929203539825 0,11.435741645753534 0,11.443666622639018 0,11.46347906485273 0,11.479329018623698 0,11.479329018623698 0,11.491216483951924 0,11.503103949280149 0,11.518953903051113 0,11.538766345264829 0,11.570466252806764 0,11.621978602562411 0,11.6774534407608 0,11.744815744287415 0,11.744815744287415 0,11.828028001584993 0,11.90727777043984 0,11.974640073966452 0,12.038039889050324 0,12.101439704134194 0,12.160877030775328 0,12.224276845859197 0,12.295601637828558 0,12.295601637828558 0,12.374851406683401 0,12.45806366398098 0,12.533350944393078 0,12.608638224805176 0,12.691850482102762 0,12.786950204728573 0,12.85827499669793 0,12.929599788667282 0,12.929599788667282 0,13.036586976621322 0,13.13168669924713 0,13.214898956544708 0,13.309998679170523 0,13.40509840179633 0,13.833047153612469 0,13.943996830009247 0,14.047021529520542 0,14.165896182802802 0,14.292695812970544 0,14.411570466252812 0,14.542332584863296 0,14.673094703473781 0,14.791969356756043 0,14.871219125610883 0,15.659754325716554 0,15.806366398098008 0,15.968828424250434 0,15.968828424250434 0,16.10355303130366 0,16.226390173028662 0,16.345264826310924 0,16.464139479593186 0,16.464139479593186 0,16.583014132875448 0,16.697926297714965 0,16.808875974111743 0,16.90001320829481 0,17.0307753269053 0,17.0307753269053 0,17.137762514859332 0,17.256637168141594 0,17.35966186765289 0,17.45872407872144 0,17.57363624356096 0,17.680623431514995 0,17.783648131026286 0,17.783648131026286 0,17.910447761194032 0,18.033284902919036 0,18.17593448685775 0,18.43349623563598 0,18.556333377360982 0,18.683133007528728 0,18.861444987452124 0,19.562805441817464 0,19.665830141328755 0,19.796592259939242 0,19.883767005679566 0,19.96301677453441 0,20.0660414740457 0,20.093778893144894"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="red"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        NE 60th at Cully 
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:24 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 494 feet to 
-              <span
-                className="c25"
-              >
-                5916 NE Going St, Portland, OR, USA 97218
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              2 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE 60th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        270 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NE Going St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        225 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c71 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        5916 NE Going St, Portland, OR, USA 97218
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:26 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      Arrive at 
-      5916 NE Going St, Portland, OR, USA 97218
-    </span>
-    <div
-      className="c20 place-details "
-    />
+    />
   </li>
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -15066,32 +11831,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 359,
-        "elevationGained": 3.85,
-        "elevationLost": 3.330000000000001,
-        "endTime": 1573689016000,
+        "duration": 2184,
+        "elevationGained": 13.820000000000014,
+        "elevationLost": 31.629999999999995,
+        "endTime": 1573691203000,
         "fare": Object {
-          "details": Object {
-            "regular": Array [
-              Object {
-                "fareId": "1:238",
-                "price": Object {
-                  "cents": 250,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:1",
-                ],
-              },
-            ],
-          },
+          "details": Object {},
           "fare": Object {
             "regular": Object {
+              "cents": 250,
               "currency": Object {
                 "currency": "USD",
                 "currencyCode": "USD",
@@ -15106,23 +11854,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 27.68,
-            "duration": 27,
-            "endTime": 1573688684000,
+            "distance": 121.806,
+            "duration": 162,
+            "endTime": 1573689181000,
             "from": Object {
-              "departure": 1573688657000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "departure": 1573689019000,
+              "lat": 45.519031121242776,
+              "lon": -122.63470154379792,
+              "name": "2943 SE Washington St, Portland, OR, USA 97214",
+              "orig": "2943 SE Washington St, Portland, OR, USA 97214",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 3,
-              "points": "_kytGvwwkVXOTE",
+              "length": 5,
+              "points": "}lytGnbokV{AFd@??xEK?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -15131,45 +11879,123 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688657000,
+            "startTime": 1573689019000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 27.68,
+                "bogusName": false,
+                "distance": 31.434,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.022842545446778,
+                    "second": 40.152842545446774,
                   },
                   Object {
                     "first": 10,
-                    "second": 15.412842545446779,
+                    "second": 40.292842545446774,
                   },
                   Object {
                     "first": 20,
-                    "second": 15.382842545446778,
+                    "second": 40.38284254544678,
                   },
                   Object {
-                    "first": 27.68,
-                    "second": 15.252842545446779,
+                    "first": 30,
+                    "second": 40.462842545446776,
+                  },
+                  Object {
+                    "first": 31.43,
+                    "second": 40.47284254544678,
                   },
                 ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
+                "lat": 45.51903126345032,
+                "lon": -122.63479456900684,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "SE 30th Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 84.447,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 41.00284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 41.02284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 41.20284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 41.33284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 41.48284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 41.63284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 41.78284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 41.932842545446775,
+                  },
+                  Object {
+                    "first": 84.45,
+                    "second": 42.072842545446775,
+                  },
+                ],
+                "lat": 45.5193089,
+                "lon": -122.6348388,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Stark St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 5.925,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 42.072842545446775,
+                  },
+                  Object {
+                    "first": 5.93,
+                    "second": 42.11284254544678,
+                  },
+                ],
+                "lat": 45.5193092,
+                "lon": -122.6359227,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE 29th Ave",
               },
             ],
             "to": Object {
-              "arrival": 1573688684000,
-              "departure": 1573688684000,
-              "lat": 45.5184851,
-              "lon": -122.6790448,
-              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
-              "vertexType": "NORMAL",
+              "arrival": 1573689181000,
+              "bikeShareId": "\\"hub_1551\\"",
+              "departure": 1573689181000,
+              "lat": 45.51936282546957,
+              "lon": -122.63599276542662,
+              "name": "SE 29th at Stark",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
             },
             "transitLeg": false,
           },
@@ -15177,221 +12003,740 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 162.443,
-            "duration": 73,
-            "endTime": 1573688757000,
+            "distance": 1238.5530000000003,
+            "duration": 392,
+            "endTime": 1573689573000,
             "from": Object {
-              "arrival": 1573688684000,
-              "departure": 1573688684000,
-              "lat": 45.5184851,
-              "lon": -122.6790448,
-              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
-              "vertexType": "NORMAL",
+              "arrival": 1573689181000,
+              "bikeShareId": "\\"hub_1551\\"",
+              "departure": 1573689181000,
+              "lat": 45.51936282546957,
+              "lon": -122.63599276542662,
+              "name": "SE 29th at Stark",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 11,
-              "points": "oiytG\`wwkVBOoBw@IECACHW|AMn@EVD@FB",
+              "length": 23,
+              "points": "_oytGpiokVmGC?dG?PqCAiCAAX?pD?zB?l@?ZAxF?b@?X?tBq@?{A?oCAmCAmC?oCAuCA?l@",
             },
             "mode": "BICYCLE",
             "pathway": false,
             "realTime": false,
-            "rentedBike": false,
+            "rentedBike": true,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688684000,
+            "startTime": 1573689181000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 6.217,
+                "bogusName": false,
+                "distance": 149.895,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.172842545446779,
+                    "second": 42.072842545446775,
                   },
                   Object {
-                    "first": 6.22,
-                    "second": 15.002842545446779,
+                    "first": 10,
+                    "second": 42.14284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 42.212842545446776,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 42.322842545446775,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 42.45284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 42.60284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 42.78284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 42.932842545446775,
+                  },
+                  Object {
+                    "first": 80,
+                    "second": 43.09284254544678,
+                  },
+                  Object {
+                    "first": 90,
+                    "second": 43.22284254544678,
+                  },
+                  Object {
+                    "first": 100,
+                    "second": 43.38284254544678,
+                  },
+                  Object {
+                    "first": 110,
+                    "second": 43.55284254544678,
+                  },
+                  Object {
+                    "first": 120,
+                    "second": 43.69284254544678,
+                  },
+                  Object {
+                    "first": 130,
+                    "second": 43.83284254544678,
+                  },
+                  Object {
+                    "first": 140,
+                    "second": 43.98284254544678,
+                  },
+                  Object {
+                    "first": 149.9,
+                    "second": 44.12284254544678,
                   },
                 ],
-                "lat": 45.5184851,
-                "lon": -122.6790448,
-                "relativeDirection": "LEFT",
+                "lat": 45.51936249165759,
+                "lon": -122.6359221865929,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "SE 29th Ave",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 74.59400000000001,
+                "distance": 109.05,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.002842545446779,
+                    "second": 44.25284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 14.942842545446778,
+                    "second": 44.25284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 14.772842545446778,
+                    "second": 44.16284254544678,
                   },
                   Object {
                     "first": 30,
-                    "second": 14.482842545446779,
+                    "second": 44.09284254544678,
                   },
                   Object {
                     "first": 40,
-                    "second": 14.292842545446778,
+                    "second": 43.88284254544678,
                   },
                   Object {
                     "first": 50,
-                    "second": 13.992842545446777,
+                    "second": 43.74284254544678,
                   },
                   Object {
                     "first": 60,
-                    "second": 13.80284254544678,
+                    "second": 43.63284254544678,
                   },
                   Object {
-                    "first": 66,
-                    "second": 13.662842545446779,
+                    "first": 70,
+                    "second": 43.48284254544678,
                   },
                   Object {
-                    "first": 65.995,
-                    "second": 13.662842545446779,
+                    "first": 80,
+                    "second": 43.322842545446775,
                   },
                   Object {
-                    "first": 74.595,
-                    "second": 13.522842545446778,
+                    "first": 90,
+                    "second": 43.19284254544678,
+                  },
+                  Object {
+                    "first": 100,
+                    "second": 43.02284254544678,
+                  },
+                  Object {
+                    "first": 109.05,
+                    "second": 43.03284254544678,
                   },
                 ],
-                "lat": 45.5184662,
-                "lon": -122.6789697,
+                "lat": 45.5207105,
+                "lon": -122.6359092,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW 6th Ave",
+                "streetName": "SE Pine St",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 73.421,
+                "distance": 157.897,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 13.522842545446778,
+                    "second": 43.03284254544678,
                   },
                   Object {
-                    "first": 4.67,
-                    "second": 13.622842545446778,
+                    "first": 10,
+                    "second": 43.072842545446775,
                   },
                   Object {
-                    "first": 4.674,
-                    "second": 13.622842545446778,
+                    "first": 20,
+                    "second": 43.17284254544678,
                   },
                   Object {
-                    "first": 14.674,
-                    "second": 14.042842545446778,
+                    "first": 30,
+                    "second": 43.38284254544678,
                   },
                   Object {
-                    "first": 24.674,
-                    "second": 14.502842545446779,
+                    "first": 40,
+                    "second": 43.682842545446775,
                   },
                   Object {
-                    "first": 34.674,
-                    "second": 14.672842545446779,
+                    "first": 50,
+                    "second": 43.98284254544678,
                   },
                   Object {
-                    "first": 43.454,
-                    "second": 15.072842545446779,
+                    "first": 60,
+                    "second": 44.27284254544678,
                   },
                   Object {
-                    "first": 43.458,
-                    "second": 15.072842545446779,
+                    "first": 70,
+                    "second": 44.56284254544678,
                   },
                   Object {
-                    "first": 53.458,
-                    "second": 15.622842545446778,
+                    "first": 80.58,
+                    "second": 44.822842545446775,
                   },
                   Object {
-                    "first": 64.148,
-                    "second": 15.932842545446778,
+                    "first": 80.578,
+                    "second": 44.822842545446775,
                   },
                   Object {
-                    "first": 64.146,
-                    "second": 15.932842545446778,
+                    "first": 90.578,
+                    "second": 44.89284254544678,
                   },
                   Object {
-                    "first": 73.426,
-                    "second": 16.23284254544678,
+                    "first": 100.578,
+                    "second": 44.73284254544678,
+                  },
+                  Object {
+                    "first": 110.578,
+                    "second": 44.44284254544678,
+                  },
+                  Object {
+                    "first": 120.578,
+                    "second": 44.11284254544678,
+                  },
+                  Object {
+                    "first": 130.578,
+                    "second": 43.78284254544678,
+                  },
+                  Object {
+                    "first": 140.578,
+                    "second": 43.462842545446776,
+                  },
+                  Object {
+                    "first": 150.578,
+                    "second": 43.17284254544678,
+                  },
+                  Object {
+                    "first": 157.898,
+                    "second": 43.00284254544678,
                   },
                 ],
-                "lat": 45.5190963,
-                "lon": -122.6786411,
-                "relativeDirection": "LEFT",
+                "lat": 45.5207158,
+                "lon": -122.6373089,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SW Morrison St",
+                "streetName": "SE 28th Ave",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "WEST",
                 "area": false,
-                "bogusName": true,
-                "distance": 8.211,
+                "bogusName": false,
+                "distance": 323.892,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 16.23284254544678,
+                    "second": 43.00284254544678,
                   },
                   Object {
-                    "first": 8.21,
-                    "second": 16.50284254544678,
+                    "first": 10,
+                    "second": 42.932842545446775,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 42.83284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 42.63284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 42.38284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 42.16284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 41.962842545446776,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 41.69284254544678,
+                  },
+                  Object {
+                    "first": 79.77,
+                    "second": 41.51284254544677,
+                  },
+                  Object {
+                    "first": 79.77,
+                    "second": 41.51284254544677,
+                  },
+                  Object {
+                    "first": 89.77,
+                    "second": 41.76284254544677,
+                  },
+                  Object {
+                    "first": 99.77,
+                    "second": 41.822842545446775,
+                  },
+                  Object {
+                    "first": 109.77,
+                    "second": 41.70284254544678,
+                  },
+                  Object {
+                    "first": 119.77,
+                    "second": 40.962842545446776,
+                  },
+                  Object {
+                    "first": 127.69,
+                    "second": 40.73284254544678,
+                  },
+                  Object {
+                    "first": 127.69,
+                    "second": 40.73284254544678,
+                  },
+                  Object {
+                    "first": 137.69,
+                    "second": 40.402842545446774,
+                  },
+                  Object {
+                    "first": 147.69,
+                    "second": 40.24284254544678,
+                  },
+                  Object {
+                    "first": 156.98,
+                    "second": 39.92284254544678,
+                  },
+                  Object {
+                    "first": 156.983,
+                    "second": 39.92284254544678,
+                  },
+                  Object {
+                    "first": 166.983,
+                    "second": 39.85284254544678,
+                  },
+                  Object {
+                    "first": 176.983,
+                    "second": 39.86284254544678,
+                  },
+                  Object {
+                    "first": 186.983,
+                    "second": 39.73284254544678,
+                  },
+                  Object {
+                    "first": 196.983,
+                    "second": 39.63284254544678,
+                  },
+                  Object {
+                    "first": 206.983,
+                    "second": 39.59284254544678,
+                  },
+                  Object {
+                    "first": 216.983,
+                    "second": 39.86284254544678,
+                  },
+                  Object {
+                    "first": 226.983,
+                    "second": 39.63284254544678,
+                  },
+                  Object {
+                    "first": 236.983,
+                    "second": 39.48284254544678,
+                  },
+                  Object {
+                    "first": 246.983,
+                    "second": 39.212842545446776,
+                  },
+                  Object {
+                    "first": 256.983,
+                    "second": 39.072842545446775,
+                  },
+                  Object {
+                    "first": 267.76300000000003,
+                    "second": 38.87284254544678,
+                  },
+                  Object {
+                    "first": 267.76,
+                    "second": 38.87284254544678,
+                  },
+                  Object {
+                    "first": 278.48,
+                    "second": 38.73284254544678,
+                  },
+                  Object {
+                    "first": 278.48,
+                    "second": 38.73284254544678,
+                  },
+                  Object {
+                    "first": 288.48,
+                    "second": 38.792842545446774,
+                  },
+                  Object {
+                    "first": 298.48,
+                    "second": 38.73284254544678,
+                  },
+                  Object {
+                    "first": 308.48,
+                    "second": 38.67284254544678,
+                  },
+                  Object {
+                    "first": 318.48,
+                    "second": 38.47284254544678,
+                  },
+                  Object {
+                    "first": 323.89,
+                    "second": 38.49284254544678,
                   },
                 ],
-                "lat": 45.5193324,
-                "lon": -122.6795212,
+                "lat": 45.5221357,
+                "lon": -122.6372845,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "SE Ankeny St",
               },
-            ],
-            "to": Object {
-              "arrival": 1573688757000,
-              "departure": 1573688757000,
-              "lat": 45.5192636,
-              "lon": -122.6795595,
-              "name": "corner of path and Pioneer Sq N (path)",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 6.563,
-            "duration": 12,
-            "endTime": 1573688769000,
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 78.85900000000001,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 38.49284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 38.73284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 38.73284254544678,
+                  },
+                  Object {
+                    "first": 28.04,
+                    "second": 38.86284254544678,
+                  },
+                  Object {
+                    "first": 28.043,
+                    "second": 38.86284254544678,
+                  },
+                  Object {
+                    "first": 38.043,
+                    "second": 39.06284254544678,
+                  },
+                  Object {
+                    "first": 48.043,
+                    "second": 39.212842545446776,
+                  },
+                  Object {
+                    "first": 58.043,
+                    "second": 39.41284254544678,
+                  },
+                  Object {
+                    "first": 68.043,
+                    "second": 39.59284254544678,
+                  },
+                  Object {
+                    "first": 78.863,
+                    "second": 39.84284254544678,
+                  },
+                ],
+                "lat": 45.5221551,
+                "lon": -122.6414415,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE 24th Ave",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 401.5,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 39.84284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 40.02284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 39.81284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 39.56284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 39.33284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 39.14284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 38.932842545446775,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 38.712842545446776,
+                  },
+                  Object {
+                    "first": 79.63,
+                    "second": 38.59284254544678,
+                  },
+                  Object {
+                    "first": 79.629,
+                    "second": 38.59284254544678,
+                  },
+                  Object {
+                    "first": 89.629,
+                    "second": 38.51284254544677,
+                  },
+                  Object {
+                    "first": 99.629,
+                    "second": 38.572842545446775,
+                  },
+                  Object {
+                    "first": 109.629,
+                    "second": 38.76284254544677,
+                  },
+                  Object {
+                    "first": 119.629,
+                    "second": 38.99284254544678,
+                  },
+                  Object {
+                    "first": 129.62900000000002,
+                    "second": 39.23284254544678,
+                  },
+                  Object {
+                    "first": 139.62900000000002,
+                    "second": 39.48284254544678,
+                  },
+                  Object {
+                    "first": 149.62900000000002,
+                    "second": 39.712842545446776,
+                  },
+                  Object {
+                    "first": 158.889,
+                    "second": 39.89284254544678,
+                  },
+                  Object {
+                    "first": 158.89100000000002,
+                    "second": 39.89284254544678,
+                  },
+                  Object {
+                    "first": 168.89100000000002,
+                    "second": 40.01284254544677,
+                  },
+                  Object {
+                    "first": 178.89100000000002,
+                    "second": 40.09284254544678,
+                  },
+                  Object {
+                    "first": 188.89100000000002,
+                    "second": 40.30284254544678,
+                  },
+                  Object {
+                    "first": 198.89100000000002,
+                    "second": 40.51284254544677,
+                  },
+                  Object {
+                    "first": 208.89100000000002,
+                    "second": 40.70284254544678,
+                  },
+                  Object {
+                    "first": 218.89100000000002,
+                    "second": 40.91284254544678,
+                  },
+                  Object {
+                    "first": 228.89100000000002,
+                    "second": 41.12284254544678,
+                  },
+                  Object {
+                    "first": 238.18100000000004,
+                    "second": 41.28284254544678,
+                  },
+                  Object {
+                    "first": 238.185,
+                    "second": 41.28284254544678,
+                  },
+                  Object {
+                    "first": 248.185,
+                    "second": 41.44284254544678,
+                  },
+                  Object {
+                    "first": 258.185,
+                    "second": 41.45284254544678,
+                  },
+                  Object {
+                    "first": 268.185,
+                    "second": 41.542842545446774,
+                  },
+                  Object {
+                    "first": 278.185,
+                    "second": 41.61284254544678,
+                  },
+                  Object {
+                    "first": 288.185,
+                    "second": 41.67284254544678,
+                  },
+                  Object {
+                    "first": 298.185,
+                    "second": 41.74284254544678,
+                  },
+                  Object {
+                    "first": 308.185,
+                    "second": 41.80284254544678,
+                  },
+                  Object {
+                    "first": 317.725,
+                    "second": 41.87284254544678,
+                  },
+                  Object {
+                    "first": 317.723,
+                    "second": 41.87284254544678,
+                  },
+                  Object {
+                    "first": 327.723,
+                    "second": 41.91284254544678,
+                  },
+                  Object {
+                    "first": 337.723,
+                    "second": 41.932842545446775,
+                  },
+                  Object {
+                    "first": 347.723,
+                    "second": 41.97284254544678,
+                  },
+                  Object {
+                    "first": 357.723,
+                    "second": 42.02284254544678,
+                  },
+                  Object {
+                    "first": 367.723,
+                    "second": 42.08284254544678,
+                  },
+                  Object {
+                    "first": 377.723,
+                    "second": 42.14284254544678,
+                  },
+                  Object {
+                    "first": 387.723,
+                    "second": 42.212842545446776,
+                  },
+                  Object {
+                    "first": 401.50300000000004,
+                    "second": 42.28284254544678,
+                  },
+                ],
+                "lat": 45.5228643,
+                "lon": -122.6414426,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NE 24th Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 17.46,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 42.28284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 42.17284254544678,
+                  },
+                  Object {
+                    "first": 17.46,
+                    "second": 42.182842545446775,
+                  },
+                ],
+                "lat": 45.526475,
+                "lon": -122.6414088,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "NE Glisan St",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573689573000,
+              "bikeShareId": "\\"hub_1522\\"",
+              "departure": 1573689573000,
+              "lat": 45.526494932914076,
+              "lon": -122.6416327804327,
+              "name": "NE Glisan at 24th",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 151.488,
+            "duration": 155,
+            "endTime": 1573689728000,
             "from": Object {
-              "arrival": 1573688757000,
-              "departure": 1573688757000,
-              "lat": 45.5192636,
-              "lon": -122.6795595,
-              "name": "corner of path and Pioneer Sq N (path)",
-              "vertexType": "NORMAL",
+              "arrival": 1573689573000,
+              "bikeShareId": "\\"hub_1522\\"",
+              "departure": 1573689573000,
+              "lat": 45.526494932914076,
+              "lon": -122.6416327804327,
+              "name": "NE Glisan at 24th",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "knytGfzwkVBM",
+              "length": 8,
+              "points": "m{ztGfmpkV?m@S@}BAg@?W?EOGU",
             },
             "mode": "WALK",
             "pathway": false,
@@ -15400,33 +12745,127 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688757000,
+            "startTime": 1573689573000,
             "steps": Array [
               Object {
                 "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 6.563,
-                "elevation": Array [],
-                "lat": 45.5192636,
-                "lon": -122.6795595,
+                "distance": 17.46,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 42.60284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 42.64284254544678,
+                  },
+                  Object {
+                    "first": 17.46,
+                    "second": 42.66284254544678,
+                  },
+                ],
+                "lat": 45.52647589952555,
+                "lon": -122.64163293606626,
+                "relativeDirection": "HARD_LEFT",
+                "stayOn": false,
+                "streetName": "NE Glisan St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 116.416,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 42.28284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 42.42284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 42.44284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 42.53284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 42.63284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 42.75284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 42.87284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 42.98284254544678,
+                  },
+                  Object {
+                    "first": 81.11,
+                    "second": 43.14284254544678,
+                  },
+                  Object {
+                    "first": 81.114,
+                    "second": 43.14284254544678,
+                  },
+                  Object {
+                    "first": 91.114,
+                    "second": 43.292842545446774,
+                  },
+                  Object {
+                    "first": 101.114,
+                    "second": 43.402842545446774,
+                  },
+                  Object {
+                    "first": 111.114,
+                    "second": 43.55284254544678,
+                  },
+                  Object {
+                    "first": 116.414,
+                    "second": 43.63284254544678,
+                  },
+                ],
+                "lat": 45.526475,
+                "lon": -122.6414088,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
+                "streetName": "NE 24th Ave",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 17.612,
+                "elevation": Array [],
+                "lat": 45.5275218,
+                "lon": -122.641409,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "NE Sandy Blvd",
               },
             ],
             "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "arrival": 1573689728000,
+              "departure": 1573689729000,
+              "lat": 45.527504,
+              "lon": -122.641136,
+              "name": "NE Sandy & 24th",
+              "stopCode": "5066",
+              "stopId": "TriMet:5066",
+              "stopIndex": 52,
+              "stopSequence": 53,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "zoneId": "B",
             },
             "transitLeg": false,
           },
@@ -15437,124 +12876,310 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "agencyUrl": "http://trimet.org/",
             "alerts": Array [
               Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
+                "alertDescriptionText": "For trips to Parkrose/Sumner Transit Center, no service to the stop at NE Sandy & 47th (Stop ID 5094) due to long-term construction. Use the temporary stop located at NE Sandy & 48th (Stop ID 14073).",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1562950483,
               },
               Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertDescriptionText": "For trips to Tigard Transit Center, no service to the stop at NE Sandy & 91st (Stop ID 5145) due to PBOT sidewalk construction. Use temporary stop on the west side of 91st.  ",
                 "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
+                "effectiveStartDate": 1564601290,
               },
             ],
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
+            "distance": 3262.4448016745714,
+            "duration": 753,
+            "endTime": 1573690482000,
             "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "arrival": 1573689728000,
+              "departure": 1573689729000,
+              "lat": 45.527504,
+              "lon": -122.641136,
+              "name": "NE Sandy & 24th",
+              "stopCode": "5066",
+              "stopId": "TriMet:5066",
+              "stopIndex": 52,
+              "stopSequence": 53,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "zoneId": "B",
             },
             "hailedCar": false,
-            "headsign": "Hillsboro",
+            "headsign": "Parkrose TC",
             "interStopGeometry": Array [
+              Object {
+                "length": 6,
+                "points": "mb{tGpjpkVGS]iA]sAkAeE[gA",
+              },
+              Object {
+                "length": 6,
+                "points": "yg{tGp|okVSs@Qi@Oi@i@mBOg@",
+              },
+              Object {
+                "length": 18,
+                "points": "ik{tGrsokVMe@Mc@GSQq@q@aCOe@CKISMg@Uw@I[a@uASq@uA_Fc@aBEOY{@",
+              },
               Object {
                 "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+                "points": "mw{tGhtnkVg@cBe@cBUw@K_@Y}@GUOa@Wy@CI",
               },
               Object {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+                "length": 5,
+                "points": "k}{tGnenkVK[}@{CwAwEUu@",
+              },
+              Object {
+                "length": 15,
+                "points": "cc|tGhwmkVo@sBy@sC]iAUs@AYMc@}@uCICW_AM_@M_@Qi@GQAC",
+              },
+              Object {
+                "length": 14,
+                "points": "im|tGj~lkVEOk@gB_@oAISm@qBUs@oAcEGSIU[cAa@mAIUa@gA",
+              },
+              Object {
+                "length": 8,
+                "points": "ux|tGjclkVs@oBGSOa@]eA]cAM]Sm@",
+              },
+              Object {
+                "length": 17,
+                "points": "_~|tGnwkkVOa@M_@Sg@Qg@IUe@sAWu@Ma@g@wAi@yAIUISQi@Wu@Ka@EM",
+              },
+              Object {
+                "length": 8,
+                "points": "{g}tGnakkVCIGWK_@_@aBYoAaAcE[sA",
+              },
+              Object {
+                "length": 9,
+                "points": "km}tGbqjkVMg@[oAk@aCS{@GWKc@Mi@EO",
+              },
+              Object {
+                "length": 8,
+                "points": "}q}tGvcjkVI[Ka@Qo@u@cC_@gASo@CI",
+              },
+              Object {
+                "length": 7,
+                "points": "sv}tGbxikVeAmDo@yBCKYcA_@oA_@qA",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
-                "stopIndex": 26,
-                "stopSequence": 27,
+                "arrival": 1573689771000,
+                "departure": 1573689771000,
+                "lat": 45.528373,
+                "lon": -122.638908,
+                "name": "NE Sandy & Lawrence",
+                "stopCode": "5049",
+                "stopId": "TriMet:5049",
+                "stopIndex": 53,
+                "stopSequence": 54,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573689798000,
+                "departure": 1573689798000,
+                "lat": 45.528932,
+                "lon": -122.637476,
+                "name": "NE Sandy & 28th",
+                "stopCode": "5070",
+                "stopId": "TriMet:5070",
+                "stopIndex": 54,
+                "stopSequence": 55,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573689892000,
+                "departure": 1573689892000,
+                "lat": 45.530883,
+                "lon": -122.632469,
+                "name": "NE Sandy & 31st",
+                "stopCode": "5076",
+                "stopId": "TriMet:5076",
+                "stopIndex": 55,
+                "stopSequence": 56,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573689937000,
+                "departure": 1573689937000,
+                "lat": 45.531835,
+                "lon": -122.630092,
+                "name": "NE Sandy & 33rd",
+                "stopCode": "5079",
+                "stopId": "TriMet:5079",
+                "stopIndex": 56,
+                "stopSequence": 57,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573689980000,
+                "departure": 1573689980000,
+                "lat": 45.532756,
+                "lon": -122.627831,
+                "name": "NE Sandy & Imperial",
+                "stopCode": "5048",
+                "stopId": "TriMet:5048",
+                "stopIndex": 57,
+                "stopSequence": 58,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690057000,
+                "departure": 1573690057000,
+                "lat": 45.534366,
+                "lon": -122.623829,
+                "name": "NE Sandy & 38th",
+                "stopCode": "10793",
+                "stopId": "TriMet:10793",
+                "stopIndex": 58,
+                "stopSequence": 59,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690140000,
+                "departure": 1573690140000,
+                "lat": 45.536199,
+                "lon": -122.61951,
+                "name": "NE Sandy & 42nd",
+                "stopCode": "5087",
+                "stopId": "TriMet:5087",
+                "stopIndex": 59,
+                "stopSequence": 60,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690185000,
+                "departure": 1573690185000,
+                "lat": 45.537054,
+                "lon": -122.617607,
+                "name": "NE Sandy & 44th",
+                "stopCode": "5091",
+                "stopId": "TriMet:5091",
+                "stopIndex": 60,
+                "stopSequence": 61,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690270000,
+                "departure": 1573690270000,
+                "lat": 45.538632,
+                "lon": -122.614099,
+                "name": "NE Sandy & 48th",
+                "stopCode": "14073",
+                "stopId": "TriMet:14073",
+                "stopIndex": 61,
+                "stopSequence": 62,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690328000,
+                "departure": 1573690328000,
+                "lat": 45.539503,
+                "lon": -122.611486,
+                "name": "NE Sandy & 50th",
+                "stopCode": "5097",
+                "stopId": "TriMet:5097",
+                "stopIndex": 62,
+                "stopSequence": 63,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690376000,
+                "departure": 1573690376000,
+                "lat": 45.540236,
+                "lon": -122.609338,
+                "name": "NE Sandy & Sacramento",
+                "stopCode": "5054",
+                "stopId": "TriMet:5054",
+                "stopIndex": 63,
+                "stopSequence": 64,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
+              },
+              Object {
+                "arrival": 1573690420000,
+                "departure": 1573690420000,
+                "lat": 45.540992,
+                "lon": -122.607476,
+                "name": "NE Sandy & 54th",
+                "stopCode": "5102",
+                "stopId": "TriMet:5102",
+                "stopIndex": 64,
+                "stopSequence": 65,
+                "vertexType": "TRANSIT",
+                "zoneId": "B",
               },
             ],
             "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              "length": 119,
+              "points": "mb{tGpjpkVGS]iA]sAkAeE[gASs@Qi@Oi@i@mBOg@Me@Mc@GSQq@q@aCOe@CKISMg@Uw@I[a@uASq@uA_Fc@aBEOY{@g@cBe@cBUw@K_@Y}@GUOa@Wy@CIK[}@{CwAwEUu@o@sBy@sC]iAUs@AYMc@}@uCICW_AM_@M_@Qi@GQACEOk@gB_@oAISm@qBUs@oAcEGSIU[cAa@mAIUa@gAs@oBGSOa@]eA]cAM]Sm@Oa@M_@Sg@Qg@IUe@sAWu@Ma@g@wAi@yAIUISQi@Wu@Ka@EMCIGWK_@_@aBYoAaAcE[sAMg@[oAk@aCS{@GWKc@Mi@EOI[Ka@Qo@u@cC_@gASo@CIeAmDo@yBCKYcA_@oA_@qA",
             },
-            "mode": "TRAM",
+            "mode": "BUS",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
+            "route": "12",
+            "routeId": "TriMet:12",
+            "routeLongName": "Barbur/Sandy Blvd",
+            "routeShortName": "12",
+            "routeType": 3,
             "serviceDate": "20191113",
-            "startTime": 1573688770000,
+            "startTime": 1573689729000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "arrival": 1573690482000,
+              "departure": 1573690483000,
+              "lat": 45.542033,
+              "lon": -122.604775,
+              "name": "NE Sandy & 57th",
+              "stopCode": "5104",
+              "stopId": "TriMet:5104",
+              "stopIndex": 65,
+              "stopSequence": 66,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "zoneId": "B",
             },
             "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
+            "tripBlockId": "1268",
+            "tripId": "TriMet:9253541",
           },
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 5.864,
-            "duration": 6,
-            "endTime": 1573688992000,
+            "distance": 84.911,
+            "duration": 131,
+            "endTime": 1573690614000,
             "from": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "arrival": 1573690482000,
+              "departure": 1573690483000,
+              "lat": 45.542033,
+              "lon": -122.604775,
+              "name": "NE Sandy & 57th",
+              "stopCode": "5104",
+              "stopId": "TriMet:5104",
+              "stopIndex": 65,
+              "stopSequence": 66,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "zoneId": "B",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "m~ytGjzykVBL",
+              "length": 8,
+              "points": "g}}tGhgikVCKOe@iBxFJWHWF[Ni@",
             },
             "mode": "WALK",
             "pathway": false,
@@ -15563,28 +13188,77 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688986000,
+            "startTime": 1573690483000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 5.864,
+                "distance": 22.928,
                 "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
+                "lat": 45.542122067805494,
+                "lon": -122.60484587365222,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Providence Park (path)",
+                "streetName": "NE Sandy Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 61.983,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 79.95284254544677,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 80.01284254544677,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 79.81284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 79.94284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 79.78284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 79.70284254544677,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 79.55284254544678,
+                  },
+                  Object {
+                    "first": 61.98,
+                    "second": 79.54284254544677,
+                  },
+                ],
+                "lat": 45.5422255,
+                "lon": -122.6045912,
+                "relativeDirection": "HARD_LEFT",
+                "stayOn": false,
+                "streetName": "NE Alameda St",
               },
             ],
             "to": Object {
-              "arrival": 1573688992000,
-              "departure": 1573688992000,
-              "lat": 45.5218184,
-              "lon": -122.6898884,
-              "name": "corner of path and Providence Park (path)",
-              "vertexType": "NORMAL",
+              "arrival": 1573690614000,
+              "bikeShareId": "\\"bike_6884\\"",
+              "departure": 1573690614000,
+              "lat": 45.542406666666665,
+              "lon": -122.60542166666667,
+              "name": "0086 BIKETOWN",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
             },
             "transitLeg": false,
           },
@@ -15592,180 +13266,793 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 70.107,
-            "duration": 24,
-            "endTime": 1573689016000,
+            "distance": 1662.6870000000004,
+            "duration": 437,
+            "endTime": 1573691051000,
             "from": Object {
-              "arrival": 1573688992000,
-              "departure": 1573688992000,
-              "lat": 45.5218184,
-              "lon": -122.6898884,
-              "name": "corner of path and Providence Park (path)",
-              "vertexType": "NORMAL",
+              "arrival": 1573690614000,
+              "bikeShareId": "\\"bike_6884\\"",
+              "departure": 1573690614000,
+              "lat": 45.542406666666665,
+              "lon": -122.60542166666667,
+              "name": "0086 BIKETOWN",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 5,
-              "points": "i~ytGxzykVa@JOVMERgA",
+              "length": 57,
+              "points": "w_~tGziikVJOLWFUH]Ng@_@@C?W?[AA?c@?eA?cB?aBAuA?aC?SAM?eHA{B?oAAG?I?]?M@M?_C?mC?oCCqBAKAOAMGIEw@m@a@]_@[eCmBUSWSw@o@c@]{@q@oAcAkByAo@g@[W??c@_@OIy@m@CAQOYFK?w@E",
             },
             "mode": "BICYCLE",
             "pathway": false,
             "realTime": false,
-            "rentedBike": false,
+            "rentedBike": true,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688992000,
+            "startTime": 1573690614000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "bogusName": true,
-                "distance": 31.715,
+                "bogusName": false,
+                "distance": 61.983,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 30.57284254544678,
+                    "second": 79.21284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 30.18284254544678,
+                    "second": 79.32284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.712842545446776,
+                    "second": 79.38284254544678,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "first": 30,
+                    "second": 79.48284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 79.55284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 79.68284254544677,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 79.77284254544678,
+                  },
+                  Object {
+                    "first": 61.98,
+                    "second": 79.80284254544678,
                   },
                 ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
+                "lat": 45.542521013967075,
+                "lon": -122.60525994806065,
+                "relativeDirection": "HARD_LEFT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "NE Alameda St",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 8.242,
+                "bogusName": false,
+                "distance": 986.3960000000001,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
+                    "first": 50.163000000000004,
+                    "second": 79.94284254544678,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "first": 60.163000000000004,
+                    "second": 79.89284254544677,
                   },
-                ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.15,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
+                    "first": 70.16300000000001,
+                    "second": 79.85284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
+                    "first": 80.16300000000001,
+                    "second": 79.81284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
+                    "first": 90.16300000000001,
+                    "second": 79.75284254544678,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                    "first": 100.16300000000001,
+                    "second": 79.68284254544677,
                   },
-                ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Morrison St",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573689016000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1573688657000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 272.7689350411961,
-        "walkLimitExceeded": false,
-        "walkTime": 142,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`] = `
-.c8 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c11 {
-  color: #333;
-}
-
-.c65 {
-  color: #f44256;
-}
-
-.c26 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c41 {
-  color: #008;
-  margin-left: 5px;
-}
-
-.c41:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c42 {
-  padding-left: 0px;
-}
-
-.c42:before {
-  content: "|";
-  color: black;
+                  Object {
+                    "first": 110.16300000000001,
+                    "second": 79.53284254544678,
+                  },
+                  Object {
+                    "first": 120.16300000000001,
+                    "second": 79.37284254544679,
+                  },
+                  Object {
+                    "first": 130.163,
+                    "second": 79.16284254544678,
+                  },
+                  Object {
+                    "first": 140.163,
+                    "second": 78.94284254544678,
+                  },
+                  Object {
+                    "first": 150.163,
+                    "second": 78.75284254544678,
+                  },
+                  Object {
+                    "first": 164.633,
+                    "second": 78.51284254544677,
+                  },
+                  Object {
+                    "first": 521.447,
+                    "second": 77.00284254544678,
+                  },
+                  Object {
+                    "first": 531.447,
+                    "second": 76.98284254544677,
+                  },
+                  Object {
+                    "first": 541.447,
+                    "second": 76.96284254544678,
+                  },
+                  Object {
+                    "first": 551.447,
+                    "second": 76.92284254544677,
+                  },
+                  Object {
+                    "first": 561.447,
+                    "second": 76.88284254544678,
+                  },
+                  Object {
+                    "first": 571.447,
+                    "second": 76.84284254544679,
+                  },
+                  Object {
+                    "first": 581.447,
+                    "second": 76.78284254544678,
+                  },
+                  Object {
+                    "first": 591.447,
+                    "second": 76.71284254544678,
+                  },
+                  Object {
+                    "first": 601.447,
+                    "second": 76.67284254544677,
+                  },
+                  Object {
+                    "first": 611.447,
+                    "second": 76.63284254544678,
+                  },
+                  Object {
+                    "first": 621.447,
+                    "second": 76.59284254544679,
+                  },
+                  Object {
+                    "first": 635.237,
+                    "second": 76.52284254544678,
+                  },
+                  Object {
+                    "first": 669.2410000000001,
+                    "second": 76.36284254544678,
+                  },
+                  Object {
+                    "first": 679.2410000000001,
+                    "second": 76.34284254544679,
+                  },
+                  Object {
+                    "first": 689.2410000000001,
+                    "second": 76.24284254544678,
+                  },
+                  Object {
+                    "first": 699.2410000000001,
+                    "second": 76.18284254544677,
+                  },
+                  Object {
+                    "first": 709.2410000000001,
+                    "second": 76.13284254544678,
+                  },
+                  Object {
+                    "first": 719.2410000000001,
+                    "second": 76.08284254544678,
+                  },
+                  Object {
+                    "first": 729.2410000000001,
+                    "second": 76.06284254544678,
+                  },
+                  Object {
+                    "first": 739.2410000000001,
+                    "second": 76.01284254544677,
+                  },
+                  Object {
+                    "first": 748.7110000000001,
+                    "second": 75.97284254544678,
+                  },
+                  Object {
+                    "first": 748.7150000000001,
+                    "second": 75.97284254544678,
+                  },
+                  Object {
+                    "first": 758.7150000000001,
+                    "second": 75.94284254544678,
+                  },
+                  Object {
+                    "first": 768.7150000000001,
+                    "second": 75.91284254544678,
+                  },
+                  Object {
+                    "first": 778.7150000000001,
+                    "second": 75.87284254544679,
+                  },
+                  Object {
+                    "first": 788.7150000000001,
+                    "second": 75.82284254544678,
+                  },
+                  Object {
+                    "first": 798.7150000000001,
+                    "second": 75.74284254544678,
+                  },
+                  Object {
+                    "first": 808.7150000000001,
+                    "second": 75.61284254544678,
+                  },
+                  Object {
+                    "first": 818.7150000000001,
+                    "second": 75.47284254544678,
+                  },
+                  Object {
+                    "first": 827.6350000000001,
+                    "second": 75.30284254544678,
+                  },
+                  Object {
+                    "first": 827.6310000000001,
+                    "second": 75.30284254544678,
+                  },
+                  Object {
+                    "first": 837.6310000000001,
+                    "second": 75.09284254544679,
+                  },
+                  Object {
+                    "first": 847.6310000000001,
+                    "second": 74.89284254544677,
+                  },
+                  Object {
+                    "first": 857.6310000000001,
+                    "second": 74.72284254544678,
+                  },
+                  Object {
+                    "first": 867.6310000000001,
+                    "second": 74.56284254544678,
+                  },
+                  Object {
+                    "first": 877.6310000000001,
+                    "second": 74.40284254544679,
+                  },
+                  Object {
+                    "first": 887.6310000000001,
+                    "second": 74.25284254544678,
+                  },
+                  Object {
+                    "first": 897.6310000000001,
+                    "second": 74.09284254544679,
+                  },
+                  Object {
+                    "first": 907.5310000000001,
+                    "second": 73.91284254544678,
+                  },
+                  Object {
+                    "first": 907.5310000000001,
+                    "second": 73.91284254544678,
+                  },
+                  Object {
+                    "first": 917.5310000000001,
+                    "second": 73.71284254544678,
+                  },
+                  Object {
+                    "first": 927.5310000000001,
+                    "second": 73.50284254544678,
+                  },
+                  Object {
+                    "first": 937.5310000000001,
+                    "second": 73.31284254544678,
+                  },
+                  Object {
+                    "first": 947.5310000000001,
+                    "second": 73.12284254544679,
+                  },
+                  Object {
+                    "first": 957.5310000000001,
+                    "second": 72.91284254544678,
+                  },
+                  Object {
+                    "first": 967.5310000000001,
+                    "second": 72.67284254544677,
+                  },
+                  Object {
+                    "first": 977.5310000000001,
+                    "second": 72.49284254544678,
+                  },
+                  Object {
+                    "first": 986.4010000000001,
+                    "second": 72.31284254544678,
+                  },
+                ],
+                "lat": 45.5422255,
+                "lon": -122.6045912,
+                "relativeDirection": "HARD_LEFT",
+                "stayOn": false,
+                "streetName": "NE 57th Ave",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 562.09,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 72.31284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 72.04284254544677,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 71.80284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 71.59284254544679,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 71.35284254544678,
+                  },
+                  Object {
+                    "first": 50.46,
+                    "second": 71.11284254544678,
+                  },
+                  Object {
+                    "first": 93.59299999999999,
+                    "second": 70.03284254544678,
+                  },
+                  Object {
+                    "first": 103.59299999999999,
+                    "second": 69.75284254544678,
+                  },
+                  Object {
+                    "first": 113.59299999999999,
+                    "second": 69.49284254544678,
+                  },
+                  Object {
+                    "first": 123.59299999999999,
+                    "second": 69.19284254544678,
+                  },
+                  Object {
+                    "first": 133.593,
+                    "second": 68.87284254544679,
+                  },
+                  Object {
+                    "first": 143.593,
+                    "second": 68.57284254544678,
+                  },
+                  Object {
+                    "first": 153.593,
+                    "second": 68.24284254544678,
+                  },
+                  Object {
+                    "first": 163.593,
+                    "second": 67.91284254544678,
+                  },
+                  Object {
+                    "first": 173.593,
+                    "second": 67.61284254544678,
+                  },
+                  Object {
+                    "first": 179.26299999999998,
+                    "second": 67.41284254544678,
+                  },
+                  Object {
+                    "first": 245.29299999999998,
+                    "second": 65.42284254544677,
+                  },
+                  Object {
+                    "first": 255.29299999999998,
+                    "second": 65.05284254544678,
+                  },
+                  Object {
+                    "first": 268.763,
+                    "second": 64.64284254544677,
+                  },
+                  Object {
+                    "first": 268.765,
+                    "second": 64.64284254544677,
+                  },
+                  Object {
+                    "first": 278.765,
+                    "second": 64.30284254544678,
+                  },
+                  Object {
+                    "first": 288.765,
+                    "second": 63.99284254544678,
+                  },
+                  Object {
+                    "first": 298.765,
+                    "second": 63.69284254544678,
+                  },
+                  Object {
+                    "first": 306.855,
+                    "second": 63.392842545446776,
+                  },
+                  Object {
+                    "first": 306.853,
+                    "second": 63.392842545446776,
+                  },
+                  Object {
+                    "first": 316.853,
+                    "second": 63.09284254544678,
+                  },
+                  Object {
+                    "first": 326.853,
+                    "second": 62.80284254544678,
+                  },
+                  Object {
+                    "first": 336.853,
+                    "second": 62.52284254544678,
+                  },
+                  Object {
+                    "first": 346.853,
+                    "second": 62.29284254544678,
+                  },
+                  Object {
+                    "first": 359.553,
+                    "second": 61.962842545446776,
+                  },
+                  Object {
+                    "first": 359.552,
+                    "second": 61.962842545446776,
+                  },
+                  Object {
+                    "first": 369.552,
+                    "second": 61.69284254544678,
+                  },
+                  Object {
+                    "first": 379.552,
+                    "second": 61.392842545446776,
+                  },
+                  Object {
+                    "first": 389.552,
+                    "second": 61.13284254544678,
+                  },
+                  Object {
+                    "first": 399.552,
+                    "second": 60.88284254544678,
+                  },
+                  Object {
+                    "first": 409.552,
+                    "second": 60.59284254544678,
+                  },
+                  Object {
+                    "first": 419.552,
+                    "second": 60.322842545446775,
+                  },
+                  Object {
+                    "first": 429.002,
+                    "second": 60.06284254544678,
+                  },
+                  Object {
+                    "first": 428.99800000000005,
+                    "second": 60.06284254544678,
+                  },
+                  Object {
+                    "first": 438.99800000000005,
+                    "second": 59.74284254544678,
+                  },
+                  Object {
+                    "first": 448.99800000000005,
+                    "second": 59.432842545446775,
+                  },
+                  Object {
+                    "first": 459.61800000000005,
+                    "second": 59.072842545446775,
+                  },
+                  Object {
+                    "first": 477.766,
+                    "second": 58.42284254544678,
+                  },
+                  Object {
+                    "first": 487.766,
+                    "second": 58.11284254544678,
+                  },
+                  Object {
+                    "first": 497.766,
+                    "second": 57.79284254544678,
+                  },
+                  Object {
+                    "first": 510.586,
+                    "second": 57.34284254544678,
+                  },
+                ],
+                "lat": 45.5510948,
+                "lon": -122.604512,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NE Cully Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 52.218,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 55.572842545446775,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 55.31284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 54.98284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 54.76284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 54.56284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 54.30284254544678,
+                  },
+                  Object {
+                    "first": 52.22,
+                    "second": 54.23284254544678,
+                  },
+                ],
+                "lat": 45.5554659,
+                "lon": -122.6008915,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "NE 60th Ave",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573691051000,
+              "bikeShareId": "\\"hub_5470\\"",
+              "departure": 1573691051000,
+              "lat": 45.555925802180894,
+              "lon": -122.6008129119873,
+              "name": "NE 60th at Cully ",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 150.70299999999997,
+            "duration": 152,
+            "endTime": 1573691203000,
+            "from": Object {
+              "arrival": 1573691051000,
+              "bikeShareId": "\\"hub_5470\\"",
+              "departure": 1573691051000,
+              "lat": 45.555925802180894,
+              "lon": -122.6008129119873,
+              "name": "NE 60th at Cully ",
+              "networks": Array [
+                "GBFS",
+              ],
+              "vertexType": "BIKESHARE",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 5,
+              "points": "qs\`uGtnhkVGAeA?eAA?nD",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573691051000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 82.255,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 55.572842545446775,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 55.31284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 54.98284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 54.76284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 54.56284254544678,
+                  },
+                  Object {
+                    "first": 44.01,
+                    "second": 54.462842545446776,
+                  },
+                  Object {
+                    "first": 44.012,
+                    "second": 53.002842545446775,
+                  },
+                  Object {
+                    "first": 54.012,
+                    "second": 52.712842545446776,
+                  },
+                  Object {
+                    "first": 64.012,
+                    "second": 52.41284254544678,
+                  },
+                  Object {
+                    "first": 74.012,
+                    "second": 52.12284254544678,
+                  },
+                  Object {
+                    "first": 82.25200000000001,
+                    "second": 51.932842545446775,
+                  },
+                ],
+                "lat": 45.55593126069875,
+                "lon": -122.60090007573629,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NE 60th Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 68.448,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 51.932842545446775,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 51.85284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 51.782842545446776,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 51.55284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 51.572842545446775,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 51.76284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 51.77284254544678,
+                  },
+                  Object {
+                    "first": 68.45,
+                    "second": 51.85284254544678,
+                  },
+                ],
+                "lat": 45.5566708,
+                "lon": -122.6008843,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "NE Going St",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573691203000,
+              "lat": 45.556544990525936,
+              "lon": -122.6017648693917,
+              "name": "5916 NE Going St, Portland, OR, USA 97218",
+              "orig": "5916 NE Going St, Portland, OR, USA 97218",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1573689019000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 753,
+        "waitingTime": 2,
+        "walkDistance": 3410.4588686470597,
+        "walkLimitExceeded": false,
+        "walkTime": 1429,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c71 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 {
+  color: #008;
+  margin-left: 5px;
+}
+
+.c47:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c48 {
+  padding-left: 0px;
+}
+
+.c48:before {
+  content: "|";
+  color: black;
   margin-right: 5px;
 }
 
@@ -15774,7 +14061,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   margin: 0 0.125em;
 }
 
-.c60 {
+.c66 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -15826,7 +14113,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   width: 0;
 }
 
-.c47 {
+.c53 {
   font-weight: 200;
 }
 
@@ -15834,17 +14121,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   font-weight: inherit;
 }
 
-.c46 {
+.c52 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c45 {
+.c51 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c43 {
+.c49 {
   color: #807373;
   margin-top: 5px;
 }
@@ -15871,7 +14158,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -15881,6 +14168,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   grid-template-columns: 65px 30px auto;
 }
 
+.c40 {
+  border-color: #fff;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  font-style: normal;
+  grid-column: 2;
+  grid-row: 1;
+  margin: 0 4px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  vertical-align: middle;
+  width: 75%;
+}
+
+.c40:hover {
+  border-color: #d1d5da;
+  background-color: #f6f8fa;
+}
+
 .c18 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -15918,7 +14228,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   padding: 3px 0 10px 0;
 }
 
-.c40 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -15927,6 +14237,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   margin-top: -14px;
 }
 
+.c41 {
+  padding: 2px;
+  width: 100%;
+}
+
+.c43 {
+  font-size: xx-small;
+}
+
+.c43::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c44 {
+  color: #e60000;
+}
+
+.c45 {
+  color: green;
+}
+
+.c42 {
+  font-size: small;
+}
+
 .c32 {
   display: block;
   list-style: none;
@@ -16000,23 +14336,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   padding-left: 1ch;
 }
 
-.c63 {
+.c69 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c64 {
+.c70 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c61 {
+.c67 {
   z-index: 30;
   position: relative;
 }
 
-.c51 {
+.c57 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -16027,7 +14363,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   text-decoration: none;
 }
 
-.c55 {
+.c61 {
   -webkit-align-items: baseline;
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
@@ -16042,36 +14378,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   text-decoration: none;
 }
 
-.c55:hover {
+.c61:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c53 {
+.c59 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c54 {
+.c60 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c52 {
+.c58 {
   float: left;
   font-size: 18px;
 }
 
-.c50 {
+.c56 {
   display: block;
   margin-top: 3px;
   padding: 0;
 }
 
-.c49 {
+.c55 {
   color: #d14727;
   cursor: auto;
   display: inline-block;
@@ -16080,11 +14416,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   padding: 0;
 }
 
-.c56 {
+.c62 {
   margin-top: 5px;
 }
 
-.c57 {
+.c63 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -16092,30 +14428,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   display: flex;
 }
 
-.c59 {
+.c65 {
   font-size: 14px;
 }
 
-.c58 {
+.c64 {
   padding: 0;
 }
 
-.c48 {
+.c54 {
   margin-top: 5px;
 }
 
-.c48 a {
+.c54 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c48 a:hover {
+.c54 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c48 img {
+.c54 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -16129,7 +14465,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   font-family: Hind,sans-serif;
 }
 
-.c1 .c44 {
+.c1 .c50 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -16175,7 +14511,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   width: 100%;
 }
 
-.c1 .c62 {
+.c1 .c68 {
   margin-left: -23px;
 }
 
@@ -16221,11 +14557,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   z-index: 10;
 }
 
-.c39 {
+.c46 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -16306,13 +14642,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        2943 SE Washington St, Portland, OR, USA 97214
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:44 PM
+      3:50 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -16368,11 +14704,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                - 
             </span>
             <span>
-              Walk 91 feet to 
+              Walk 400 feet to 
               <span
                 className="c25"
               >
-                corner of path and Pioneer Courthouse Sq (pedestrian street)
+                SE 29th at Stark
               </span>
             </span>
             <button
@@ -16398,7 +14734,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               className="c26 c30"
               onClick={[Function]}
             >
-              0 min
+              2 min
               <span
                 className="c31"
               >
@@ -16461,17 +14797,83 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                   >
                     <span>
                       Head 
-                      SOUTHEAST
+                      NORTH
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE 30th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        91 feet
+                        103 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SE Stark St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        277 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SE 29th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
                       </span>
                     </span>
                   </div>
@@ -16498,28 +14900,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          color="red"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={17}
           viewBox="0 0 512 512"
-          width={14}
+          width={17}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -16536,13 +14922,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        corner of path and Pioneer Courthouse Sq (pedestrian street)
+        SE 29th at Stark
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:44 PM
+      3:53 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -16552,6 +14938,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
     <div
       className="c20 place-details "
     >
+      <div
+        className="c39"
+      >
+        Pick up  
+        shared bike
+         
+      </div>
       <div
         className="c21"
       >
@@ -16593,11 +14986,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                - 
             </span>
             <span>
-              Bicycle 0.1 miles to 
+              Bicycle 0.8 miles to 
               <span
                 className="c25"
               >
-                corner of path and Pioneer Sq N (path)
+                NE Glisan at 24th
               </span>
             </span>
             <button
@@ -16623,7 +15016,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              6 min
               <span
                 className="c31"
               >
@@ -16677,7 +15070,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -16685,17 +15078,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      CONTINUE
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE 29th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        20 feet
+                        492 feet
                       </span>
                     </span>
                   </div>
@@ -16723,12 +15116,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       <span
                         className="c36"
                       >
-                        SW 6th Ave
+                        SE Pine St
                       </span>
                       <span
                         className="c37"
                       >
-                        245 feet
+                        358 feet
                       </span>
                     </span>
                   </div>
@@ -16743,7 +15136,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -16751,17 +15144,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        SW Morrison St
+                        SE 28th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        241 feet
+                        518 feet
                       </span>
                     </span>
                   </div>
@@ -16789,107 +15182,231 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE Ankeny St
                       </span>
                       <span
                         className="c37"
                       >
-                        27 feet
+                        0.2 miles
                       </span>
                     </span>
                   </div>
                 </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        corner of path and Pioneer Sq N (path)
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:45 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SE 24th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        259 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE 24th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE Glisan St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        57 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+          <div
+            className="c40"
+          >
+            <button
+              className="c26 c41"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c42"
+              >
+                Elevation chart
+                <span
+                  className="c43 c44"
+                >
+                  ↑
+                  33'
+                </span>
+                <span
+                  className="c43 c45"
+                >
+                  ↓
+                  33'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,14.792626728110603 0,14.755405884438142 0,14.71818504076569 0,14.659695143566116 0,14.590570719602981 0,14.510811768876287 0,14.415101028004253 0,14.335342077277565 0,14.25026586316909 0,14.181141439205955 0,14.096065225097485 0,14.005671747607233 0,13.931230060262319 0,13.856788372917407 0,13.777029422190715 0,13.7025877348458 0,13.633463310882664 0,13.633463310882664 0,13.681318681318682 0,13.71853952499114 0,13.83020205600851 0,13.904643743353422 0,13.963133640552996 0,14.042892591279688 0,14.127968805388164 0,14.197093229351296 0,14.287486706841548 0,14.282169443459765 0,14.282169443459765 0,14.260900389932653 0,14.207727756114855 0,14.096065225097485 0,13.936547323644103 0,13.777029422190715 0,13.622828784119108 0,13.468628146047504 0,13.330379298121237 0,13.330379298121237 0,13.293158454448776 0,13.378234668557251 0,13.532435306628859 0,13.70790499822758 0,13.8833746898263 0,14.05352711804325 0,14.207727756114855 0,14.298121233605103 0,14.298121233605103 0,14.335342077277565 0,14.388514711095358 0,14.494859978730947 0,14.627791563275435 0,14.744771357674585 0,14.851116625310178 0,14.994682736618223 0,15.090393477490256 0,15.090393477490256 0,14.957461892945767 0,14.925558312655092 0,14.989365473236443 0,15.382842963488129 0,15.505140021269055 0,15.505140021269055 0,15.680609712867783 0,15.765685926976252 0,15.935838355193196 0,15.935838355193196 0,15.973059198865654 0,15.96774193548387 0,16.036866359447004 0,16.090038993264802 0,16.11130804679192 0,15.96774193548387 0,16.090038993264802 0,16.169797943991494 0,16.313364055299544 0,16.387805742644456 0,16.494151010280042 0,16.494151010280042 0,16.568592697624958 0,16.568592697624958 0,16.536689117334284 0,16.568592697624958 0,16.600496277915635 0,16.70684154555122 0,16.696207018787668 0,16.696207018787668 0,16.568592697624958 0,16.568592697624958 0,16.499468273661822 0,16.499468273661822 0,16.393123006026233 0,16.313364055299544 0,16.207018787663948 0,16.11130804679192 0,15.978376462247432 0,15.978376462247432 0,15.882665721375401 0,15.994328252392771 0,16.127259836937256 0,16.249556894718186 0,16.350584898971995 0,16.462247429989368 0,16.579227224388518 0,16.643034384969873 0,16.643034384969873 0,16.685572492024107 0,16.653668911733433 0,16.55264090747962 0,16.43034384969869 0,16.30272952853598 0,16.169797943991494 0,16.047500886210567 0,15.951790145338533 0,15.951790145338533 0,15.887982984757182 0,15.845444877702944 0,15.733782346685574 0,15.622119815668206 0,15.521091811414395 0,15.409429280397024 0,15.297766749379653 0,15.21269053527118 0,15.21269053527118 0,15.12761432116271 0,15.122297057780932 0,15.074441687344917 0,15.037220843672456 0,15.005317263381782 0,14.968096419709324 0,14.936192839418647 0,14.898971995746189 0,14.898971995746189 0,14.877702942219074 0,14.867068415455515 0,14.845799361928394 0,14.819213045019499 0,14.787309464728821 0,14.755405884438142 0,14.71818504076569 0,14.680964197093228 0,14.680964197093228 0,14.739454094292807 0,14.734136830911028"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="red"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        NE Glisan at 24th
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:59 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
                 <svg
                   height="100%"
                   leg={
@@ -16921,11 +15438,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                - 
             </span>
             <span>
-              Walk 22 feet to 
+              Walk 497 feet to 
               <span
                 className="c25"
               >
-                Pioneer Square North MAX Station
+                NE Sandy & 24th
               </span>
             </span>
             <button
@@ -16951,7 +15468,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               className="c26 c30"
               onClick={[Function]}
             >
-              0 min
+              2 min
               <span
                 className="c31"
               >
@@ -16995,6 +15512,39 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               <ol
                 className="c32"
               >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      HARD_LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE Glisan St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        57 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
                 <li
                   className="c33"
                 >
@@ -17018,12 +15568,45 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       <span
                         className="c36"
                       >
-                        Pioneer Sq N (path)
+                        NE 24th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        22 feet
+                        382 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE Sandy Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        58 feet
                       </span>
                     </span>
                   </div>
@@ -17042,7 +15625,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
       className="c4 c5"
     >
       <div
-        className="c39 leg-line"
+        className="c46 leg-line"
       />
       <span
         className="c7"
@@ -17088,13 +15671,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        Pioneer Square North MAX Station
+        NE Sandy & 24th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
+      4:02 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -17105,11 +15688,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
       className="c20 place-details transit"
     >
       <div
-        className="c40 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 8383
+        Stop ID 5066
         <button
-          className="c26 c41 c42"
+          className="c26 c47 c48"
           onClick={[Function]}
           role="link"
         >
@@ -17133,7 +15716,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                 Ride
               </span>
               <span
-                className="c22 c43"
+                className="c22 c49"
               >
                 <span
                   className="c23"
@@ -17142,48 +15725,53 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     className="c24"
                   >
                     <svg
-                      aria-label="TRAM"
+                      aria-label="BUS"
                       height="100%"
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": "TriMet:100",
+                          "routeId": "TriMet:12",
                           "shortName": undefined,
                         }
                       }
                       version="1.0"
-                      viewBox="0 0 66.461 100"
+                      viewBox="0 0 81.59 99.992"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                        d="M68.848,68.51"
                       />
                       <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
                   </span>
                   <span
-                    className="c44 c45"
+                    className="c50 c51"
                   >
-                    MAX Blue Line
+                    12
                   </span>
                 </span>
                 <span
-                  className="c46"
+                  className="c52"
                 >
                   <span>
-                    MAX Blue Line 
+                    Barbur/Sandy Blvd 
                     <span
-                      className="c47"
+                      className="c53"
                     >
                       to
                     </span>
-                     Hillsboro
+                     Parkrose TC
                   </span>
                 </span>
               </span>
@@ -17192,7 +15780,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               >
                  - 
                 Disembark at 
-                Providence Park MAX Station
+                NE Sandy & 57th
               </span>
             </span>
             <button
@@ -17213,7 +15801,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
           role="group"
         >
           <div
-            className="c48 agency-info"
+            className="c54 agency-info"
           >
             Service operated by 
             <a
@@ -17231,7 +15819,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
             </a>
           </div>
           <div
-            className="c26 c49 alert-toggle"
+            className="c26 c55 alert-toggle"
             onClick={[Function]}
           >
             <svg
@@ -17266,13 +15854,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               style={Object {}}
             >
               <ul
-                className="c50 alert-body"
+                className="c56 alert-body"
               >
                 <li
-                  className="c51"
+                  className="c57"
                 >
                   <div
-                    className="c52"
+                    className="c58"
                   >
                     <svg
                       aria-hidden="true"
@@ -17291,17 +15879,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c53"
+                    className="c59"
                   >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                    For trips to Tigard Transit Center, no service to the stop at NE Sandy & 91st (Stop ID 5145) due to PBOT sidewalk construction. Use temporary stop on the west side of 91st.  
                   </div>
                   <div
-                    className="c54"
+                    className="c60"
                   >
-                    Effective as of November 6, 2019
+                    Effective as of July 31, 2019
                     <a
-                      className="c55"
-                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      className="c61"
+                      href="http://trimet.org/alerts/"
                       target="_blank"
                     >
                       <svg
@@ -17329,10 +15917,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                   </div>
                 </li>
                 <li
-                  className="c51"
+                  className="c57"
                 >
                   <div
-                    className="c52"
+                    className="c58"
                   >
                     <svg
                       aria-hidden="true"
@@ -17351,16 +15939,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c53"
+                    className="c59"
                   >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                    For trips to Parkrose/Sumner Transit Center, no service to the stop at NE Sandy & 47th (Stop ID 5094) due to long-term construction. Use the temporary stop located at NE Sandy & 48th (Stop ID 14073).
                   </div>
                   <div
-                    className="c54"
+                    className="c60"
                   >
-                    Effective as of November 3, 2019
+                    Effective as of July 12, 2019
                     <a
-                      className="c55"
+                      className="c61"
                       href="http://trimet.org/alerts/"
                       target="_blank"
                     >
@@ -17392,18 +15980,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
             </div>
           </div>
           <div
-            className="c56 transit-leg-details"
+            className="c62 transit-leg-details"
           >
             <div
-              className="c57"
+              className="c63"
             >
               <button
-                className="c26 c58"
+                className="c26 c64"
                 onClick={[Function]}
               >
                 Ride 
-                3 min
-                 / 2 stops
+                12 min
+                 / 13 stops
                 <span
                   className="c31"
                 >
@@ -17430,7 +16018,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                 </span>
               </button>
               <button
-                className="c26 c41 c42"
+                className="c26 c47 c48"
                 onClick={[Function]}
                 role="link"
               >
@@ -17451,23 +16039,177 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                 style={Object {}}
               >
                 <div
-                  className="c59"
+                  className="c65"
                 >
                   <ol
-                    className="c60"
+                    className="c66"
                   >
                     <li
-                      className="c61"
+                      className="c67"
                     >
                       <div
-                        className="c62 c63"
+                        className="c68 c69"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c70"
                       >
-                        Galleria/SW 10th Ave MAX Station
+                        NE Sandy & Lawrence
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 28th
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 31st
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 33rd
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & Imperial
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 38th
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 42nd
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 44th
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 48th
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 50th
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & Sacramento
+                      </div>
+                    </li>
+                    <li
+                      className="c67"
+                    >
+                      <div
+                        className="c68 c69"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c70"
+                      >
+                        NE Sandy & 54th
                       </div>
                     </li>
                   </ol>
@@ -17532,13 +16274,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        Providence Park MAX Station
+        NE Sandy & 57th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:49 PM
+      4:14 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -17549,11 +16291,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
       className="c20 place-details "
     >
       <div
-        className="c40 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 9757
+        Stop ID 5104
         <button
-          className="c26 c41 c42"
+          className="c26 c47 c48"
           onClick={[Function]}
           role="link"
         >
@@ -17606,11 +16348,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                - 
             </span>
             <span>
-              Walk 19 feet to 
+              Walk 279 feet to 
               <span
                 className="c25"
               >
-                corner of path and Providence Park (path)
+                0086 BIKETOWN
               </span>
             </span>
             <button
@@ -17636,7 +16378,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               className="c26 c30"
               onClick={[Function]}
             >
-              0 min
+              2 min
               <span
                 className="c31"
               >
@@ -17699,17 +16441,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                   >
                     <span>
                       Head 
-                      WEST
+                      NORTHEAST
                        on 
                       <span
                         className="c36"
                       >
-                        Providence Park (path)
+                        NE Sandy Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        19 feet
+                        75 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      HARD_LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE Alameda St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        203 feet
                       </span>
                     </span>
                   </div>
@@ -17736,28 +16511,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          color="red"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={17}
           viewBox="0 0 512 512"
-          width={14}
+          width={17}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -17774,13 +16533,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        corner of path and Providence Park (path)
+        0086 BIKETOWN
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:49 PM
+      4:16 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -17790,6 +16549,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
     <div
       className="c20 place-details "
     >
+      <div
+        className="c39"
+      >
+        Pick up  
+        shared bike
+         
+      </div>
       <div
         className="c21"
       >
@@ -17831,11 +16597,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                - 
             </span>
             <span>
-              Bicycle 230 feet to 
+              Bicycle 1 mile to 
               <span
                 className="c25"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                NE 60th at Cully 
               </span>
             </span>
             <button
@@ -17861,7 +16627,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               className="c26 c30"
               onClick={[Function]}
             >
-              0 min
+              7 min
               <span
                 className="c31"
               >
@@ -17915,7 +16681,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
                       />
                     </svg>
                   </div>
@@ -17923,17 +16689,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      HARD_LEFT
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        NE Alameda St
                       </span>
                       <span
                         className="c37"
                       >
-                        104 feet
+                        203 feet
                       </span>
                     </span>
                   </div>
@@ -17948,7 +16714,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
                       />
                     </svg>
                   </div>
@@ -17956,17 +16722,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      HARD_LEFT
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        NE 57th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        27 feet
+                        0.6 miles
                       </span>
                     </span>
                   </div>
@@ -17981,7 +16747,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -17989,17 +16755,337 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      CONTINUE
                        on 
                       <span
                         className="c36"
                       >
-                        SW Morrison St
+                        NE Cully Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        99 feet
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE 60th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        171 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+          <div
+            className="c40"
+          >
+            <button
+              className="c26 c41"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c42"
+              >
+                Elevation chart
+                <span
+                  className="c43 c44"
+                >
+                  ↑
+                  2'
+                </span>
+                <span
+                  className="c43 c45"
+                >
+                  ↓
+                  84'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,10.195482763175278 0,10.151895390305118 0,10.128120459648663 0,10.088495575221245 0,10.060758156122048 0,10.009245806366405 0,9.973583410381721 0,9.961695945053496 0,9.906221106855106 0,9.92603354906882 0,9.941883502839787 0,9.957733456610754 0,9.981508387267205 0,10.009245806366405 0,10.068683133007529 0,10.132082948091401 0,10.215295205388983 0,10.30246995112931 0,10.377757231541409 0,10.47285695416722 0,11.071192709021265 0,11.079117685906755 0,11.087042662792236 0,11.102892616563206 0,11.11874257033417 0,11.134592524105138 0,11.158367454761589 0,11.186104873860788 0,11.201954827631756 0,11.217804781402723 0,11.23365473517369 0,11.261392154272883 0,11.324791969356756 0,11.33271694624224 0,11.372341830669662 0,11.396116761326116 0,11.415929203539825 0,11.435741645753534 0,11.443666622639018 0,11.46347906485273 0,11.479329018623698 0,11.479329018623698 0,11.491216483951924 0,11.503103949280149 0,11.518953903051113 0,11.538766345264829 0,11.570466252806764 0,11.621978602562411 0,11.6774534407608 0,11.744815744287415 0,11.744815744287415 0,11.828028001584993 0,11.90727777043984 0,11.974640073966452 0,12.038039889050324 0,12.101439704134194 0,12.160877030775328 0,12.224276845859197 0,12.295601637828558 0,12.295601637828558 0,12.374851406683401 0,12.45806366398098 0,12.533350944393078 0,12.608638224805176 0,12.691850482102762 0,12.786950204728573 0,12.85827499669793 0,12.929599788667282 0,12.929599788667282 0,13.036586976621322 0,13.13168669924713 0,13.214898956544708 0,13.309998679170523 0,13.40509840179633 0,13.833047153612469 0,13.943996830009247 0,14.047021529520542 0,14.165896182802802 0,14.292695812970544 0,14.411570466252812 0,14.542332584863296 0,14.673094703473781 0,14.791969356756043 0,14.871219125610883 0,15.659754325716554 0,15.806366398098008 0,15.968828424250434 0,15.968828424250434 0,16.10355303130366 0,16.226390173028662 0,16.345264826310924 0,16.464139479593186 0,16.464139479593186 0,16.583014132875448 0,16.697926297714965 0,16.808875974111743 0,16.90001320829481 0,17.0307753269053 0,17.0307753269053 0,17.137762514859332 0,17.256637168141594 0,17.35966186765289 0,17.45872407872144 0,17.57363624356096 0,17.680623431514995 0,17.783648131026286 0,17.783648131026286 0,17.910447761194032 0,18.033284902919036 0,18.17593448685775 0,18.43349623563598 0,18.556333377360982 0,18.683133007528728 0,18.861444987452124 0,19.562805441817464 0,19.665830141328755 0,19.796592259939242 0,19.883767005679566 0,19.96301677453441 0,20.0660414740457 0,20.093778893144894"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="red"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        NE 60th at Cully 
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:24 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 494 feet to 
+              <span
+                className="c25"
+              >
+                5916 NE Going St, Portland, OR, USA 97218
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              2 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE 60th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        270 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NE Going St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        225 feet
                       </span>
                     </span>
                   </div>
@@ -18038,7 +17124,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c65 c12"
+          className="c8 c71 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -18060,19 +17146,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        1737 SW Morrison St, Portland, OR, USA 97205
+        5916 NE Going St, Portland, OR, USA 97218
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      4:26 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
+      5916 NE Going St, Portland, OR, USA 97218
     </span>
     <div
       className="c20 place-details "
@@ -18081,7 +17167,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -18093,400 +17179,667 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 1`] = `
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    TimeColumnContent={[Function]}
     itinerary={
       Object {
-        "duration": 690,
-        "endTime": 1684865406000,
+        "duration": 359,
+        "elevationGained": 3.85,
+        "elevationLost": 3.330000000000001,
+        "endTime": 1573689016000,
         "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 950,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agency": null,
+          "details": Object {
+            "regular": Array [
+              Object {
+                "fareId": "1:238",
+                "price": Object {
+                  "cents": 250,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+                "routes": Array [
+                  "1:1",
+                ],
+              },
+            ],
+          },
+          "fare": Object {
+            "regular": Object {
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 643.65,
-            "duration": 144,
-            "endTime": 1684864860000,
+            "distance": 27.68,
+            "duration": 27,
+            "endTime": 1573688684000,
             "from": Object {
-              "lat": 45.5241494,
-              "lon": -122.68303,
-              "name": "128 NW 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
+              "departure": 1573688657000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 33,
-              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
+              "length": 3,
+              "points": "_kytGvwwkVXOTE",
             },
-            "mode": "CAR",
+            "mode": "WALK",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": Object {
-              "arrival": "PT4M",
-              "maxPrice": Object {
-                "amount": 19,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "provider": Object {
-                "id": "uber",
-              },
-            },
-            "route": null,
-            "startTime": 1684864716000,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688657000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "distance": 54.68,
-                "elevationProfile": Array [],
-                "lat": 45.5241463,
-                "lon": -122.6831887,
+                "bogusName": true,
+                "distance": 27.68,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.022842545446778,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 15.412842545446779,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 15.382842545446778,
+                  },
+                  Object {
+                    "first": 27.68,
+                    "second": 15.252842545446779,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Northwest 12th Avenue",
+                "streetName": "path",
               },
+            ],
+            "to": Object {
+              "arrival": 1573688684000,
+              "departure": 1573688684000,
+              "lat": 45.5184851,
+              "lon": -122.6790448,
+              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 162.443,
+            "duration": 73,
+            "endTime": 1573688757000,
+            "from": Object {
+              "arrival": 1573688684000,
+              "departure": 1573688684000,
+              "lat": 45.5184851,
+              "lon": -122.6790448,
+              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 11,
+              "points": "oiytG\`wwkVBOoBw@IECACHW|AMn@EVD@FB",
+            },
+            "mode": "BICYCLE",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688684000,
+            "steps": Array [
               Object {
                 "absoluteDirection": "EAST",
-                "alerts": Array [],
                 "area": false,
-                "distance": 79.48,
-                "elevationProfile": Array [],
-                "lat": 45.5236547,
-                "lon": -122.6831692,
+                "bogusName": true,
+                "distance": 6.217,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.172842545446779,
+                  },
+                  Object {
+                    "first": 6.22,
+                    "second": 15.002842545446779,
+                  },
+                ],
+                "lat": 45.5184851,
+                "lon": -122.6790448,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northwest Couch Street",
+                "streetName": "path",
               },
               Object {
-                "absoluteDirection": "SOUTH",
-                "alerts": Array [],
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "distance": 79.25,
-                "elevationProfile": Array [],
-                "lat": 45.5236734,
-                "lon": -122.6821493,
-                "relativeDirection": "RIGHT",
+                "bogusName": false,
+                "distance": 74.59400000000001,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.002842545446779,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 14.942842545446778,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 14.772842545446778,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 14.482842545446779,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 14.292842545446778,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 13.992842545446777,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 13.80284254544678,
+                  },
+                  Object {
+                    "first": 66,
+                    "second": 13.662842545446779,
+                  },
+                  Object {
+                    "first": 65.995,
+                    "second": 13.662842545446779,
+                  },
+                  Object {
+                    "first": 74.595,
+                    "second": 13.522842545446778,
+                  },
+                ],
+                "lat": 45.5184662,
+                "lon": -122.6789697,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northwest 11th Avenue",
+                "streetName": "SW 6th Ave",
               },
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "WEST",
                 "area": false,
-                "distance": 430.23,
-                "elevationProfile": Array [],
-                "lat": 45.5229609,
-                "lon": -122.6821228,
+                "bogusName": false,
+                "distance": 73.421,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 13.522842545446778,
+                  },
+                  Object {
+                    "first": 4.67,
+                    "second": 13.622842545446778,
+                  },
+                  Object {
+                    "first": 4.674,
+                    "second": 13.622842545446778,
+                  },
+                  Object {
+                    "first": 14.674,
+                    "second": 14.042842545446778,
+                  },
+                  Object {
+                    "first": 24.674,
+                    "second": 14.502842545446779,
+                  },
+                  Object {
+                    "first": 34.674,
+                    "second": 14.672842545446779,
+                  },
+                  Object {
+                    "first": 43.454,
+                    "second": 15.072842545446779,
+                  },
+                  Object {
+                    "first": 43.458,
+                    "second": 15.072842545446779,
+                  },
+                  Object {
+                    "first": 53.458,
+                    "second": 15.622842545446778,
+                  },
+                  Object {
+                    "first": 64.148,
+                    "second": 15.932842545446778,
+                  },
+                  Object {
+                    "first": 64.146,
+                    "second": 15.932842545446778,
+                  },
+                  Object {
+                    "first": 73.426,
+                    "second": 16.23284254544678,
+                  },
+                ],
+                "lat": 45.5190963,
+                "lon": -122.6786411,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "West Burnside Street",
+                "streetName": "SW Morrison St",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 8.211,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.23284254544678,
+                  },
+                  Object {
+                    "first": 8.21,
+                    "second": 16.50284254544678,
+                  },
+                ],
+                "lat": 45.5193324,
+                "lon": -122.6795212,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
+              "arrival": 1573688757000,
+              "departure": 1573688757000,
+              "lat": 45.5192636,
+              "lon": -122.6795595,
+              "name": "corner of path and Pioneer Sq N (path)",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
           },
           Object {
-            "agency": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 0,
-            "duration": 60,
-            "endTime": 1684864920000,
+            "distance": 6.563,
+            "duration": 12,
+            "endTime": 1573688769000,
             "from": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
+              "arrival": 1573688757000,
+              "departure": 1573688757000,
+              "lat": 45.5192636,
+              "lon": -122.6795595,
+              "name": "corner of path and Pioneer Sq N (path)",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
               "length": 2,
-              "points": "weztG~gwkVJ?",
+              "points": "knytGfzwkVBM",
             },
             "mode": "WALK",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": null,
-            "route": null,
-            "startTime": 1684864860000,
-            "steps": Array [],
-            "to": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688757000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 6.563,
+                "elevation": Array [],
+                "lat": 45.5192636,
+                "lon": -122.6795595,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Pioneer Sq N (path)",
               },
+            ],
+            "to": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": false,
-            "trip": null,
           },
           Object {
-            "agency": Object {
-              "alerts": Array [],
-              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
-              "name": "TriMet",
-              "timezone": "America/Los_Angeles",
-              "url": "https://trimet.org/",
-            },
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1780.82,
-            "duration": 360,
-            "endTime": 1684865280000,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "from": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
-              },
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
+            "hailedCar": false,
+            "headsign": "Hillsboro",
+            "interStopGeometry": Array [
               Object {
-                "lat": 45.523009,
-                "locationType": "STOP",
-                "lon": -122.672529,
-                "name": "W Burnside & SW 2nd",
-                "stopCode": "9526",
-                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               Object {
-                "lat": 45.522847,
-                "locationType": "STOP",
-                "lon": -122.657843,
-                "name": "E Burnside & SE 8th",
-                "stopCode": "820",
-                "stopId": "U3RvcDp0cmltZXQ6ODIw",
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 53,
-              "points": "weztG~gwkV?]?C?k@AeBA}@?GA{@AiCAY?e@CiCCiD???_@?[@kBIS@}A@iC@aAFaL@yA@{AF{LDiHBkCFUA}@?iAAO?K?qE?K?_@?kA?e@@m@?aB?gB?gA?A?}A???a@?aC?iA@aC?gA?U?uD@U?iC",
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
             },
-            "mode": "BUS",
+            "mode": "TRAM",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
-            "rentedBike": null,
-            "rideHailingEstimate": null,
-            "route": Object {
-              "alerts": Array [],
-              "color": null,
-              "id": "Um91dGU6dHJpbWV0OjIw",
-              "longName": "Burnside/Stark",
-              "shortName": "20",
-              "textColor": null,
-              "type": 3,
-            },
-            "startTime": 1684864920000,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573688770000,
             "steps": Array [],
             "to": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
-              },
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "trip": Object {
-              "gtfsId": "trimet:12340517",
-              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
-              "tripHeadsign": null,
-            },
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
           },
           Object {
-            "agency": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 0,
-            "duration": 60,
-            "endTime": 1684865340000,
+            "distance": 5.864,
+            "duration": 6,
+            "endTime": 1573688992000,
             "from": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
-              },
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
               "length": 2,
-              "points": "sdztGlyrkVO?",
+              "points": "m~ytGjzykVBL",
             },
             "mode": "WALK",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": null,
-            "route": null,
-            "startTime": 1684865280000,
-            "steps": Array [],
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688986000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 5.864,
+                "elevation": Array [],
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Providence Park (path)",
+              },
+            ],
             "to": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
+              "arrival": 1573688992000,
+              "departure": 1573688992000,
+              "lat": 45.5218184,
+              "lon": -122.6898884,
+              "name": "corner of path and Providence Park (path)",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
           },
           Object {
-            "agency": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 334.71,
-            "duration": 66,
-            "endTime": 1684865406000,
+            "distance": 70.107,
+            "duration": 24,
+            "endTime": 1573689016000,
             "from": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
+              "arrival": 1573688992000,
+              "departure": 1573688992000,
+              "lat": 45.5218184,
+              "lon": -122.6898884,
+              "name": "corner of path and Providence Park (path)",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 17,
-              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
+              "length": 5,
+              "points": "i~ytGxzykVa@JOVMERgA",
             },
-            "mode": "CAR",
+            "mode": "BICYCLE",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": Object {
-              "arrival": "PT2M",
-              "maxPrice": Object {
-                "amount": 18,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "provider": Object {
-                "id": "uber",
-              },
-            },
-            "route": null,
-            "startTime": 1684865340000,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688992000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "distance": 16.06,
-                "elevationProfile": Array [],
-                "lat": 45.522907,
-                "lon": -122.653824,
-                "relativeDirection": "DEPART",
+                "bogusName": true,
+                "distance": 31.715,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 30.57284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 30.18284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 29.712842545446776,
+                  },
+                  Object {
+                    "first": 31.72,
+                    "second": 29.33284254544678,
+                  },
+                ],
+                "lat": 45.5218184,
+                "lon": -122.6898884,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "East Burnside Street",
+                "streetName": "path",
               },
               Object {
                 "absoluteDirection": "NORTH",
-                "alerts": Array [],
                 "area": false,
-                "distance": 318.65,
-                "elevationProfile": Array [],
-                "lat": 45.5229076,
-                "lon": -122.6536179,
-                "relativeDirection": "LEFT",
+                "bogusName": true,
+                "distance": 8.242,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 29.33284254544678,
+                  },
+                  Object {
+                    "first": 8.24,
+                    "second": 29.05284254544678,
+                  },
+                ],
+                "lat": 45.52206,
+                "lon": -122.6900696,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 30.15,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 29.05284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 29.16284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 29.33284254544678,
+                  },
+                  Object {
+                    "first": 30.15,
+                    "second": 29.532842545446776,
+                  },
+                ],
+                "lat": 45.52213,
+                "lon": -122.6900348,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northeast 12th Avenue",
+                "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "lat": 45.525773,
-              "lon": -122.6535042,
-              "name": "407 NE 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
+              "arrival": 1573689016000,
+              "lat": 45.522170898252,
+              "lon": -122.68959868692157,
+              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
           },
         ],
-        "startTime": 1684864716000,
-        "waitingTime": 0,
-        "walkTime": 330,
+        "startTime": 1573688657000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 215,
+        "waitingTime": 2,
+        "walkDistance": 272.7689350411961,
+        "walkLimitExceeded": false,
+        "walkTime": 142,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -18497,11 +17850,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   color: #333;
 }
 
-.c58 {
+.c65 {
   color: #f44256;
 }
 
-.c27 {
+.c26 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -18511,123 +17864,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   text-decoration: none;
 }
 
-.c30 {
-  background-color: #fff;
-  background-image: none;
-  border-radius: 4px;
-  border: 1px solid #ccc;
-  color: #333;
-  cursor: pointer;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 400;
-  padding: 4px 6px;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  white-space: nowrap;
-}
-
-.c30:hover {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-
-.c30:active {
-  color: #333;
-  background-color: #e6e6e6;
-  background-image: none;
-  border-color: #adadad;
-  outline: 0;
-  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
-}
-
-.c30:focus {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #8c8c8c;
-}
-
-.c30:active:hover {
-  color: #333;
-  background-color: #d4d4d4;
-  border-color: #8c8c8c;
-}
-
-.c37 {
+.c41 {
   color: #008;
   margin-left: 5px;
 }
 
-.c37:hover {
+.c41:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c38 {
+.c42 {
   padding-left: 0px;
 }
 
-.c38:before {
+.c42:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c55 {
-  bottom: 0;
-  left: 110px;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.c56 {
-  background-color: #fcf9d3;
-  display: table;
-  height: 100%;
-  width: 100%;
-}
-
-.c54 {
-  border-bottom: 16px solid transparent;
-  border-right: 16px solid #fcf9d3;
-  border-top: 16px solid transparent;
-  height: 0;
-  left: 94px;
-  position: absolute;
-  top: 0;
-  width: 0;
-}
-
-.c57 {
-  color: #444;
-  display: table-cell;
-  font-style: italic;
-  line-height: 0.95;
-  padding: 0px 2px;
-  vertical-align: middle;
-}
-
-.c29 {
-  height: 32px;
-  margin-bottom: 10px;
-  margin-top: 10px;
-  position: relative;
-}
-
-.c47::before {
+.c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c49 {
+.c60 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -18639,13 +17901,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   padding: 0;
 }
 
-.c22 {
+.c21 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c28 {
+.c27 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -18656,7 +17918,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   z-index: 1;
 }
 
-.c23 {
+.c22 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -18679,34 +17941,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   width: 0;
 }
 
-.c26 {
+.c47 {
+  font-weight: 200;
+}
+
+.c25 {
   font-weight: inherit;
 }
 
-.c42 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c41 {
+.c45 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c39 {
+.c43 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c25 img,
-.c25 svg {
+.c24 img,
+.c24 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c24 {
+.c23 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -18718,9 +17984,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   padding-right: 5px;
 }
 
-.c32 {
+.c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -18767,7 +18033,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   padding: 3px 0 10px 0;
 }
 
-.c21 {
+.c40 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -18776,13 +18042,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   margin-top: -14px;
 }
 
-.c35 {
+.c32 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c33 {
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -18793,7 +18069,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   margin-top: 10px;
 }
 
-.c33 a {
+.c29 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -18808,79 +18084,167 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   justify-content: center;
 }
 
-.c34 {
+.c30 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c52 {
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c63 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c64 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c50 {
+.c61 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c51 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
   margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c45 {
-  color: #676767;
+.c55 {
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  gap: 5px;
+  margin-top: 0.5em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c48 {
-  font-size: 14px;
+.c55:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
 }
 
-.c46 {
-  padding: 0;
+.c53 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
 }
 
-.c43 {
+.c54 {
   margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
 }
 
-.c43 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
+.c52 {
+  float: left;
+  font-size: 18px;
 }
 
-.c43 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
+.c50 {
+  display: block;
+  margin-top: 3px;
+  padding: 0;
 }
 
-.c43 img {
-  margin-left: 5px;
-  vertical-align: middle;
+.c49 {
+  color: #d14727;
+  cursor: auto;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
 }
 
-.c1 {
-  font-size: 16px;
+.c56 {
+  margin-top: 5px;
 }
 
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
+.c57 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
 
-.c1 .c40 {
+.c59 {
+  font-size: 14px;
+}
+
+.c58 {
+  padding: 0;
+}
+
+.c48 {
+  margin-top: 5px;
+}
+
+.c48 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c48 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c48 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c44 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -18926,7 +18290,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   width: 100%;
 }
 
-.c1 .c51 {
+.c1 .c62 {
   margin-left: -23px;
 }
 
@@ -18950,16 +18314,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
 }
 
 .c6 {
-  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c31 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -18972,11 +18326,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   z-index: 10;
 }
 
-.c36 {
+.c38 {
+  background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c39 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #000088;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -19057,239 +18421,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        128 NW 12th Ave, Portland
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      <div>
-        <span
-          style={
-            Object {
-              "color": "#E60000",
-            }
-          }
-        >
-          10:58 AM
-        </span>
-      </div>
-      <div
-        style={
-          Object {
-            "fontSize": "80%",
-            "lineHeight": "1em",
-          }
-        }
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "height": "1em",
-            }
-          }
-          viewBox="0 0 576 512"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            fill="currentColor"
-          />
-        </svg>
-         Delayed xx min.
-      </div>
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div>
-        <div
-          className="c21"
-        >
-          Wait 4 minutes for  pickup
-        </div>
-        <div
-          className="c22"
-        >
-          <div
-            className="styled__LegClickable-sc-1q8npbl-24"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <span
-                  className="c25"
-                >
-                  <svg
-                    height="100%"
-                    viewBox="0 0 926.91 321.78"
-                    width="100%"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M53.33,229.81A79.25,79.25,0,0,0,69.6,256.47a70,70,0,0,0,24.63,16.95,80.36,80.36,0,0,0,31,5.88,76.61,76.61,0,0,0,30.51-6.1A75,75,0,0,0,180.55,256,77.86,77.86,0,0,0,197,229.58a95.52,95.52,0,0,0,5.88-34.35V0h47.45V316.35h-47V287a109,109,0,0,1-37.29,25.76,118.16,118.16,0,0,1-46.32,9A125.42,125.42,0,0,1,72.54,313a110.58,110.58,0,0,1-38-25.08A118.32,118.32,0,0,1,9.27,248.79Q0,226,0,197.95V0H47.45V195.24A97.36,97.36,0,0,0,53.33,229.81Z"
-                    />
-                    <path
-                      d="M332.17,0V115.24a120.88,120.88,0,0,1,36.61-25.08A109.74,109.74,0,0,1,414,80.9a119.18,119.18,0,0,1,47.45,9.49,119.55,119.55,0,0,1,64.18,64.18,118.06,118.06,0,0,1,9.49,47,116.44,116.44,0,0,1-9.49,46.77,120.14,120.14,0,0,1-64.17,63.95A119.18,119.18,0,0,1,414,321.78a111.31,111.31,0,0,1-45.42-9.27,120.06,120.06,0,0,1-36.83-25.08v28.92H286.52V0h45.64Zm5.2,232.75a78.63,78.63,0,0,0,16.95,25.31,81.78,81.78,0,0,0,25.31,17.17,76.94,76.94,0,0,0,31.18,6.33,75.83,75.83,0,0,0,30.73-6.33,79.06,79.06,0,0,0,25.08-17.17,83.82,83.82,0,0,0,16.95-25.31,76.93,76.93,0,0,0,6.33-31.18,78.54,78.54,0,0,0-6.33-31.41,83.07,83.07,0,0,0-16.95-25.53,76.09,76.09,0,0,0-25.08-16.95,79.45,79.45,0,0,0-86.77,16.95,81.07,81.07,0,0,0-17.17,25.53,78.54,78.54,0,0,0-6.33,31.41A79.38,79.38,0,0,0,337.36,232.75Z"
-                    />
-                    <path
-                      d="M560.84,155a123,123,0,0,1,24.86-38.19A119.57,119.57,0,0,1,716.31,90.39a109.34,109.34,0,0,1,36.61,25.08,114.65,114.65,0,0,1,24,38,129.58,129.58,0,0,1,8.59,47.68V216H597.9a77.29,77.29,0,0,0,9,26,78.34,78.34,0,0,0,16.95,20.79,77.45,77.45,0,0,0,23,13.78,75.27,75.27,0,0,0,27.34,5q41.13,0,66.43-33.9l33,24.4a122.74,122.74,0,0,1-42.48,36.15q-25.31,13.11-56.94,13.11a127.27,127.27,0,0,1-48.13-9A117.2,117.2,0,0,1,587.28,287a120.06,120.06,0,0,1-26-38.19A123.31,123.31,0,0,1,560.84,155Zm63.5-17.85q-19.21,16-25.53,42.71H739.36q-5.88-26.66-25.08-42.71t-45-16Q643.55,121.12,624.34,137.16Z"
-                    />
-                    <path
-                      d="M870.87,142.36q-14.46,15.82-14.46,42.93V316.35H810.76V85.87H856v28.47a64.24,64.24,0,0,1,22.37-22.15q13.78-8.14,32.77-8.14h15.82v42.48h-19Q885.33,126.54,870.87,142.36Z"
-                    />
-                  </svg>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-              </span>
-              <span>
-                Ride 0.4 miles to 
-                <span
-                  className="c26"
-                >
-                  West Burnside Street
-                </span>
-              </span>
-              <button
-                className="c27 c28"
-                onClick={[Function]}
-              >
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  Zoom to leg on map
-                </span>
-              </button>
-            </span>
-          </div>
-          <div
-            className="c29"
-          >
-            <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
-              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
-              target="_blank"
-            >
-              Book Ride
-            </a>
-          </div>
-          <div
-            className="styled__TNCTravelTime-sc-1q8npbl-14"
-          >
-            Estimated travel time: 
-            2 min
-             (does not account for traffic)
-          </div>
-          <div
-            className="styled__TNCCost-sc-1q8npbl-15"
-          >
-            Estimated cost: 
-            $17.00
-             - 
-            $19.00
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c31 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="#888"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        West Burnside Street
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      <div>
-        <span
-          style={
-            Object {
-              "color": "#E60000",
-            }
-          }
-        >
-          11:01 AM
-        </span>
-      </div>
-      <div
-        style={
-          Object {
-            "fontSize": "80%",
-            "lineHeight": "1em",
-          }
-        }
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "height": "1em",
-            }
-          }
-          viewBox="0 0 576 512"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            fill="currentColor"
-          />
-        </svg>
-         Delayed xx min.
-      </div>
+      3:44 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -19300,19 +18438,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
       className="c20 place-details "
     >
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span
-              className="c24"
+              className="c23"
             >
               <span
-                className="c25"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -19345,15 +18483,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
                - 
             </span>
             <span>
-              Walk to 
+              Walk 91 feet to 
               <span
-                className="c26"
+                className="c25"
               >
-                W Burnside & SW 6th
+                corner of path and Pioneer Courthouse Sq (pedestrian street)
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -19365,17 +18503,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
           </span>
         </div>
         <span
-          className="c32"
+          className="c28"
         >
           <span
-            className="c33"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c27 c34"
+              className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -19398,8 +18555,43 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
               style={Object {}}
             >
               <ol
-                className="c35"
-              />
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        91 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
         </span>
@@ -19407,13 +18599,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
     </div>
   </li>
   <li
-    className="c2 c3 place-row-wrapper transit"
+    className="c2 c3 place-row-wrapper "
   >
     <div
       className="c4 c5"
     >
       <div
-        className="c36 leg-line"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -19459,51 +18651,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        W Burnside & SW 6th
+        corner of path and Pioneer Courthouse Sq (pedestrian street)
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      <div>
-        <span
-          style={
-            Object {
-              "color": "#E60000",
-            }
-          }
-        >
-          11:02 AM
-        </span>
-      </div>
-      <div
-        style={
-          Object {
-            "fontSize": "80%",
-            "lineHeight": "1em",
-          }
-        }
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "height": "1em",
-            }
-          }
-          viewBox="0 0 576 512"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            fill="currentColor"
-          />
-        </svg>
-         Delayed xx min.
-      </div>
+      3:44 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -19511,100 +18665,58 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details transit"
+      className="c20 place-details "
     >
       <div
-        className="c21 transit-leg-subheader"
-      >
-        Stop ID 
-        <button
-          className="c27 c37 c38"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
-            <span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
+            <span
+              className="c23"
+            >
               <span
-                className="c23 c39"
+                className="c24"
               >
-                <span
-                  className="c24"
-                >
-                  <span
-                    className="c25"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": undefined,
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c40 c41"
-                  >
-                    20
-                  </span>
-                </span>
-                <span
-                  className="c42"
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.1"
+                  viewBox="0 0 100 61.3"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <span>
-                    Burnside/Stark
-                  </span>
-                </span>
+                  <path
+                    d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z"
+                  />
+                </svg>
               </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Bicycle 0.1 miles to 
               <span
-                className="c19 invisible-additional-details"
+                className="c25"
               >
-                 - 
-                Disembark at 
-                E Burnside & SE 12th
+                corner of path and Pioneer Sq N (path)
               </span>
             </span>
             <button
-              className="c27 c28 transit-leg-button"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -19615,135 +18727,197 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             </button>
           </span>
         </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
+        <span
+          className="c28"
         >
-          <div
-            className="c43 agency-info"
+          <span
+            className="c29"
           >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="#"
-              rel="noopener noreferrer"
-              target="_blank"
-            />
-          </div>
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
             <div
               style={Object {}}
-            />
-          </div>
-          <div
-            className="c44 transit-leg-details"
-          >
-            <div
-              className="c45"
             >
-              <button
-                className="c27 c46"
-                onClick={[Function]}
+              <ol
+                className="c32"
               >
-                Ride 
-                6 min
-                 / 3 stops
-                <span
-                  className="c47"
+                <li
+                  className="c33"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
+                  <div
+                    className="c34"
                   >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19 invisible-additional-details"
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        20 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c27 c37 c38"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c48"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 6th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        245 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  <ol
-                    className="c49"
+                  <div
+                    className="c34"
                   >
-                    <li
-                      className="c50"
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c51 c52"
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c53"
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
                       >
-                        W Burnside & SW 2nd
-                      </div>
-                    </li>
-                    <li
-                      className="c50"
+                        241 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c51 c52"
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c53"
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
                       >
-                        E Burnside & SE 8th
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
-        </div>
+        </span>
       </div>
     </div>
   </li>
@@ -19754,7 +18928,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
       className="c4 c5"
     >
       <div
-        className="c31 leg-line"
+        className="c6 leg-line"
       />
       <span
         className="c7"
@@ -19800,51 +18974,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        E Burnside & SE 12th
+        corner of path and Pioneer Sq N (path)
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      <div>
-        <span
-          style={
-            Object {
-              "color": "#E60000",
-            }
-          }
-        >
-          11:08 AM
-        </span>
-      </div>
-      <div
-        style={
-          Object {
-            "fontSize": "80%",
-            "lineHeight": "1em",
-          }
-        }
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "height": "1em",
-            }
-          }
-          viewBox="0 0 576 512"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            fill="currentColor"
-          />
-        </svg>
-         Delayed xx min.
-      </div>
+      3:45 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -19855,19 +18991,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
       className="c20 place-details "
     >
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span
-              className="c24"
+              className="c23"
             >
               <span
-                className="c25"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -19900,15 +19036,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
                - 
             </span>
             <span>
-              Walk to 
+              Walk 22 feet to 
               <span
-                className="c26"
+                className="c25"
               >
-                East Burnside Street
+                Pioneer Square North MAX Station
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -19920,17 +19056,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
           </span>
         </div>
         <span
-          className="c32"
+          className="c28"
         >
           <span
-            className="c33"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c27 c34"
+              className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -19953,8 +19108,42 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
               style={Object {}}
             >
               <ol
-                className="c35"
-              />
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Pioneer Sq N (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        22 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
         </span>
@@ -19962,13 +19151,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
     </div>
   </li>
   <li
-    className="c2 c3 place-row-wrapper "
+    className="c2 c3 place-row-wrapper transit"
   >
     <div
       className="c4 c5"
     >
       <div
-        className="c6 leg-line"
+        className="c39 leg-line"
       />
       <span
         className="c7"
@@ -19976,12 +19165,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="#888"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={17}
+          height={20}
           viewBox="0 0 512 512"
-          width={17}
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -19998,51 +19203,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        East Burnside Street
+        Pioneer Square North MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      <div>
-        <span
-          style={
-            Object {
-              "color": "#E60000",
-            }
-          }
-        >
-          11:09 AM
-        </span>
-      </div>
-      <div
-        style={
-          Object {
-            "fontSize": "80%",
-            "lineHeight": "1em",
-          }
-        }
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "height": "1em",
-            }
-          }
-          viewBox="0 0 576 512"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            fill="currentColor"
-          />
-        </svg>
-         Delayed xx min.
-      </div>
+      3:46 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -20050,117 +19217,379 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c20 place-details transit"
     >
-      <div>
-        <div
-          className="c21"
-        >
-          Wait for  pickup
-        </div>
-        <div
-          className="c22"
+      <div
+        className="c40 transit-leg-subheader"
+      >
+        Stop ID 8383
+        <button
+          className="c26 c41 c42"
+          onClick={[Function]}
+          role="link"
         >
-          <div
-            className="styled__LegClickable-sc-1q8npbl-24"
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
           >
-            <span
-              className="c23"
-            >
+            <span>
               <span
-                className="c24"
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c43"
               >
                 <span
-                  className="c25"
+                  className="c23"
                 >
-                  <svg
-                    height="100%"
-                    viewBox="0 0 926.91 321.78"
-                    width="100%"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    className="c24"
                   >
-                    <path
-                      d="M53.33,229.81A79.25,79.25,0,0,0,69.6,256.47a70,70,0,0,0,24.63,16.95,80.36,80.36,0,0,0,31,5.88,76.61,76.61,0,0,0,30.51-6.1A75,75,0,0,0,180.55,256,77.86,77.86,0,0,0,197,229.58a95.52,95.52,0,0,0,5.88-34.35V0h47.45V316.35h-47V287a109,109,0,0,1-37.29,25.76,118.16,118.16,0,0,1-46.32,9A125.42,125.42,0,0,1,72.54,313a110.58,110.58,0,0,1-38-25.08A118.32,118.32,0,0,1,9.27,248.79Q0,226,0,197.95V0H47.45V195.24A97.36,97.36,0,0,0,53.33,229.81Z"
-                    />
-                    <path
-                      d="M332.17,0V115.24a120.88,120.88,0,0,1,36.61-25.08A109.74,109.74,0,0,1,414,80.9a119.18,119.18,0,0,1,47.45,9.49,119.55,119.55,0,0,1,64.18,64.18,118.06,118.06,0,0,1,9.49,47,116.44,116.44,0,0,1-9.49,46.77,120.14,120.14,0,0,1-64.17,63.95A119.18,119.18,0,0,1,414,321.78a111.31,111.31,0,0,1-45.42-9.27,120.06,120.06,0,0,1-36.83-25.08v28.92H286.52V0h45.64Zm5.2,232.75a78.63,78.63,0,0,0,16.95,25.31,81.78,81.78,0,0,0,25.31,17.17,76.94,76.94,0,0,0,31.18,6.33,75.83,75.83,0,0,0,30.73-6.33,79.06,79.06,0,0,0,25.08-17.17,83.82,83.82,0,0,0,16.95-25.31,76.93,76.93,0,0,0,6.33-31.18,78.54,78.54,0,0,0-6.33-31.41,83.07,83.07,0,0,0-16.95-25.53,76.09,76.09,0,0,0-25.08-16.95,79.45,79.45,0,0,0-86.77,16.95,81.07,81.07,0,0,0-17.17,25.53,78.54,78.54,0,0,0-6.33,31.41A79.38,79.38,0,0,0,337.36,232.75Z"
-                    />
-                    <path
-                      d="M560.84,155a123,123,0,0,1,24.86-38.19A119.57,119.57,0,0,1,716.31,90.39a109.34,109.34,0,0,1,36.61,25.08,114.65,114.65,0,0,1,24,38,129.58,129.58,0,0,1,8.59,47.68V216H597.9a77.29,77.29,0,0,0,9,26,78.34,78.34,0,0,0,16.95,20.79,77.45,77.45,0,0,0,23,13.78,75.27,75.27,0,0,0,27.34,5q41.13,0,66.43-33.9l33,24.4a122.74,122.74,0,0,1-42.48,36.15q-25.31,13.11-56.94,13.11a127.27,127.27,0,0,1-48.13-9A117.2,117.2,0,0,1,587.28,287a120.06,120.06,0,0,1-26-38.19A123.31,123.31,0,0,1,560.84,155Zm63.5-17.85q-19.21,16-25.53,42.71H739.36q-5.88-26.66-25.08-42.71t-45-16Q643.55,121.12,624.34,137.16Z"
-                    />
-                    <path
-                      d="M870.87,142.36q-14.46,15.82-14.46,42.93V316.35H810.76V85.87H856v28.47a64.24,64.24,0,0,1,22.37-22.15q13.78-8.14,32.77-8.14h15.82v42.48h-19Q885.33,126.54,870.87,142.36Z"
-                    />
-                  </svg>
+                    <svg
+                      aria-label="TRAM"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "TriMet:100",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 66.461 100"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
+                      />
+                      <path
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
+                </span>
+                <span
+                  className="c46"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c47"
+                    >
+                      to
+                    </span>
+                     Hillsboro
+                  </span>
                 </span>
               </span>
               <span
                 className="c19 invisible-additional-details"
               >
                  - 
+                Disembark at 
+                Providence Park MAX Station
               </span>
-              <span>
-                Ride 0.2 miles to 
-                <span
-                  className="c26"
-                >
-                  407 NE 12th Ave, Portland
-                </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
               </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c48 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <div
+            className="c26 c49 alert-toggle"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ul
+                className="c50 alert-body"
+              >
+                <li
+                  className="c51"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c55"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c51"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 3, 2019
+                    <a
+                      className="c55"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            className="c56 transit-leg-details"
+          >
+            <div
+              className="c57"
+            >
               <button
-                className="c27 c28"
+                className="c26 c58"
                 onClick={[Function]}
               >
+                Ride 
+                3 min
+                 / 2 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
                 <span
                   className="c19 invisible-additional-details"
                 >
-                  Zoom to leg on map
+                  (Expand details)
                 </span>
               </button>
-            </span>
-          </div>
-          <div
-            className="c29"
-          >
-            <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
-              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
-              target="_blank"
-            >
-              Book Ride
-            </a>
-            <div
-              className="c54"
-            />
+              <button
+                className="c26 c41 c42"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
             <div
-              className="c55"
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
             >
               <div
-                className="c56"
+                style={Object {}}
               >
                 <div
-                  className="c57"
+                  className="c59"
                 >
-                  Wait until 11:08 AM to book
+                  <ol
+                    className="c60"
+                  >
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Galleria/SW 10th Ave MAX Station
+                      </div>
+                    </li>
+                  </ol>
                 </div>
               </div>
             </div>
           </div>
-          <div
-            className="styled__TNCTravelTime-sc-1q8npbl-14"
-          >
-            Estimated travel time: 
-            1 min
-             (does not account for traffic)
-          </div>
-          <div
-            className="styled__TNCCost-sc-1q8npbl-15"
-          >
-            Estimated cost: 
-            $17.00
-             - 
-            $18.00
-          </div>
         </div>
       </div>
     </div>
@@ -20171,9 +19600,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
     <div
       className="c4 c5"
     >
+      <div
+        className="c6 leg-line"
+      />
       <span
         className="c7"
       >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
         <svg
           aria-hidden="true"
           className="c8 c9 c10"
@@ -20190,18 +19638,245 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             fill="currentColor"
           />
         </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Providence Park MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c40 transit-leg-subheader"
+      >
+        Stop ID 9757
+        <button
+          className="c26 c41 c42"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 19 feet to 
+              <span
+                className="c25"
+              >
+                corner of path and Providence Park (path)
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      WEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Providence Park (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38 leg-line"
+      />
+      <span
+        className="c7"
+      >
         <svg
           aria-hidden="true"
-          className="c8 c58 c12"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
           height={20}
-          viewBox="0 0 384 512"
+          viewBox="0 0 512 512"
           width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -20214,57 +19889,305 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        407 NE 12th Ave, Portland
+        corner of path and Providence Park (path)
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      <div>
+      3:49 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.1"
+                  viewBox="0 0 100 61.3"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Bicycle 230 feet to 
+              <span
+                className="c25"
+              >
+                1737 SW Morrison St, Portland, OR, USA 97205
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
         <span
-          style={
-            Object {
-              "color": "#E60000",
-            }
-          }
+          className="c28"
         >
-          11:10 AM
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        104 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
         </span>
       </div>
-      <div
-        style={
-          Object {
-            "fontSize": "80%",
-            "lineHeight": "1em",
-          }
-        }
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
       >
         <svg
           aria-hidden="true"
-          className="c8"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          style={
-            Object {
-              "height": "1em",
-            }
-          }
-          viewBox="0 0 576 512"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
-         Delayed xx min.
-      </div>
+        <svg
+          aria-hidden="true"
+          className="c8 c65 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        1737 SW Morrison St, Portland, OR, USA 97205
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:50 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      407 NE 12th Ave, Portland
+      1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
       className="c20 place-details "
@@ -20273,7 +20196,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -20285,415 +20208,400 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 1`]
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
+    TimeColumnContent={[Function]}
     itinerary={
       Object {
-        "duration": 203,
-        "elevationGained": 0.6700000000000017,
-        "elevationLost": 2.6599999999999984,
-        "endTime": 1573688903000,
+        "duration": 690,
+        "endTime": 1684865406000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 950,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 62.808,
-            "duration": 113,
-            "endTime": 1573688813000,
+            "distance": 643.65,
+            "duration": 144,
+            "endTime": 1684864860000,
             "from": Object {
-              "departure": 1573688700000,
-              "lat": 45.51924894918581,
-              "lon": -122.67667146034765,
-              "name": "600 SW 5th Ave, Portland, OR, USA 97204",
-              "orig": "600 SW 5th Ave, Portland, OR, USA 97204",
+              "lat": 45.5241494,
+              "lon": -122.68303,
+              "name": "128 NW 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 5,
-              "points": "unytG~gwkVNy@F[KEa@Q",
+              "length": 33,
+              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
             },
-            "mode": "WALK",
-            "pathway": false,
+            "mode": "CAR",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688700000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 35.96,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 10.062842545446777,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 10.122842545446778,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 10.112842545446778,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 10.032842545446778,
-                  },
-                  Object {
-                    "first": 35.96,
-                    "second": 9.982842545446779,
-                  },
-                ],
-                "lat": 45.51931045602352,
-                "lon": -122.67663812781254,
+            "rideHailingEstimate": Object {
+              "arrival": "PT4M",
+              "maxPrice": Object {
+                "amount": 19,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "minPrice": Object {
+                "amount": 17,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "provider": Object {
+                "id": "uber",
+              },
+            },
+            "route": null,
+            "startTime": 1684864716000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 54.68,
+                "elevationProfile": Array [],
+                "lat": 45.5241463,
+                "lon": -122.6831887,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SW Alder St",
+                "streetName": "Northwest 12th Avenue",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 26.848,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 9.792842545446778,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 9.772842545446778,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 9.682842545446778,
-                  },
-                  Object {
-                    "first": 26.85,
-                    "second": 9.582842545446779,
-                  },
-                ],
-                "lat": 45.5191957,
-                "lon": -122.6762066,
+                "distance": 79.48,
+                "elevationProfile": Array [],
+                "lat": 45.5236547,
+                "lon": -122.6831692,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW 4th Ave",
+                "streetName": "Northwest Couch Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.25,
+                "elevationProfile": Array [],
+                "lat": 45.5236734,
+                "lon": -122.6821493,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Northwest 11th Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 430.23,
+                "elevationProfile": Array [],
+                "lat": 45.5229609,
+                "lon": -122.6821228,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "West Burnside Street",
               },
             ],
             "to": Object {
-              "arrival": 1573688813000,
-              "departure": 1573688813000,
-              "lat": 45.5193746,
-              "lon": -122.6759076,
-              "name": "EMAQ",
-              "networks": Array [
-                "RAZOR",
-              ],
-              "vertexType": "VEHICLERENTAL",
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 429.44,
-            "duration": 90,
-            "endTime": 1573688903000,
+            "distance": 0,
+            "duration": 60,
+            "endTime": 1684864920000,
             "from": Object {
-              "arrival": 1573688813000,
-              "departure": 1573688813000,
-              "lat": 45.5193746,
-              "lon": -122.6759076,
-              "name": "EMAQ",
-              "networks": Array [
-                "RAZOR",
-              ],
-              "vertexType": "VEHICLERENTAL",
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 18,
-              "points": "koytGpdwkViAg@MGKEkBy@KGME[OoAi@KGKEkB{@MEDYh@yCFWf@wCEV",
+              "length": 2,
+              "points": "weztG~gwkVJ?",
             },
-            "mode": "MICROMOBILITY",
-            "pathway": false,
+            "mode": "WALK",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": true,
-            "route": "",
-            "startTime": 1573688813000,
+            "rideHailingEstimate": null,
+            "route": null,
+            "startTime": 1684864860000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 45.522948,
+              "lon": -122.676635,
+              "name": "W Burnside & SW 6th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "792",
+                "gtfsId": "trimet:792",
+                "id": "U3RvcDp0cmltZXQ6Nzky",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": false,
+            "trip": null,
+          },
+          Object {
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
+              "name": "TriMet",
+              "timezone": "America/Los_Angeles",
+              "url": "https://trimet.org/",
+            },
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 1780.82,
+            "duration": 360,
+            "endTime": 1684865280000,
+            "from": Object {
+              "lat": 45.522948,
+              "lon": -122.676635,
+              "name": "W Burnside & SW 6th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "792",
+                "gtfsId": "trimet:792",
+                "id": "U3RvcDp0cmltZXQ6Nzky",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "lat": 45.523009,
+                "locationType": "STOP",
+                "lon": -122.672529,
+                "name": "W Burnside & SW 2nd",
+                "stopCode": "9526",
+                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+              },
+              Object {
+                "lat": 45.522847,
+                "locationType": "STOP",
+                "lon": -122.657843,
+                "name": "E Burnside & SE 8th",
+                "stopCode": "820",
+                "stopId": "U3RvcDp0cmltZXQ6ODIw",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 53,
+              "points": "weztG~gwkV?]?C?k@AeBA}@?GA{@AiCAY?e@CiCCiD???_@?[@kBIS@}A@iC@aAFaL@yA@{AF{LDiHBkCFUA}@?iAAO?K?qE?K?_@?kA?e@@m@?aB?gB?gA?A?}A???a@?aC?iA@aC?gA?U?uD@U?iC",
+            },
+            "mode": "BUS",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": null,
+            "rideHailingEstimate": null,
+            "route": Object {
+              "alerts": Array [],
+              "color": null,
+              "id": "Um91dGU6dHJpbWV0OjIw",
+              "longName": "Burnside/Stark",
+              "shortName": "20",
+              "textColor": null,
+              "type": 3,
+            },
+            "startTime": 1684864920000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 45.522823,
+              "lon": -122.653824,
+              "name": "E Burnside & SE 12th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "13327",
+                "gtfsId": "trimet:13327",
+                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "trip": Object {
+              "gtfsId": "trimet:12340517",
+              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
+              "tripHeadsign": null,
+            },
+          },
+          Object {
+            "agency": null,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 0,
+            "duration": 60,
+            "endTime": 1684865340000,
+            "from": Object {
+              "lat": 45.522823,
+              "lon": -122.653824,
+              "name": "E Burnside & SE 12th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "13327",
+                "gtfsId": "trimet:13327",
+                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 2,
+              "points": "sdztGlyrkVO?",
+            },
+            "mode": "WALK",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "rideHailingEstimate": null,
+            "route": null,
+            "startTime": 1684865280000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 45.522907,
+              "lon": -122.653824,
+              "name": "East Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+            "trip": null,
+          },
+          Object {
+            "agency": null,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 334.71,
+            "duration": 66,
+            "endTime": 1684865406000,
+            "from": Object {
+              "lat": 45.522907,
+              "lon": -122.653824,
+              "name": "East Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 17,
+              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
+            },
+            "mode": "CAR",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "rideHailingEstimate": Object {
+              "arrival": "PT2M",
+              "maxPrice": Object {
+                "amount": 18,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "minPrice": Object {
+                "amount": 17,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "provider": Object {
+                "id": "uber",
+              },
+            },
+            "route": null,
+            "startTime": 1684865340000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 290.58799999999997,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 9.792842545446778,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 9.772842545446778,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 9.682842545446778,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 9.532842545446778,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 9.462842545446778,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 9.352842545446778,
-                  },
-                  Object {
-                    "first": 52.44,
-                    "second": 9.332842545446779,
-                  },
-                  Object {
-                    "first": 52.437,
-                    "second": 9.162842545446779,
-                  },
-                  Object {
-                    "first": 62.437,
-                    "second": 9.182842545446778,
-                  },
-                  Object {
-                    "first": 72.437,
-                    "second": 9.072842545446779,
-                  },
-                  Object {
-                    "first": 82.437,
-                    "second": 8.982842545446779,
-                  },
-                  Object {
-                    "first": 92.437,
-                    "second": 8.862842545446778,
-                  },
-                  Object {
-                    "first": 102.437,
-                    "second": 8.812842545446777,
-                  },
-                  Object {
-                    "first": 112.437,
-                    "second": 8.722842545446778,
-                  },
-                  Object {
-                    "first": 122.437,
-                    "second": 8.652842545446779,
-                  },
-                  Object {
-                    "first": 131.36700000000002,
-                    "second": 8.612842545446778,
-                  },
-                  Object {
-                    "first": 131.369,
-                    "second": 8.612842545446778,
-                  },
-                  Object {
-                    "first": 141.369,
-                    "second": 8.572842545446779,
-                  },
-                  Object {
-                    "first": 155.779,
-                    "second": 8.422842545446779,
-                  },
-                  Object {
-                    "first": 155.777,
-                    "second": 8.422842545446779,
-                  },
-                  Object {
-                    "first": 165.777,
-                    "second": 8.382842545446778,
-                  },
-                  Object {
-                    "first": 175.777,
-                    "second": 8.362842545446778,
-                  },
-                  Object {
-                    "first": 185.777,
-                    "second": 8.362842545446778,
-                  },
-                  Object {
-                    "first": 195.777,
-                    "second": 8.322842545446779,
-                  },
-                  Object {
-                    "first": 205.777,
-                    "second": 8.312842545446777,
-                  },
-                  Object {
-                    "first": 210.84699999999998,
-                    "second": 8.312842545446777,
-                  },
-                  Object {
-                    "first": 210.84699999999998,
-                    "second": 8.312842545446777,
-                  },
-                  Object {
-                    "first": 220.84699999999998,
-                    "second": 8.342842545446779,
-                  },
-                  Object {
-                    "first": 230.84699999999998,
-                    "second": 8.252842545446779,
-                  },
-                  Object {
-                    "first": 240.84699999999998,
-                    "second": 8.272842545446778,
-                  },
-                  Object {
-                    "first": 250.84699999999998,
-                    "second": 8.212842545446778,
-                  },
-                  Object {
-                    "first": 260.847,
-                    "second": 8.212842545446778,
-                  },
-                  Object {
-                    "first": 270.847,
-                    "second": 8.142842545446777,
-                  },
-                  Object {
-                    "first": 280.847,
-                    "second": 8.182842545446778,
-                  },
-                  Object {
-                    "first": 290.587,
-                    "second": 8.142842545446777,
-                  },
-                ],
-                "lat": 45.519421523441345,
-                "lon": -122.6760846357673,
-                "relativeDirection": "CONTINUE",
+                "distance": 16.06,
+                "elevationProfile": Array [],
+                "lat": 45.522907,
+                "lon": -122.653824,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SW 4th Ave",
+                "streetName": "East Burnside Street",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 138.852,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 8.142842545446777,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 8.082842545446779,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 8.202842545446778,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 8.182842545446778,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 8.212842545446778,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 8.302842545446778,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 8.222842545446778,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 8.142842545446777,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 8.332842545446779,
-                  },
-                  Object {
-                    "first": 85.47,
-                    "second": 8.302842545446778,
-                  },
-                  Object {
-                    "first": 85.465,
-                    "second": 8.302842545446778,
-                  },
-                  Object {
-                    "first": 95.465,
-                    "second": 8.212842545446778,
-                  },
-                  Object {
-                    "first": 105.465,
-                    "second": 8.152842545446779,
-                  },
-                  Object {
-                    "first": 115.465,
-                    "second": 8.112842545446778,
-                  },
-                  Object {
-                    "first": 125.465,
-                    "second": 7.872842545446778,
-                  },
-                  Object {
-                    "first": 135.465,
-                    "second": 7.942842545446778,
-                  },
-                  Object {
-                    "first": 138.85500000000002,
-                    "second": 7.922842545446779,
-                  },
-                ],
-                "lat": 45.5218657,
-                "lon": -122.6747645,
-                "relativeDirection": "RIGHT",
+                "distance": 318.65,
+                "elevationProfile": Array [],
+                "lat": 45.5229076,
+                "lon": -122.6536179,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Pine St",
+                "streetName": "Northeast 12th Avenue",
               },
             ],
             "to": Object {
-              "arrival": 1573688903000,
-              "lat": 45.521469054694954,
-              "lon": -122.67307275796767,
-              "name": "205 SW Pine St, Portland, OR, USA 97204",
-              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "lat": 45.525773,
+              "lon": -122.6535042,
+              "name": "407 NE 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
           },
         ],
-        "startTime": 1573688700000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 90,
+        "startTime": 1684864716000,
         "waitingTime": 0,
-        "walkDistance": 492.2908345853744,
-        "walkLimitExceeded": false,
-        "walkTime": 113,
+        "walkTime": 330,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -20704,11 +20612,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   color: #333;
 }
 
-.c40 {
+.c58 {
   color: #f44256;
 }
 
-.c26 {
+.c27 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -20718,23 +20626,141 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   text-decoration: none;
 }
 
-.c31::before {
+.c30 {
+  background-color: #fff;
+  background-image: none;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  color: #333;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  padding: 4px 6px;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.c30:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+.c30:active {
+  color: #333;
+  background-color: #e6e6e6;
+  background-image: none;
+  border-color: #adadad;
+  outline: 0;
+  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
+}
+
+.c30:focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+
+.c30:active:hover {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c;
+}
+
+.c37 {
+  color: #008;
+  margin-left: 5px;
+}
+
+.c37:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c38 {
+  padding-left: 0px;
+}
+
+.c38:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c55 {
+  bottom: 0;
+  left: 110px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.c56 {
+  background-color: #fcf9d3;
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+.c54 {
+  border-bottom: 16px solid transparent;
+  border-right: 16px solid #fcf9d3;
+  border-top: 16px solid transparent;
+  height: 0;
+  left: 94px;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.c57 {
+  color: #444;
+  display: table-cell;
+  font-style: italic;
+  line-height: 0.95;
+  padding: 0px 2px;
+  vertical-align: middle;
+}
+
+.c29 {
+  height: 32px;
+  margin-bottom: 10px;
+  margin-top: 10px;
+  position: relative;
+}
+
+.c47::before {
   content: "";
   margin: 0 0.125em;
 }
 
+.c49 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
 .c0 {
   list-style: none;
   padding: 0;
 }
 
-.c21 {
+.c22 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c28 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -20745,7 +20771,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   z-index: 1;
 }
 
-.c22 {
+.c23 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -20768,19 +20794,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   width: 0;
 }
 
-.c25 {
+.c26 {
   font-weight: inherit;
 }
 
-.c24 img,
-.c24 svg {
+.c42 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c41 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c39 {
+  color: #807373;
+  margin-top: 5px;
+}
+
+.c25 img,
+.c25 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c23 {
+.c24 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -20792,9 +20833,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   padding-right: 5px;
 }
 
-.c28 {
+.c32 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -20841,7 +20882,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   padding: 3px 0 10px 0;
 }
 
-.c39 {
+.c21 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -20850,23 +20891,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   margin-top: -14px;
 }
 
-.c32 {
+.c35 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c35 > span {
-  margin-right: 1ch;
-}
-
-.c29 {
+.c33 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -20877,7 +20908,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   margin-top: 10px;
 }
 
-.c29 a {
+.c33 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -20892,35 +20923,67 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   justify-content: center;
 }
 
-.c30 {
+.c34 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
-  fill: #676767;
+.c52 {
   float: left;
-  height: 16px;
-  width: 16px;
+  margin-left: -36px;
+  color: #fff;
 }
 
-.c33 {
-  font-size: 13px;
-  margin-top: 8px;
+.c53 {
   color: #676767;
-  font-style: normal;
+  margin-top: 3px;
 }
 
-.c36 {
-  font-weight: 500;
+.c50 {
+  z-index: 30;
+  position: relative;
 }
 
-.c37 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
+.c44 {
+  margin-top: 5px;
+}
+
+.c45 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c48 {
+  font-size: 14px;
+}
+
+.c46 {
+  padding: 0;
+}
+
+.c43 {
+  margin-top: 5px;
+}
+
+.c43 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c43 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c43 img {
+  margin-left: 5px;
+  vertical-align: middle;
 }
 
 .c1 {
@@ -20932,6 +20995,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   font-family: Hind,sans-serif;
 }
 
+.c1 .c40 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   grid-area: line;
   display: table-cell;
@@ -20958,6 +21041,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   width: 100%;
 }
 
+.c1 .c51 {
+  margin-left: -23px;
+}
+
 .c1 .c17 {
   grid-area: time;
   color: #676767;
@@ -20978,6 +21065,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
 }
 
 .c6 {
+  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c31 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -20990,10 +21087,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
   z-index: 10;
 }
 
-.c38 {
-  background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
+.c36 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -21074,13 +21172,51 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         aria-hidden={true}
         className="c15 c16"
       >
-        600 SW 5th Ave, Portland, OR, USA 97204
+        128 NW 12th Ave, Portland
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:45 PM
+      <div>
+        <span
+          style={
+            Object {
+              "color": "#E60000",
+            }
+          }
+        >
+          10:58 AM
+        </span>
+      </div>
+      <div
+        style={
+          Object {
+            "fontSize": "80%",
+            "lineHeight": "1em",
+          }
+        }
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "height": "1em",
+            }
+          }
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            fill="currentColor"
+          />
+        </svg>
+         Delayed xx min.
+      </div>
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -21090,14 +21226,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
     <div
       className="c20 place-details "
     >
-      <div
-        className="c21"
-      >
+      <div>
         <div
-          className="styled__LegClickable-sc-1q8npbl-24"
+          className="c21"
         >
-          <span
-            className="c22"
+          Wait 4 minutes for  pickup
+        </div>
+        <div
+          className="c22"
+        >
+          <div
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c23"
@@ -21105,87 +21244,253 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
               <span
                 className="c24"
               >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
+                <span
+                  className="c25"
                 >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 206 feet to 
-              <span
-                className="c25"
-              >
-                EMAQ
+                  <svg
+                    height="100%"
+                    viewBox="0 0 926.91 321.78"
+                    width="100%"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M53.33,229.81A79.25,79.25,0,0,0,69.6,256.47a70,70,0,0,0,24.63,16.95,80.36,80.36,0,0,0,31,5.88,76.61,76.61,0,0,0,30.51-6.1A75,75,0,0,0,180.55,256,77.86,77.86,0,0,0,197,229.58a95.52,95.52,0,0,0,5.88-34.35V0h47.45V316.35h-47V287a109,109,0,0,1-37.29,25.76,118.16,118.16,0,0,1-46.32,9A125.42,125.42,0,0,1,72.54,313a110.58,110.58,0,0,1-38-25.08A118.32,118.32,0,0,1,9.27,248.79Q0,226,0,197.95V0H47.45V195.24A97.36,97.36,0,0,0,53.33,229.81Z"
+                    />
+                    <path
+                      d="M332.17,0V115.24a120.88,120.88,0,0,1,36.61-25.08A109.74,109.74,0,0,1,414,80.9a119.18,119.18,0,0,1,47.45,9.49,119.55,119.55,0,0,1,64.18,64.18,118.06,118.06,0,0,1,9.49,47,116.44,116.44,0,0,1-9.49,46.77,120.14,120.14,0,0,1-64.17,63.95A119.18,119.18,0,0,1,414,321.78a111.31,111.31,0,0,1-45.42-9.27,120.06,120.06,0,0,1-36.83-25.08v28.92H286.52V0h45.64Zm5.2,232.75a78.63,78.63,0,0,0,16.95,25.31,81.78,81.78,0,0,0,25.31,17.17,76.94,76.94,0,0,0,31.18,6.33,75.83,75.83,0,0,0,30.73-6.33,79.06,79.06,0,0,0,25.08-17.17,83.82,83.82,0,0,0,16.95-25.31,76.93,76.93,0,0,0,6.33-31.18,78.54,78.54,0,0,0-6.33-31.41,83.07,83.07,0,0,0-16.95-25.53,76.09,76.09,0,0,0-25.08-16.95,79.45,79.45,0,0,0-86.77,16.95,81.07,81.07,0,0,0-17.17,25.53,78.54,78.54,0,0,0-6.33,31.41A79.38,79.38,0,0,0,337.36,232.75Z"
+                    />
+                    <path
+                      d="M560.84,155a123,123,0,0,1,24.86-38.19A119.57,119.57,0,0,1,716.31,90.39a109.34,109.34,0,0,1,36.61,25.08,114.65,114.65,0,0,1,24,38,129.58,129.58,0,0,1,8.59,47.68V216H597.9a77.29,77.29,0,0,0,9,26,78.34,78.34,0,0,0,16.95,20.79,77.45,77.45,0,0,0,23,13.78,75.27,75.27,0,0,0,27.34,5q41.13,0,66.43-33.9l33,24.4a122.74,122.74,0,0,1-42.48,36.15q-25.31,13.11-56.94,13.11a127.27,127.27,0,0,1-48.13-9A117.2,117.2,0,0,1,587.28,287a120.06,120.06,0,0,1-26-38.19A123.31,123.31,0,0,1,560.84,155Zm63.5-17.85q-19.21,16-25.53,42.71H739.36q-5.88-26.66-25.08-42.71t-45-16Q643.55,121.12,624.34,137.16Z"
+                    />
+                    <path
+                      d="M870.87,142.36q-14.46,15.82-14.46,42.93V316.35H810.76V85.87H856v28.47a64.24,64.24,0,0,1,22.37-22.15q13.78-8.14,32.77-8.14h15.82v42.48h-19Q885.33,126.54,870.87,142.36Z"
+                    />
+                  </svg>
+                </span>
               </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
               <span
                 className="c19 invisible-additional-details"
               >
-                Zoom to leg on map
+                 - 
               </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              1 min
+              <span>
+                Ride 0.4 miles to 
+                <span
+                  className="c26"
+                >
+                  West Burnside Street
+                </span>
+              </span>
+              <button
+                className="c27 c28"
+                onClick={[Function]}
+              >
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  Zoom to leg on map
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <a
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
+              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
+              target="_blank"
+            >
+              Book Ride
+            </a>
+          </div>
+          <div
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
+          >
+            Estimated travel time: 
+            2 min
+             (does not account for traffic)
+          </div>
+          <div
+            className="styled__TNCCost-sc-1q8npbl-15"
+          >
+            Estimated cost: 
+            $17.00
+             - 
+            $19.00
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c31 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        West Burnside Street
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      <div>
+        <span
+          style={
+            Object {
+              "color": "#E60000",
+            }
+          }
+        >
+          11:01 AM
+        </span>
+      </div>
+      <div
+        style={
+          Object {
+            "fontSize": "80%",
+            "lineHeight": "1em",
+          }
+        }
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "height": "1em",
+            }
+          }
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            fill="currentColor"
+          />
+        </svg>
+         Delayed xx min.
+      </div>
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c22"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c23"
+          >
+            <span
+              className="c24"
+            >
               <span
-                className="c31"
+                className="c25"
               >
                 <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
                   <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
                   />
                 </svg>
               </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk to 
+              <span
+                className="c26"
+              >
+                W Burnside & SW 6th
+              </span>
+            </span>
+            <button
+              className="c27 c28"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c32"
+        >
+          <span
+            className="c33"
+          >
+            <button
+              aria-expanded={false}
+              className="c27 c34"
+              onClick={[Function]}
+            >
+              1 min
               <span
                 className="c19 invisible-additional-details"
               >
@@ -21208,79 +21513,352 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c35"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper transit"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c36 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        W Burnside & SW 6th
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      <div>
+        <span
+          style={
+            Object {
+              "color": "#E60000",
+            }
+          }
+        >
+          11:02 AM
+        </span>
+      </div>
+      <div
+        style={
+          Object {
+            "fontSize": "80%",
+            "lineHeight": "1em",
+          }
+        }
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "height": "1em",
+            }
+          }
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            fill="currentColor"
+          />
+        </svg>
+         Delayed xx min.
+      </div>
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details transit"
+    >
+      <div
+        className="c21 transit-leg-subheader"
+      >
+        Stop ID 
+        <button
+          className="c27 c37 c38"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c22"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c23"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
               >
-                <li
-                  className="c33"
+                 - 
+                Ride
+              </span>
+              <span
+                className="c23 c39"
+              >
+                <span
+                  className="c24"
                 >
-                  <div
-                    className="c34"
+                  <span
+                    className="c25"
                   >
                     <svg
-                      viewBox="0 0 261 261"
+                      aria-label="BUS"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": undefined,
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 81.59 99.992"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M68.848,68.51"
+                      />
+                      <path
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
-                  </div>
-                  <div
-                    className="c35"
+                  </span>
+                  <span
+                    className="c40 c41"
                   >
-                    <span>
-                      Head 
-                      EAST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Alder St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        118 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                    20
+                  </span>
+                </span>
+                <span
+                  className="c42"
                 >
-                  <div
-                    className="c34"
+                  <span>
+                    Burnside/Stark
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                E Burnside & SE 12th
+              </span>
+            </span>
+            <button
+              className="c27 c28 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c43 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            />
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c44 transit-leg-details"
+          >
+            <div
+              className="c45"
+            >
+              <button
+                className="c27 c46"
+                onClick={[Function]}
+              >
+                Ride 
+                6 min
+                 / 3 stops
+                <span
+                  className="c47"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c27 c37 c38"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c48"
+                >
+                  <ol
+                    className="c49"
                   >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
+                    <li
+                      className="c50"
+                    >
+                      <div
+                        className="c51 c52"
                       >
-                        SW 4th Ave
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c53"
                       >
-                        88 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                        W Burnside & SW 2nd
+                      </div>
+                    </li>
+                    <li
+                      className="c50"
+                    >
+                      <div
+                        className="c51 c52"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c53"
+                      >
+                        E Burnside & SE 8th
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </li>
@@ -21291,7 +21869,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c31 leg-line"
       />
       <span
         className="c7"
@@ -21299,12 +21877,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="#f5a729"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={17}
+          height={20}
           viewBox="0 0 512 512"
-          width={17}
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -21321,13 +21915,51 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         aria-hidden={true}
         className="c15 c16"
       >
-        EMAQ
+        E Burnside & SE 12th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
+      <div>
+        <span
+          style={
+            Object {
+              "color": "#E60000",
+            }
+          }
+        >
+          11:08 AM
+        </span>
+      </div>
+      <div
+        style={
+          Object {
+            "fontSize": "80%",
+            "lineHeight": "1em",
+          }
+        }
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "height": "1em",
+            }
+          }
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            fill="currentColor"
+          />
+        </svg>
+         Delayed xx min.
+      </div>
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -21338,30 +21970,43 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
       className="c20 place-details "
     >
       <div
-        className="c39"
-      >
-        Pick up Razor 
-        E-scooter
-         
-      </div>
-      <div
-        className="c21"
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span
-              className="c23"
+              className="c24"
             >
               <span
-                className="c24"
+                className="c25"
               >
-                <span>
-                  RAZOR
-                </span>
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
               </span>
             </span>
             <span
@@ -21370,15 +22015,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
                - 
             </span>
             <span>
-              Ride 0.3 miles to 
+              Walk to 
               <span
-                className="c25"
+                className="c26"
               >
-                205 SW Pine St, Portland, OR, USA 97204
+                East Burnside Street
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c27 c28"
               onClick={[Function]}
             >
               <span
@@ -21390,36 +22035,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
           </span>
         </div>
         <span
-          className="c28"
+          className="c32"
         >
           <span
-            className="c29"
+            className="c33"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c27 c34"
               onClick={[Function]}
             >
               1 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -21442,78 +22068,215 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c35"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        East Burnside Street
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      <div>
+        <span
+          style={
+            Object {
+              "color": "#E60000",
+            }
+          }
+        >
+          11:09 AM
+        </span>
+      </div>
+      <div
+        style={
+          Object {
+            "fontSize": "80%",
+            "lineHeight": "1em",
+          }
+        }
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "height": "1em",
+            }
+          }
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            fill="currentColor"
+          />
+        </svg>
+         Delayed xx min.
+      </div>
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div>
+        <div
+          className="c21"
+        >
+          Wait for  pickup
+        </div>
+        <div
+          className="c22"
+        >
+          <div
+            className="styled__LegClickable-sc-1q8npbl-24"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
               >
-                <li
-                  className="c33"
+                <span
+                  className="c25"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
+                  <svg
+                    height="100%"
+                    viewBox="0 0 926.91 321.78"
+                    width="100%"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW 4th Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                    <path
+                      d="M53.33,229.81A79.25,79.25,0,0,0,69.6,256.47a70,70,0,0,0,24.63,16.95,80.36,80.36,0,0,0,31,5.88,76.61,76.61,0,0,0,30.51-6.1A75,75,0,0,0,180.55,256,77.86,77.86,0,0,0,197,229.58a95.52,95.52,0,0,0,5.88-34.35V0h47.45V316.35h-47V287a109,109,0,0,1-37.29,25.76,118.16,118.16,0,0,1-46.32,9A125.42,125.42,0,0,1,72.54,313a110.58,110.58,0,0,1-38-25.08A118.32,118.32,0,0,1,9.27,248.79Q0,226,0,197.95V0H47.45V195.24A97.36,97.36,0,0,0,53.33,229.81Z"
+                    />
+                    <path
+                      d="M332.17,0V115.24a120.88,120.88,0,0,1,36.61-25.08A109.74,109.74,0,0,1,414,80.9a119.18,119.18,0,0,1,47.45,9.49,119.55,119.55,0,0,1,64.18,64.18,118.06,118.06,0,0,1,9.49,47,116.44,116.44,0,0,1-9.49,46.77,120.14,120.14,0,0,1-64.17,63.95A119.18,119.18,0,0,1,414,321.78a111.31,111.31,0,0,1-45.42-9.27,120.06,120.06,0,0,1-36.83-25.08v28.92H286.52V0h45.64Zm5.2,232.75a78.63,78.63,0,0,0,16.95,25.31,81.78,81.78,0,0,0,25.31,17.17,76.94,76.94,0,0,0,31.18,6.33,75.83,75.83,0,0,0,30.73-6.33,79.06,79.06,0,0,0,25.08-17.17,83.82,83.82,0,0,0,16.95-25.31,76.93,76.93,0,0,0,6.33-31.18,78.54,78.54,0,0,0-6.33-31.41,83.07,83.07,0,0,0-16.95-25.53,76.09,76.09,0,0,0-25.08-16.95,79.45,79.45,0,0,0-86.77,16.95,81.07,81.07,0,0,0-17.17,25.53,78.54,78.54,0,0,0-6.33,31.41A79.38,79.38,0,0,0,337.36,232.75Z"
+                    />
+                    <path
+                      d="M560.84,155a123,123,0,0,1,24.86-38.19A119.57,119.57,0,0,1,716.31,90.39a109.34,109.34,0,0,1,36.61,25.08,114.65,114.65,0,0,1,24,38,129.58,129.58,0,0,1,8.59,47.68V216H597.9a77.29,77.29,0,0,0,9,26,78.34,78.34,0,0,0,16.95,20.79,77.45,77.45,0,0,0,23,13.78,75.27,75.27,0,0,0,27.34,5q41.13,0,66.43-33.9l33,24.4a122.74,122.74,0,0,1-42.48,36.15q-25.31,13.11-56.94,13.11a127.27,127.27,0,0,1-48.13-9A117.2,117.2,0,0,1,587.28,287a120.06,120.06,0,0,1-26-38.19A123.31,123.31,0,0,1,560.84,155Zm63.5-17.85q-19.21,16-25.53,42.71H739.36q-5.88-26.66-25.08-42.71t-45-16Q643.55,121.12,624.34,137.16Z"
+                    />
+                    <path
+                      d="M870.87,142.36q-14.46,15.82-14.46,42.93V316.35H810.76V85.87H856v28.47a64.24,64.24,0,0,1,22.37-22.15q13.78-8.14,32.77-8.14h15.82v42.48h-19Q885.33,126.54,870.87,142.36Z"
+                    />
+                  </svg>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+              </span>
+              <span>
+                Ride 0.2 miles to 
+                <span
+                  className="c26"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Pine St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        456 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                  407 NE 12th Ave, Portland
+                </span>
+              </span>
+              <button
+                className="c27 c28"
+                onClick={[Function]}
+              >
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  Zoom to leg on map
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <a
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
+              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
+              target="_blank"
+            >
+              Book Ride
+            </a>
+            <div
+              className="c54"
+            />
+            <div
+              className="c55"
+            >
+              <div
+                className="c56"
+              >
+                <div
+                  className="c57"
+                >
+                  Wait until 11:08 AM to book
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+          <div
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
+          >
+            Estimated travel time: 
+            1 min
+             (does not account for traffic)
+          </div>
+          <div
+            className="styled__TNCCost-sc-1q8npbl-15"
+          >
+            Estimated cost: 
+            $17.00
+             - 
+            $18.00
+          </div>
+        </div>
       </div>
     </div>
   </li>
@@ -21544,7 +22307,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c40 c12"
+          className="c8 c58 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -21566,19 +22329,57 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         aria-hidden={true}
         className="c15 c16"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        407 NE 12th Ave, Portland
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:48 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
+      <div>
+        <span
+          style={
+            Object {
+              "color": "#E60000",
+            }
+          }
+        >
+          11:10 AM
+        </span>
+      </div>
+      <div
+        style={
+          Object {
+            "fontSize": "80%",
+            "lineHeight": "1em",
+          }
+        }
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "height": "1em",
+            }
+          }
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+            fill="currentColor"
+          />
+        </svg>
+         Delayed xx min.
+      </div>
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
       Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      407 NE 12th Ave, Portland
     </span>
     <div
       className="c20 place-details "
@@ -21587,7 +22388,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -21601,46 +22402,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 2779,
-        "elevationGained": 36.22000000000002,
-        "elevationLost": 48.38000000000001,
-        "endTime": 1573691479000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
+        "duration": 203,
+        "elevationGained": 0.6700000000000017,
+        "elevationLost": 2.6599999999999984,
+        "endTime": 1573688903000,
         "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 616.556,
-            "duration": 554,
-            "endTime": 1573689254000,
+            "distance": 62.808,
+            "duration": 113,
+            "endTime": 1573688813000,
             "from": Object {
               "departure": 1573688700000,
-              "lat": 45.519031121242776,
-              "lon": -122.63470154379792,
-              "name": "2943 SE Washington St, Portland, OR, USA 97214",
-              "orig": "2943 SE Washington St, Portland, OR, USA 97214",
+              "lat": 45.51924894918581,
+              "lon": -122.67667146034765,
+              "name": "600 SW 5th Ave, Portland, OR, USA 97204",
+              "orig": "600 SW 5th Ave, Portland, OR, USA 97204",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 14,
-              "points": "}lytGnbokVzA?n@?t@?f@?jC?\`C@NA@P?l@?\`EfC@nC??vD",
+              "length": 5,
+              "points": "unytG~gwkVNy@F[KEa@Q",
             },
             "mode": "WALK",
             "pathway": false,
@@ -21652,317 +22439,76 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
             "startTime": 1573688700000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 288.568,
+                "distance": 35.96,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 41.00284254544678,
+                    "second": 10.062842545446777,
                   },
                   Object {
                     "first": 10,
-                    "second": 40.86284254544678,
+                    "second": 10.122842545446778,
                   },
                   Object {
                     "first": 20,
-                    "second": 40.792842545446774,
+                    "second": 10.112842545446778,
                   },
                   Object {
                     "first": 30,
-                    "second": 40.70284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 40.59284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 40.48284254544678,
-                  },
-                  Object {
-                    "first": 51.1,
-                    "second": 40.47284254544678,
-                  },
-                  Object {
-                    "first": 51.101,
-                    "second": 40.152842545446774,
-                  },
-                  Object {
-                    "first": 61.101,
-                    "second": 39.98284254544678,
-                  },
-                  Object {
-                    "first": 71.101,
-                    "second": 39.822842545446775,
-                  },
-                  Object {
-                    "first": 77.301,
-                    "second": 39.712842545446776,
-                  },
-                  Object {
-                    "first": 77.298,
-                    "second": 39.712842545446776,
-                  },
-                  Object {
-                    "first": 87.298,
-                    "second": 39.462842545446776,
-                  },
-                  Object {
-                    "first": 97.298,
-                    "second": 39.28284254544678,
-                  },
-                  Object {
-                    "first": 107.088,
-                    "second": 39.16284254544678,
-                  },
-                  Object {
-                    "first": 107.087,
-                    "second": 39.16284254544678,
-                  },
-                  Object {
-                    "first": 117.087,
-                    "second": 39.09284254544678,
-                  },
-                  Object {
-                    "first": 130.207,
-                    "second": 38.99284254544678,
-                  },
-                  Object {
-                    "first": 130.204,
-                    "second": 38.99284254544678,
-                  },
-                  Object {
-                    "first": 140.204,
-                    "second": 38.902842545446774,
-                  },
-                  Object {
-                    "first": 150.204,
-                    "second": 38.81284254544678,
-                  },
-                  Object {
-                    "first": 160.204,
-                    "second": 38.72284254544678,
-                  },
-                  Object {
-                    "first": 170.204,
-                    "second": 38.63284254544678,
-                  },
-                  Object {
-                    "first": 180.204,
-                    "second": 38.53284254544678,
-                  },
-                  Object {
-                    "first": 190.204,
-                    "second": 38.41284254544678,
-                  },
-                  Object {
-                    "first": 200.204,
-                    "second": 38.42284254544678,
-                  },
-                  Object {
-                    "first": 208.044,
-                    "second": 38.33284254544678,
-                  },
-                  Object {
-                    "first": 208.041,
-                    "second": 38.33284254544678,
-                  },
-                  Object {
-                    "first": 218.041,
-                    "second": 38.24284254544678,
-                  },
-                  Object {
-                    "first": 228.041,
-                    "second": 38.14284254544678,
-                  },
-                  Object {
-                    "first": 238.041,
-                    "second": 38.03284254544678,
-                  },
-                  Object {
-                    "first": 248.041,
-                    "second": 37.932842545446775,
-                  },
-                  Object {
-                    "first": 258.041,
-                    "second": 37.84284254544678,
-                  },
-                  Object {
-                    "first": 268.041,
-                    "second": 37.822842545446775,
-                  },
-                  Object {
-                    "first": 278.041,
-                    "second": 37.86284254544678,
+                    "second": 10.032842545446778,
                   },
                   Object {
-                    "first": 288.571,
-                    "second": 38.00284254544678,
+                    "first": 35.96,
+                    "second": 9.982842545446779,
                   },
                 ],
-                "lat": 45.51903126345032,
-                "lon": -122.63479456900684,
+                "lat": 45.51931045602352,
+                "lon": -122.67663812781254,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE 30th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 100.636,
-                "elevation": Array [],
-                "lat": 45.5164362,
-                "lon": -122.6347988,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Belmont St",
+                "streetName": "SW Alder St",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 155.796,
+                "distance": 26.848,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 37.31284254544678,
+                    "second": 9.792842545446778,
                   },
                   Object {
                     "first": 10,
-                    "second": 37.50284254544678,
+                    "second": 9.772842545446778,
                   },
                   Object {
                     "first": 20,
-                    "second": 37.83284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 38.152842545446774,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 38.49284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 38.84284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 39.13284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 39.37284254544678,
-                  },
-                  Object {
-                    "first": 76.55,
-                    "second": 39.50284254544678,
-                  },
-                  Object {
-                    "first": 76.547,
-                    "second": 39.50284254544678,
-                  },
-                  Object {
-                    "first": 86.547,
-                    "second": 40.00284254544678,
-                  },
-                  Object {
-                    "first": 96.547,
-                    "second": 40.76284254544677,
-                  },
-                  Object {
-                    "first": 106.547,
-                    "second": 41.572842545446775,
-                  },
-                  Object {
-                    "first": 116.547,
-                    "second": 42.36284254544678,
-                  },
-                  Object {
-                    "first": 126.547,
-                    "second": 43.152842545446774,
-                  },
-                  Object {
-                    "first": 136.547,
-                    "second": 43.91284254544678,
-                  },
-                  Object {
-                    "first": 146.547,
-                    "second": 44.322842545446775,
+                    "second": 9.682842545446778,
                   },
                   Object {
-                    "first": 155.797,
-                    "second": 44.462842545446776,
+                    "first": 26.85,
+                    "second": 9.582842545446779,
                   },
                 ],
-                "lat": 45.5164289,
-                "lon": -122.6360899,
+                "lat": 45.5191957,
+                "lon": -122.6762066,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SE 29th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 71.556,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 44.462842545446776,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 44.49284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 44.69284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 44.67284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 45.01284254544677,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 45.572842545446775,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 45.69284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 45.80284254544678,
-                  },
-                  Object {
-                    "first": 71.56,
-                    "second": 45.792842545446774,
-                  },
-                ],
-                "lat": 45.5150278,
-                "lon": -122.6360975,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Taylor St",
+                "streetName": "SW 4th Ave",
               },
             ],
             "to": Object {
-              "arrival": 1573689254000,
-              "departure": 1573689254000,
-              "lat": 45.514992,
-              "lon": -122.637016,
-              "name": "e9197ab0-b0ae-11e9-8a62-39bcaaf1dc6e",
+              "arrival": 1573688813000,
+              "departure": 1573688813000,
+              "lat": 45.5193746,
+              "lon": -122.6759076,
+              "name": "EMAQ",
               "networks": Array [
-                "SHARED",
+                "RAZOR",
               ],
               "vertexType": "VEHICLERENTAL",
             },
@@ -21972,17 +22518,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 2309.011,
-            "duration": 542,
-            "endTime": 1573689796000,
+            "distance": 429.44,
+            "duration": 90,
+            "endTime": 1573688903000,
             "from": Object {
-              "arrival": 1573689254000,
-              "departure": 1573689254000,
-              "lat": 45.514992,
-              "lon": -122.637016,
-              "name": "e9197ab0-b0ae-11e9-8a62-39bcaaf1dc6e",
+              "arrival": 1573688813000,
+              "departure": 1573688813000,
+              "lat": 45.5193746,
+              "lon": -122.6759076,
+              "name": "EMAQ",
               "networks": Array [
-                "SHARED",
+                "RAZOR",
               ],
               "vertexType": "VEHICLERENTAL",
             },
@@ -21990,8 +22536,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 68,
-              "points": "{sxtGjpokV?RoC@iCCoC?mCAmC?eCAM??p@MA}B?kCCqCAiCAM?sBAQ?SA{BAsCAyBAM?mCCaCAQ?SA{B?_AAqA?uAAu@AuA?U?Y?i@?MAqAAS?wIEMAy@?SAM?mBAa@?u@?g@AUAG?EACACEAEAGAQAKCIECEAEAO?eB@I?kB?S??O?q@",
+              "length": 18,
+              "points": "koytGpdwkViAg@MGKEkBy@KGME[OoAi@KGKEkB{@MEDYh@yCFWf@wCEV",
             },
             "mode": "MICROMOBILITY",
             "pathway": false,
@@ -22000,686 +22546,2255 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
             "rentedCar": false,
             "rentedVehicle": true,
             "route": "",
-            "startTime": 1573689254000,
+            "startTime": 1573688813000,
             "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 7.926,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 44.462842545446776,
-                  },
-                  Object {
-                    "first": 7.93,
-                    "second": 44.45284254544678,
-                  },
-                ],
-                "lat": 45.51502933047212,
-                "lon": -122.63701587329977,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "SE Taylor St",
-              },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 891.2239999999998,
+                "distance": 290.58799999999997,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 45.74284254544678,
+                    "second": 9.792842545446778,
                   },
                   Object {
                     "first": 10,
-                    "second": 45.62284254544678,
+                    "second": 9.772842545446778,
                   },
                   Object {
                     "first": 20,
-                    "second": 45.20284254544678,
+                    "second": 9.682842545446778,
                   },
                   Object {
                     "first": 30,
-                    "second": 44.542842545446774,
+                    "second": 9.532842545446778,
                   },
                   Object {
                     "first": 40,
-                    "second": 43.83284254544678,
+                    "second": 9.462842545446778,
                   },
                   Object {
                     "first": 50,
-                    "second": 43.152842545446774,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 42.47284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 41.81284254544678,
-                  },
-                  Object {
-                    "first": 79.19,
-                    "second": 41.41284254544678,
-                  },
-                  Object {
-                    "first": 79.194,
-                    "second": 41.41284254544678,
-                  },
-                  Object {
-                    "first": 89.194,
-                    "second": 41.35284254544678,
-                  },
-                  Object {
-                    "first": 99.194,
-                    "second": 40.84284254544678,
-                  },
-                  Object {
-                    "first": 109.194,
-                    "second": 40.09284254544678,
-                  },
-                  Object {
-                    "first": 119.194,
-                    "second": 39.322842545446775,
-                  },
-                  Object {
-                    "first": 129.19400000000002,
-                    "second": 38.55284254544678,
-                  },
-                  Object {
-                    "first": 139.19400000000002,
-                    "second": 37.78284254544678,
-                  },
-                  Object {
-                    "first": 149.19400000000002,
-                    "second": 36.97284254544678,
-                  },
-                  Object {
-                    "first": 156.454,
-                    "second": 36.76284254544677,
-                  },
-                  Object {
-                    "first": 156.45,
-                    "second": 36.76284254544677,
-                  },
-                  Object {
-                    "first": 166.45,
-                    "second": 36.72284254544678,
-                  },
-                  Object {
-                    "first": 176.45,
-                    "second": 36.99284254544678,
-                  },
-                  Object {
-                    "first": 186.45,
-                    "second": 37.74284254544678,
-                  },
-                  Object {
-                    "first": 196.45,
-                    "second": 38.72284254544678,
-                  },
-                  Object {
-                    "first": 206.45,
-                    "second": 39.67284254544678,
-                  },
-                  Object {
-                    "first": 216.45,
-                    "second": 40.61284254544678,
-                  },
-                  Object {
-                    "first": 226.45,
-                    "second": 41.50284254544678,
-                  },
-                  Object {
-                    "first": 236.45999999999998,
-                    "second": 42.19284254544678,
-                  },
-                  Object {
-                    "first": 236.456,
-                    "second": 42.19284254544678,
-                  },
-                  Object {
-                    "first": 246.456,
-                    "second": 42.44284254544678,
-                  },
-                  Object {
-                    "first": 256.456,
-                    "second": 42.58284254544678,
-                  },
-                  Object {
-                    "first": 266.456,
-                    "second": 42.85284254544678,
-                  },
-                  Object {
-                    "first": 276.456,
-                    "second": 43.17284254544678,
-                  },
-                  Object {
-                    "first": 286.456,
-                    "second": 43.51284254544677,
-                  },
-                  Object {
-                    "first": 296.456,
-                    "second": 43.84284254544678,
-                  },
-                  Object {
-                    "first": 306.456,
-                    "second": 44.14284254544678,
-                  },
-                  Object {
-                    "first": 315.056,
-                    "second": 44.34284254544678,
-                  },
-                  Object {
-                    "first": 315.06,
-                    "second": 44.34284254544678,
-                  },
-                  Object {
-                    "first": 325.06,
-                    "second": 44.49284254544678,
-                  },
-                  Object {
-                    "first": 335.06,
-                    "second": 44.572842545446775,
-                  },
-                  Object {
-                    "first": 345.06,
-                    "second": 44.61284254544678,
-                  },
-                  Object {
-                    "first": 355.06,
-                    "second": 44.63284254544678,
-                  },
-                  Object {
-                    "first": 365.06,
-                    "second": 44.70284254544678,
-                  },
-                  Object {
-                    "first": 375.06,
-                    "second": 44.78284254544678,
-                  },
-                  Object {
-                    "first": 385.06,
-                    "second": 44.84284254544678,
-                  },
-                  Object {
-                    "first": 394.62,
-                    "second": 44.94284254544678,
-                  },
-                  Object {
-                    "first": 394.621,
-                    "second": 44.94284254544678,
-                  },
-                  Object {
-                    "first": 404.621,
-                    "second": 44.932842545446775,
-                  },
-                  Object {
-                    "first": 414.621,
-                    "second": 44.902842545446774,
-                  },
-                  Object {
-                    "first": 424.621,
-                    "second": 44.86284254544678,
-                  },
-                  Object {
-                    "first": 434.621,
-                    "second": 44.80284254544678,
-                  },
-                  Object {
-                    "first": 444.621,
-                    "second": 44.792842545446774,
-                  },
-                  Object {
-                    "first": 454.621,
-                    "second": 44.74284254544678,
-                  },
-                  Object {
-                    "first": 464.621,
-                    "second": 44.682842545446775,
-                  },
-                  Object {
-                    "first": 476.231,
-                    "second": 44.72284254544678,
-                  },
-                  Object {
-                    "first": 495.15099999999995,
-                    "second": 44.72284254544678,
-                  },
-                  Object {
-                    "first": 505.15099999999995,
-                    "second": 45.35284254544678,
-                  },
-                  Object {
-                    "first": 514.0709999999999,
-                    "second": 46.26284254544677,
-                  },
-                  Object {
-                    "first": 573.4359999999999,
-                    "second": 43.53284254544678,
-                  },
-                  Object {
-                    "first": 583.4359999999999,
-                    "second": 43.48284254544678,
-                  },
-                  Object {
-                    "first": 593.4359999999999,
-                    "second": 43.38284254544678,
-                  },
-                  Object {
-                    "first": 603.4359999999999,
-                    "second": 43.31284254544678,
-                  },
-                  Object {
-                    "first": 613.4359999999999,
-                    "second": 43.23284254544678,
-                  },
-                  Object {
-                    "first": 623.4359999999999,
-                    "second": 43.152842545446774,
-                  },
-                  Object {
-                    "first": 633.4359999999999,
-                    "second": 43.11284254544678,
+                    "second": 9.352842545446778,
                   },
                   Object {
-                    "first": 643.4359999999999,
-                    "second": 43.05284254544678,
+                    "first": 52.44,
+                    "second": 9.332842545446779,
                   },
                   Object {
-                    "first": 651.1659999999999,
-                    "second": 43.03284254544678,
+                    "first": 52.437,
+                    "second": 9.162842545446779,
                   },
                   Object {
-                    "first": 651.1669999999999,
-                    "second": 43.03284254544678,
+                    "first": 62.437,
+                    "second": 9.182842545446778,
                   },
                   Object {
-                    "first": 661.1669999999999,
-                    "second": 43.072842545446775,
+                    "first": 72.437,
+                    "second": 9.072842545446779,
                   },
                   Object {
-                    "first": 671.1669999999999,
-                    "second": 43.17284254544678,
+                    "first": 82.437,
+                    "second": 8.982842545446779,
                   },
                   Object {
-                    "first": 681.1669999999999,
-                    "second": 43.38284254544678,
+                    "first": 92.437,
+                    "second": 8.862842545446778,
                   },
                   Object {
-                    "first": 691.1669999999999,
-                    "second": 43.682842545446775,
+                    "first": 102.437,
+                    "second": 8.812842545446777,
                   },
                   Object {
-                    "first": 701.1669999999999,
-                    "second": 43.98284254544678,
+                    "first": 112.437,
+                    "second": 8.722842545446778,
                   },
                   Object {
-                    "first": 711.1669999999999,
-                    "second": 44.27284254544678,
+                    "first": 122.437,
+                    "second": 8.652842545446779,
                   },
                   Object {
-                    "first": 721.1669999999999,
-                    "second": 44.56284254544678,
+                    "first": 131.36700000000002,
+                    "second": 8.612842545446778,
                   },
                   Object {
-                    "first": 731.747,
-                    "second": 44.822842545446775,
+                    "first": 131.369,
+                    "second": 8.612842545446778,
                   },
                   Object {
-                    "first": 731.7449999999999,
-                    "second": 44.822842545446775,
+                    "first": 141.369,
+                    "second": 8.572842545446779,
                   },
                   Object {
-                    "first": 741.7449999999999,
-                    "second": 44.89284254544678,
+                    "first": 155.779,
+                    "second": 8.422842545446779,
                   },
                   Object {
-                    "first": 751.7449999999999,
-                    "second": 44.73284254544678,
+                    "first": 155.777,
+                    "second": 8.422842545446779,
                   },
                   Object {
-                    "first": 761.7449999999999,
-                    "second": 44.44284254544678,
+                    "first": 165.777,
+                    "second": 8.382842545446778,
                   },
                   Object {
-                    "first": 771.7449999999999,
-                    "second": 44.11284254544678,
+                    "first": 175.777,
+                    "second": 8.362842545446778,
                   },
                   Object {
-                    "first": 781.7449999999999,
-                    "second": 43.78284254544678,
+                    "first": 185.777,
+                    "second": 8.362842545446778,
                   },
                   Object {
-                    "first": 791.7449999999999,
-                    "second": 43.462842545446776,
+                    "first": 195.777,
+                    "second": 8.322842545446779,
                   },
                   Object {
-                    "first": 801.7449999999999,
-                    "second": 43.17284254544678,
+                    "first": 205.777,
+                    "second": 8.312842545446777,
                   },
                   Object {
-                    "first": 809.0649999999998,
-                    "second": 43.00284254544678,
+                    "first": 210.84699999999998,
+                    "second": 8.312842545446777,
                   },
                   Object {
-                    "first": 809.0639999999999,
-                    "second": 43.00284254544678,
+                    "first": 210.84699999999998,
+                    "second": 8.312842545446777,
                   },
                   Object {
-                    "first": 819.0639999999999,
-                    "second": 43.02284254544678,
+                    "first": 220.84699999999998,
+                    "second": 8.342842545446779,
                   },
                   Object {
-                    "first": 829.0639999999999,
-                    "second": 42.85284254544678,
+                    "first": 230.84699999999998,
+                    "second": 8.252842545446779,
                   },
                   Object {
-                    "first": 839.0639999999999,
-                    "second": 42.75284254544678,
+                    "first": 240.84699999999998,
+                    "second": 8.272842545446778,
                   },
                   Object {
-                    "first": 849.0639999999999,
-                    "second": 42.64284254544678,
+                    "first": 250.84699999999998,
+                    "second": 8.212842545446778,
                   },
                   Object {
-                    "first": 859.0639999999999,
-                    "second": 42.572842545446775,
+                    "first": 260.847,
+                    "second": 8.212842545446778,
                   },
                   Object {
-                    "first": 869.0639999999999,
-                    "second": 42.52284254544678,
+                    "first": 270.847,
+                    "second": 8.142842545446777,
                   },
                   Object {
-                    "first": 879.0639999999999,
-                    "second": 42.45284254544678,
+                    "first": 280.847,
+                    "second": 8.182842545446778,
                   },
                   Object {
-                    "first": 891.2239999999998,
-                    "second": 42.45284254544678,
+                    "first": 290.587,
+                    "second": 8.142842545446777,
                   },
                 ],
-                "lat": 45.5150295,
-                "lon": -122.6371176,
-                "relativeDirection": "RIGHT",
+                "lat": 45.519421523441345,
+                "lon": -122.6760846357673,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "SE 28th Ave",
+                "streetName": "SW 4th Ave",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 1203.3539999999998,
+                "distance": 138.852,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 42.45284254544678,
+                    "second": 8.142842545446777,
                   },
                   Object {
                     "first": 10,
-                    "second": 42.47284254544678,
+                    "second": 8.082842545446779,
                   },
                   Object {
                     "first": 20,
-                    "second": 42.31284254544678,
+                    "second": 8.202842545446778,
                   },
                   Object {
                     "first": 30,
-                    "second": 42.27284254544678,
+                    "second": 8.182842545446778,
                   },
                   Object {
                     "first": 40,
-                    "second": 42.24284254544678,
+                    "second": 8.212842545446778,
                   },
                   Object {
                     "first": 50,
-                    "second": 42.20284254544678,
+                    "second": 8.302842545446778,
                   },
                   Object {
                     "first": 60,
-                    "second": 42.13284254544678,
+                    "second": 8.222842545446778,
                   },
                   Object {
                     "first": 70,
-                    "second": 42.09284254544678,
-                  },
-                  Object {
-                    "first": 80.63,
-                    "second": 42.042842545446774,
-                  },
-                  Object {
-                    "first": 80.626,
-                    "second": 42.042842545446774,
-                  },
-                  Object {
-                    "first": 90.626,
-                    "second": 41.98284254544678,
-                  },
-                  Object {
-                    "first": 100.626,
-                    "second": 41.87284254544678,
-                  },
-                  Object {
-                    "first": 110.626,
-                    "second": 41.77284254544678,
-                  },
-                  Object {
-                    "first": 120.626,
-                    "second": 41.66284254544678,
-                  },
-                  Object {
-                    "first": 130.626,
-                    "second": 41.572842545446775,
-                  },
-                  Object {
-                    "first": 140.626,
-                    "second": 41.49284254544678,
-                  },
-                  Object {
-                    "first": 150.626,
-                    "second": 41.39284254544678,
-                  },
-                  Object {
-                    "first": 161.906,
-                    "second": 41.28284254544678,
-                  },
-                  Object {
-                    "first": 161.90300000000002,
-                    "second": 41.28284254544678,
-                  },
-                  Object {
-                    "first": 171.90300000000002,
-                    "second": 41.19284254544678,
-                  },
-                  Object {
-                    "first": 181.90300000000002,
-                    "second": 41.08284254544678,
-                  },
-                  Object {
-                    "first": 191.90300000000002,
-                    "second": 40.98284254544678,
-                  },
-                  Object {
-                    "first": 201.90300000000002,
-                    "second": 40.902842545446774,
-                  },
-                  Object {
-                    "first": 211.90300000000002,
-                    "second": 40.792842545446774,
-                  },
-                  Object {
-                    "first": 221.90300000000002,
-                    "second": 40.712842545446776,
-                  },
-                  Object {
-                    "first": 231.90300000000002,
-                    "second": 40.62284254544678,
-                  },
-                  Object {
-                    "first": 238.233,
-                    "second": 40.56284254544678,
-                  },
-                  Object {
-                    "first": 238.233,
-                    "second": 40.56284254544678,
-                  },
-                  Object {
-                    "first": 248.233,
-                    "second": 40.50284254544678,
-                  },
-                  Object {
-                    "first": 258.233,
-                    "second": 40.44284254544678,
-                  },
-                  Object {
-                    "first": 268.233,
-                    "second": 40.34284254544678,
-                  },
-                  Object {
-                    "first": 278.233,
-                    "second": 40.25284254544678,
-                  },
-                  Object {
-                    "first": 288.233,
-                    "second": 40.14284254544678,
-                  },
-                  Object {
-                    "first": 298.233,
-                    "second": 40.03284254544678,
-                  },
-                  Object {
-                    "first": 308.233,
-                    "second": 39.95284254544678,
-                  },
-                  Object {
-                    "first": 317.01300000000003,
-                    "second": 39.902842545446774,
-                  },
-                  Object {
-                    "first": 317.009,
-                    "second": 39.902842545446774,
-                  },
-                  Object {
-                    "first": 327.009,
-                    "second": 39.86284254544678,
-                  },
-                  Object {
-                    "first": 337.009,
-                    "second": 39.91284254544678,
-                  },
-                  Object {
-                    "first": 347.009,
-                    "second": 40.072842545446775,
-                  },
-                  Object {
-                    "first": 357.009,
-                    "second": 40.28284254544678,
-                  },
-                  Object {
-                    "first": 367.009,
-                    "second": 40.47284254544678,
-                  },
-                  Object {
-                    "first": 377.009,
-                    "second": 40.66284254544678,
-                  },
-                  Object {
-                    "first": 387.009,
-                    "second": 40.85284254544678,
-                  },
-                  Object {
-                    "first": 399.629,
-                    "second": 41.12284254544678,
-                  },
-                  Object {
-                    "first": 399.62600000000003,
-                    "second": 41.12284254544678,
-                  },
-                  Object {
-                    "first": 409.62600000000003,
-                    "second": 41.35284254544678,
-                  },
-                  Object {
-                    "first": 419.62600000000003,
-                    "second": 41.52284254544678,
-                  },
-                  Object {
-                    "first": 429.62600000000003,
-                    "second": 41.712842545446776,
-                  },
-                  Object {
-                    "first": 439.62600000000003,
-                    "second": 41.94284254544678,
+                    "second": 8.142842545446777,
                   },
                   Object {
-                    "first": 449.62600000000003,
-                    "second": 42.19284254544678,
+                    "first": 80,
+                    "second": 8.332842545446779,
                   },
                   Object {
-                    "first": 459.62600000000003,
-                    "second": 42.45284254544678,
+                    "first": 85.47,
+                    "second": 8.302842545446778,
                   },
                   Object {
-                    "first": 469.62600000000003,
-                    "second": 42.70284254544678,
+                    "first": 85.465,
+                    "second": 8.302842545446778,
                   },
                   Object {
-                    "first": 479.80600000000004,
-                    "second": 42.902842545446774,
+                    "first": 95.465,
+                    "second": 8.212842545446778,
                   },
                   Object {
-                    "first": 479.80100000000004,
-                    "second": 42.902842545446774,
+                    "first": 105.465,
+                    "second": 8.152842545446779,
                   },
                   Object {
-                    "first": 489.80100000000004,
-                    "second": 42.962842545446776,
+                    "first": 115.465,
+                    "second": 8.112842545446778,
                   },
                   Object {
-                    "first": 499.80100000000004,
-                    "second": 42.86284254544678,
+                    "first": 125.465,
+                    "second": 7.872842545446778,
                   },
                   Object {
-                    "first": 514.7710000000001,
-                    "second": 42.63284254544678,
+                    "first": 135.465,
+                    "second": 7.942842545446778,
                   },
                   Object {
-                    "first": 514.773,
-                    "second": 42.63284254544678,
+                    "first": 138.85500000000002,
+                    "second": 7.922842545446779,
                   },
-                  Object {
-                    "first": 524.773,
-                    "second": 42.48284254544678,
+                ],
+                "lat": 45.5218657,
+                "lon": -122.6747645,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW Pine St",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573688903000,
+              "lat": 45.521469054694954,
+              "lon": -122.67307275796767,
+              "name": "205 SW Pine St, Portland, OR, USA 97204",
+              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1573688700000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 90,
+        "waitingTime": 0,
+        "walkDistance": 492.2908345853744,
+        "walkLimitExceeded": false,
+        "walkTime": 113,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c40 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 130px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-areas: "time line title" "time line instructions";
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+  grid-area: instructions;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c39 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c4 {
+  grid-area: line;
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  grid-area: title;
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c17 {
+  grid-area: time;
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        600 SW 5th Ave, Portland, OR, USA 97204
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:45 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 206 feet to 
+              <span
+                className="c25"
+              >
+                EMAQ
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      EAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Alder St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        118 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 4th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        88 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#f5a729"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        EMAQ
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:46 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c39"
+      >
+        Pick up Razor 
+        E-scooter
+         
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <span>
+                  RAZOR
+                </span>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Ride 0.3 miles to 
+              <span
+                className="c25"
+              >
+                205 SW Pine St, Portland, OR, USA 97204
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 4th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        456 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c40 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        205 SW Pine St, Portland, OR, USA 97204
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:48 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
+    </span>
+    <div
+      className="c20 place-details "
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    itinerary={
+      Object {
+        "duration": 2779,
+        "elevationGained": 36.22000000000002,
+        "elevationLost": 48.38000000000001,
+        "endTime": 1573691479000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 250,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 616.556,
+            "duration": 554,
+            "endTime": 1573689254000,
+            "from": Object {
+              "departure": 1573688700000,
+              "lat": 45.519031121242776,
+              "lon": -122.63470154379792,
+              "name": "2943 SE Washington St, Portland, OR, USA 97214",
+              "orig": "2943 SE Washington St, Portland, OR, USA 97214",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 14,
+              "points": "}lytGnbokVzA?n@?t@?f@?jC?\`C@NA@P?l@?\`EfC@nC??vD",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688700000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 288.568,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 41.00284254544678,
                   },
                   Object {
-                    "first": 534.773,
-                    "second": 42.42284254544678,
+                    "first": 10,
+                    "second": 40.86284254544678,
                   },
                   Object {
-                    "first": 544.773,
-                    "second": 42.50284254544678,
+                    "first": 20,
+                    "second": 40.792842545446774,
                   },
                   Object {
-                    "first": 554.773,
-                    "second": 42.61284254544678,
+                    "first": 30,
+                    "second": 40.70284254544678,
                   },
                   Object {
-                    "first": 559.963,
-                    "second": 42.69284254544678,
+                    "first": 40,
+                    "second": 40.59284254544678,
                   },
                   Object {
-                    "first": 559.966,
-                    "second": 42.69284254544678,
+                    "first": 50,
+                    "second": 40.48284254544678,
                   },
                   Object {
-                    "first": 569.966,
-                    "second": 42.81284254544678,
+                    "first": 51.1,
+                    "second": 40.47284254544678,
                   },
                   Object {
-                    "first": 579.966,
+                    "first": 51.101,
+                    "second": 40.152842545446774,
+                  },
+                  Object {
+                    "first": 61.101,
+                    "second": 39.98284254544678,
+                  },
+                  Object {
+                    "first": 71.101,
+                    "second": 39.822842545446775,
+                  },
+                  Object {
+                    "first": 77.301,
+                    "second": 39.712842545446776,
+                  },
+                  Object {
+                    "first": 77.298,
+                    "second": 39.712842545446776,
+                  },
+                  Object {
+                    "first": 87.298,
+                    "second": 39.462842545446776,
+                  },
+                  Object {
+                    "first": 97.298,
+                    "second": 39.28284254544678,
+                  },
+                  Object {
+                    "first": 107.088,
+                    "second": 39.16284254544678,
+                  },
+                  Object {
+                    "first": 107.087,
+                    "second": 39.16284254544678,
+                  },
+                  Object {
+                    "first": 117.087,
+                    "second": 39.09284254544678,
+                  },
+                  Object {
+                    "first": 130.207,
+                    "second": 38.99284254544678,
+                  },
+                  Object {
+                    "first": 130.204,
+                    "second": 38.99284254544678,
+                  },
+                  Object {
+                    "first": 140.204,
+                    "second": 38.902842545446774,
+                  },
+                  Object {
+                    "first": 150.204,
+                    "second": 38.81284254544678,
+                  },
+                  Object {
+                    "first": 160.204,
+                    "second": 38.72284254544678,
+                  },
+                  Object {
+                    "first": 170.204,
+                    "second": 38.63284254544678,
+                  },
+                  Object {
+                    "first": 180.204,
+                    "second": 38.53284254544678,
+                  },
+                  Object {
+                    "first": 190.204,
+                    "second": 38.41284254544678,
+                  },
+                  Object {
+                    "first": 200.204,
+                    "second": 38.42284254544678,
+                  },
+                  Object {
+                    "first": 208.044,
+                    "second": 38.33284254544678,
+                  },
+                  Object {
+                    "first": 208.041,
+                    "second": 38.33284254544678,
+                  },
+                  Object {
+                    "first": 218.041,
+                    "second": 38.24284254544678,
+                  },
+                  Object {
+                    "first": 228.041,
+                    "second": 38.14284254544678,
+                  },
+                  Object {
+                    "first": 238.041,
+                    "second": 38.03284254544678,
+                  },
+                  Object {
+                    "first": 248.041,
+                    "second": 37.932842545446775,
+                  },
+                  Object {
+                    "first": 258.041,
+                    "second": 37.84284254544678,
+                  },
+                  Object {
+                    "first": 268.041,
+                    "second": 37.822842545446775,
+                  },
+                  Object {
+                    "first": 278.041,
+                    "second": 37.86284254544678,
+                  },
+                  Object {
+                    "first": 288.571,
+                    "second": 38.00284254544678,
+                  },
+                ],
+                "lat": 45.51903126345032,
+                "lon": -122.63479456900684,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "SE 30th Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 100.636,
+                "elevation": Array [],
+                "lat": 45.5164362,
+                "lon": -122.6347988,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Belmont St",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 155.796,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 37.31284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 37.50284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 37.83284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 38.152842545446774,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 38.49284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 38.84284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 39.13284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 39.37284254544678,
+                  },
+                  Object {
+                    "first": 76.55,
+                    "second": 39.50284254544678,
+                  },
+                  Object {
+                    "first": 76.547,
+                    "second": 39.50284254544678,
+                  },
+                  Object {
+                    "first": 86.547,
+                    "second": 40.00284254544678,
+                  },
+                  Object {
+                    "first": 96.547,
+                    "second": 40.76284254544677,
+                  },
+                  Object {
+                    "first": 106.547,
+                    "second": 41.572842545446775,
+                  },
+                  Object {
+                    "first": 116.547,
+                    "second": 42.36284254544678,
+                  },
+                  Object {
+                    "first": 126.547,
+                    "second": 43.152842545446774,
+                  },
+                  Object {
+                    "first": 136.547,
+                    "second": 43.91284254544678,
+                  },
+                  Object {
+                    "first": 146.547,
+                    "second": 44.322842545446775,
+                  },
+                  Object {
+                    "first": 155.797,
+                    "second": 44.462842545446776,
+                  },
+                ],
+                "lat": 45.5164289,
+                "lon": -122.6360899,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SE 29th Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 71.556,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 44.462842545446776,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 44.49284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 44.69284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 44.67284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 45.01284254544677,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 45.572842545446775,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 45.69284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 45.80284254544678,
+                  },
+                  Object {
+                    "first": 71.56,
+                    "second": 45.792842545446774,
+                  },
+                ],
+                "lat": 45.5150278,
+                "lon": -122.6360975,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Taylor St",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573689254000,
+              "departure": 1573689254000,
+              "lat": 45.514992,
+              "lon": -122.637016,
+              "name": "e9197ab0-b0ae-11e9-8a62-39bcaaf1dc6e",
+              "networks": Array [
+                "SHARED",
+              ],
+              "vertexType": "VEHICLERENTAL",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 2309.011,
+            "duration": 542,
+            "endTime": 1573689796000,
+            "from": Object {
+              "arrival": 1573689254000,
+              "departure": 1573689254000,
+              "lat": 45.514992,
+              "lon": -122.637016,
+              "name": "e9197ab0-b0ae-11e9-8a62-39bcaaf1dc6e",
+              "networks": Array [
+                "SHARED",
+              ],
+              "vertexType": "VEHICLERENTAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 68,
+              "points": "{sxtGjpokV?RoC@iCCoC?mCAmC?eCAM??p@MA}B?kCCqCAiCAM?sBAQ?SA{BAsCAyBAM?mCCaCAQ?SA{B?_AAqA?uAAu@AuA?U?Y?i@?MAqAAS?wIEMAy@?SAM?mBAa@?u@?g@AUAG?EACACEAEAGAQAKCIECEAEAO?eB@I?kB?S??O?q@",
+            },
+            "mode": "MICROMOBILITY",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": true,
+            "route": "",
+            "startTime": 1573689254000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 7.926,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 44.462842545446776,
+                  },
+                  Object {
+                    "first": 7.93,
+                    "second": 44.45284254544678,
+                  },
+                ],
+                "lat": 45.51502933047212,
+                "lon": -122.63701587329977,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "SE Taylor St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 891.2239999999998,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 45.74284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 45.62284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 45.20284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 44.542842545446774,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 43.83284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 43.152842545446774,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 42.47284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 41.81284254544678,
+                  },
+                  Object {
+                    "first": 79.19,
+                    "second": 41.41284254544678,
+                  },
+                  Object {
+                    "first": 79.194,
+                    "second": 41.41284254544678,
+                  },
+                  Object {
+                    "first": 89.194,
+                    "second": 41.35284254544678,
+                  },
+                  Object {
+                    "first": 99.194,
+                    "second": 40.84284254544678,
+                  },
+                  Object {
+                    "first": 109.194,
+                    "second": 40.09284254544678,
+                  },
+                  Object {
+                    "first": 119.194,
+                    "second": 39.322842545446775,
+                  },
+                  Object {
+                    "first": 129.19400000000002,
+                    "second": 38.55284254544678,
+                  },
+                  Object {
+                    "first": 139.19400000000002,
+                    "second": 37.78284254544678,
+                  },
+                  Object {
+                    "first": 149.19400000000002,
+                    "second": 36.97284254544678,
+                  },
+                  Object {
+                    "first": 156.454,
+                    "second": 36.76284254544677,
+                  },
+                  Object {
+                    "first": 156.45,
+                    "second": 36.76284254544677,
+                  },
+                  Object {
+                    "first": 166.45,
+                    "second": 36.72284254544678,
+                  },
+                  Object {
+                    "first": 176.45,
+                    "second": 36.99284254544678,
+                  },
+                  Object {
+                    "first": 186.45,
+                    "second": 37.74284254544678,
+                  },
+                  Object {
+                    "first": 196.45,
+                    "second": 38.72284254544678,
+                  },
+                  Object {
+                    "first": 206.45,
+                    "second": 39.67284254544678,
+                  },
+                  Object {
+                    "first": 216.45,
+                    "second": 40.61284254544678,
+                  },
+                  Object {
+                    "first": 226.45,
+                    "second": 41.50284254544678,
+                  },
+                  Object {
+                    "first": 236.45999999999998,
+                    "second": 42.19284254544678,
+                  },
+                  Object {
+                    "first": 236.456,
+                    "second": 42.19284254544678,
+                  },
+                  Object {
+                    "first": 246.456,
+                    "second": 42.44284254544678,
+                  },
+                  Object {
+                    "first": 256.456,
+                    "second": 42.58284254544678,
+                  },
+                  Object {
+                    "first": 266.456,
+                    "second": 42.85284254544678,
+                  },
+                  Object {
+                    "first": 276.456,
+                    "second": 43.17284254544678,
+                  },
+                  Object {
+                    "first": 286.456,
+                    "second": 43.51284254544677,
+                  },
+                  Object {
+                    "first": 296.456,
+                    "second": 43.84284254544678,
+                  },
+                  Object {
+                    "first": 306.456,
+                    "second": 44.14284254544678,
+                  },
+                  Object {
+                    "first": 315.056,
+                    "second": 44.34284254544678,
+                  },
+                  Object {
+                    "first": 315.06,
+                    "second": 44.34284254544678,
+                  },
+                  Object {
+                    "first": 325.06,
+                    "second": 44.49284254544678,
+                  },
+                  Object {
+                    "first": 335.06,
+                    "second": 44.572842545446775,
+                  },
+                  Object {
+                    "first": 345.06,
+                    "second": 44.61284254544678,
+                  },
+                  Object {
+                    "first": 355.06,
+                    "second": 44.63284254544678,
+                  },
+                  Object {
+                    "first": 365.06,
+                    "second": 44.70284254544678,
+                  },
+                  Object {
+                    "first": 375.06,
+                    "second": 44.78284254544678,
+                  },
+                  Object {
+                    "first": 385.06,
+                    "second": 44.84284254544678,
+                  },
+                  Object {
+                    "first": 394.62,
+                    "second": 44.94284254544678,
+                  },
+                  Object {
+                    "first": 394.621,
+                    "second": 44.94284254544678,
+                  },
+                  Object {
+                    "first": 404.621,
+                    "second": 44.932842545446775,
+                  },
+                  Object {
+                    "first": 414.621,
+                    "second": 44.902842545446774,
+                  },
+                  Object {
+                    "first": 424.621,
+                    "second": 44.86284254544678,
+                  },
+                  Object {
+                    "first": 434.621,
+                    "second": 44.80284254544678,
+                  },
+                  Object {
+                    "first": 444.621,
+                    "second": 44.792842545446774,
+                  },
+                  Object {
+                    "first": 454.621,
+                    "second": 44.74284254544678,
+                  },
+                  Object {
+                    "first": 464.621,
+                    "second": 44.682842545446775,
+                  },
+                  Object {
+                    "first": 476.231,
+                    "second": 44.72284254544678,
+                  },
+                  Object {
+                    "first": 495.15099999999995,
+                    "second": 44.72284254544678,
+                  },
+                  Object {
+                    "first": 505.15099999999995,
+                    "second": 45.35284254544678,
+                  },
+                  Object {
+                    "first": 514.0709999999999,
+                    "second": 46.26284254544677,
+                  },
+                  Object {
+                    "first": 573.4359999999999,
+                    "second": 43.53284254544678,
+                  },
+                  Object {
+                    "first": 583.4359999999999,
+                    "second": 43.48284254544678,
+                  },
+                  Object {
+                    "first": 593.4359999999999,
+                    "second": 43.38284254544678,
+                  },
+                  Object {
+                    "first": 603.4359999999999,
+                    "second": 43.31284254544678,
+                  },
+                  Object {
+                    "first": 613.4359999999999,
+                    "second": 43.23284254544678,
+                  },
+                  Object {
+                    "first": 623.4359999999999,
+                    "second": 43.152842545446774,
+                  },
+                  Object {
+                    "first": 633.4359999999999,
+                    "second": 43.11284254544678,
+                  },
+                  Object {
+                    "first": 643.4359999999999,
+                    "second": 43.05284254544678,
+                  },
+                  Object {
+                    "first": 651.1659999999999,
+                    "second": 43.03284254544678,
+                  },
+                  Object {
+                    "first": 651.1669999999999,
+                    "second": 43.03284254544678,
+                  },
+                  Object {
+                    "first": 661.1669999999999,
+                    "second": 43.072842545446775,
+                  },
+                  Object {
+                    "first": 671.1669999999999,
+                    "second": 43.17284254544678,
+                  },
+                  Object {
+                    "first": 681.1669999999999,
+                    "second": 43.38284254544678,
+                  },
+                  Object {
+                    "first": 691.1669999999999,
+                    "second": 43.682842545446775,
+                  },
+                  Object {
+                    "first": 701.1669999999999,
+                    "second": 43.98284254544678,
+                  },
+                  Object {
+                    "first": 711.1669999999999,
+                    "second": 44.27284254544678,
+                  },
+                  Object {
+                    "first": 721.1669999999999,
+                    "second": 44.56284254544678,
+                  },
+                  Object {
+                    "first": 731.747,
+                    "second": 44.822842545446775,
+                  },
+                  Object {
+                    "first": 731.7449999999999,
+                    "second": 44.822842545446775,
+                  },
+                  Object {
+                    "first": 741.7449999999999,
+                    "second": 44.89284254544678,
+                  },
+                  Object {
+                    "first": 751.7449999999999,
+                    "second": 44.73284254544678,
+                  },
+                  Object {
+                    "first": 761.7449999999999,
+                    "second": 44.44284254544678,
+                  },
+                  Object {
+                    "first": 771.7449999999999,
+                    "second": 44.11284254544678,
+                  },
+                  Object {
+                    "first": 781.7449999999999,
+                    "second": 43.78284254544678,
+                  },
+                  Object {
+                    "first": 791.7449999999999,
+                    "second": 43.462842545446776,
+                  },
+                  Object {
+                    "first": 801.7449999999999,
+                    "second": 43.17284254544678,
+                  },
+                  Object {
+                    "first": 809.0649999999998,
+                    "second": 43.00284254544678,
+                  },
+                  Object {
+                    "first": 809.0639999999999,
+                    "second": 43.00284254544678,
+                  },
+                  Object {
+                    "first": 819.0639999999999,
+                    "second": 43.02284254544678,
+                  },
+                  Object {
+                    "first": 829.0639999999999,
+                    "second": 42.85284254544678,
+                  },
+                  Object {
+                    "first": 839.0639999999999,
+                    "second": 42.75284254544678,
+                  },
+                  Object {
+                    "first": 849.0639999999999,
+                    "second": 42.64284254544678,
+                  },
+                  Object {
+                    "first": 859.0639999999999,
+                    "second": 42.572842545446775,
+                  },
+                  Object {
+                    "first": 869.0639999999999,
+                    "second": 42.52284254544678,
+                  },
+                  Object {
+                    "first": 879.0639999999999,
+                    "second": 42.45284254544678,
+                  },
+                  Object {
+                    "first": 891.2239999999998,
+                    "second": 42.45284254544678,
+                  },
+                ],
+                "lat": 45.5150295,
+                "lon": -122.6371176,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE 28th Ave",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 1203.3539999999998,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 42.45284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 42.47284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 42.31284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 42.27284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 42.24284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 42.20284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 42.13284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 42.09284254544678,
+                  },
+                  Object {
+                    "first": 80.63,
+                    "second": 42.042842545446774,
+                  },
+                  Object {
+                    "first": 80.626,
+                    "second": 42.042842545446774,
+                  },
+                  Object {
+                    "first": 90.626,
+                    "second": 41.98284254544678,
+                  },
+                  Object {
+                    "first": 100.626,
+                    "second": 41.87284254544678,
+                  },
+                  Object {
+                    "first": 110.626,
+                    "second": 41.77284254544678,
+                  },
+                  Object {
+                    "first": 120.626,
+                    "second": 41.66284254544678,
+                  },
+                  Object {
+                    "first": 130.626,
+                    "second": 41.572842545446775,
+                  },
+                  Object {
+                    "first": 140.626,
+                    "second": 41.49284254544678,
+                  },
+                  Object {
+                    "first": 150.626,
+                    "second": 41.39284254544678,
+                  },
+                  Object {
+                    "first": 161.906,
+                    "second": 41.28284254544678,
+                  },
+                  Object {
+                    "first": 161.90300000000002,
+                    "second": 41.28284254544678,
+                  },
+                  Object {
+                    "first": 171.90300000000002,
+                    "second": 41.19284254544678,
+                  },
+                  Object {
+                    "first": 181.90300000000002,
+                    "second": 41.08284254544678,
+                  },
+                  Object {
+                    "first": 191.90300000000002,
+                    "second": 40.98284254544678,
+                  },
+                  Object {
+                    "first": 201.90300000000002,
+                    "second": 40.902842545446774,
+                  },
+                  Object {
+                    "first": 211.90300000000002,
+                    "second": 40.792842545446774,
+                  },
+                  Object {
+                    "first": 221.90300000000002,
+                    "second": 40.712842545446776,
+                  },
+                  Object {
+                    "first": 231.90300000000002,
+                    "second": 40.62284254544678,
+                  },
+                  Object {
+                    "first": 238.233,
+                    "second": 40.56284254544678,
+                  },
+                  Object {
+                    "first": 238.233,
+                    "second": 40.56284254544678,
+                  },
+                  Object {
+                    "first": 248.233,
+                    "second": 40.50284254544678,
+                  },
+                  Object {
+                    "first": 258.233,
+                    "second": 40.44284254544678,
+                  },
+                  Object {
+                    "first": 268.233,
+                    "second": 40.34284254544678,
+                  },
+                  Object {
+                    "first": 278.233,
+                    "second": 40.25284254544678,
+                  },
+                  Object {
+                    "first": 288.233,
+                    "second": 40.14284254544678,
+                  },
+                  Object {
+                    "first": 298.233,
+                    "second": 40.03284254544678,
+                  },
+                  Object {
+                    "first": 308.233,
+                    "second": 39.95284254544678,
+                  },
+                  Object {
+                    "first": 317.01300000000003,
+                    "second": 39.902842545446774,
+                  },
+                  Object {
+                    "first": 317.009,
+                    "second": 39.902842545446774,
+                  },
+                  Object {
+                    "first": 327.009,
+                    "second": 39.86284254544678,
+                  },
+                  Object {
+                    "first": 337.009,
+                    "second": 39.91284254544678,
+                  },
+                  Object {
+                    "first": 347.009,
+                    "second": 40.072842545446775,
+                  },
+                  Object {
+                    "first": 357.009,
+                    "second": 40.28284254544678,
+                  },
+                  Object {
+                    "first": 367.009,
+                    "second": 40.47284254544678,
+                  },
+                  Object {
+                    "first": 377.009,
+                    "second": 40.66284254544678,
+                  },
+                  Object {
+                    "first": 387.009,
+                    "second": 40.85284254544678,
+                  },
+                  Object {
+                    "first": 399.629,
+                    "second": 41.12284254544678,
+                  },
+                  Object {
+                    "first": 399.62600000000003,
+                    "second": 41.12284254544678,
+                  },
+                  Object {
+                    "first": 409.62600000000003,
+                    "second": 41.35284254544678,
+                  },
+                  Object {
+                    "first": 419.62600000000003,
+                    "second": 41.52284254544678,
+                  },
+                  Object {
+                    "first": 429.62600000000003,
+                    "second": 41.712842545446776,
+                  },
+                  Object {
+                    "first": 439.62600000000003,
+                    "second": 41.94284254544678,
+                  },
+                  Object {
+                    "first": 449.62600000000003,
+                    "second": 42.19284254544678,
+                  },
+                  Object {
+                    "first": 459.62600000000003,
+                    "second": 42.45284254544678,
+                  },
+                  Object {
+                    "first": 469.62600000000003,
+                    "second": 42.70284254544678,
+                  },
+                  Object {
+                    "first": 479.80600000000004,
+                    "second": 42.902842545446774,
+                  },
+                  Object {
+                    "first": 479.80100000000004,
+                    "second": 42.902842545446774,
+                  },
+                  Object {
+                    "first": 489.80100000000004,
+                    "second": 42.962842545446776,
+                  },
+                  Object {
+                    "first": 499.80100000000004,
+                    "second": 42.86284254544678,
+                  },
+                  Object {
+                    "first": 514.7710000000001,
+                    "second": 42.63284254544678,
+                  },
+                  Object {
+                    "first": 514.773,
+                    "second": 42.63284254544678,
+                  },
+                  Object {
+                    "first": 524.773,
+                    "second": 42.48284254544678,
+                  },
+                  Object {
+                    "first": 534.773,
+                    "second": 42.42284254544678,
+                  },
+                  Object {
+                    "first": 544.773,
+                    "second": 42.50284254544678,
+                  },
+                  Object {
+                    "first": 554.773,
+                    "second": 42.61284254544678,
+                  },
+                  Object {
+                    "first": 559.963,
+                    "second": 42.69284254544678,
+                  },
+                  Object {
+                    "first": 559.966,
+                    "second": 42.69284254544678,
+                  },
+                  Object {
+                    "first": 569.966,
+                    "second": 42.81284254544678,
+                  },
+                  Object {
+                    "first": 579.966,
                     "second": 42.962842545446776,
                   },
                   Object {
@@ -24544,7 +26659,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -29736,7 +31851,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Hide Driving Directions 2`] =
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -34104,7 +36219,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -38609,7 +40724,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -41378,7 +43493,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -44831,7 +46946,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Otp 24 Itinerary 2`] = `
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -48933,564 +51048,3581 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
                 "streetName": "SW Cedar Hills Blvd",
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 774.5189999999999,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 94.27284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 94.21284254544678,
-                  },
-                  Object {
-                    "first": 18.26,
-                    "second": 94.17284254544678,
-                  },
-                  Object {
-                    "first": 18.257,
-                    "second": 94.17284254544678,
-                  },
-                  Object {
-                    "first": 28.257,
-                    "second": 94.05284254544678,
-                  },
-                  Object {
-                    "first": 38.257000000000005,
-                    "second": 94.03284254544678,
-                  },
-                  Object {
-                    "first": 48.257000000000005,
-                    "second": 93.95284254544679,
-                  },
-                  Object {
-                    "first": 58.257000000000005,
-                    "second": 93.84284254544677,
-                  },
-                  Object {
-                    "first": 73.247,
-                    "second": 93.71284254544678,
-                  },
-                  Object {
-                    "first": 73.247,
-                    "second": 93.71284254544678,
-                  },
-                  Object {
-                    "first": 83.247,
-                    "second": 93.60284254544678,
-                  },
-                  Object {
-                    "first": 93.247,
-                    "second": 93.52284254544678,
-                  },
-                  Object {
-                    "first": 100.17699999999999,
-                    "second": 93.47284254544678,
-                  },
-                  Object {
-                    "first": 100.176,
-                    "second": 93.47284254544678,
-                  },
-                  Object {
-                    "first": 114.416,
-                    "second": 93.33284254544678,
-                  },
-                  Object {
-                    "first": 114.412,
-                    "second": 93.33284254544678,
-                  },
-                  Object {
-                    "first": 124.412,
-                    "second": 93.21284254544678,
-                  },
-                  Object {
-                    "first": 134.412,
-                    "second": 93.09284254544677,
-                  },
-                  Object {
-                    "first": 144.412,
-                    "second": 93.00284254544678,
-                  },
-                  Object {
-                    "first": 154.412,
-                    "second": 92.89284254544678,
-                  },
-                  Object {
-                    "first": 164.412,
-                    "second": 92.76284254544677,
-                  },
-                  Object {
-                    "first": 174.412,
-                    "second": 92.61284254544678,
-                  },
-                  Object {
-                    "first": 184.412,
-                    "second": 92.50284254544678,
-                  },
-                  Object {
-                    "first": 194.782,
-                    "second": 92.48284254544677,
-                  },
-                  Object {
-                    "first": 235.01,
-                    "second": 92.02284254544678,
-                  },
-                  Object {
-                    "first": 248.91,
-                    "second": 91.91284254544678,
-                  },
-                  Object {
-                    "first": 248.914,
-                    "second": 91.91284254544678,
-                  },
-                  Object {
-                    "first": 258.914,
-                    "second": 91.81284254544678,
-                  },
-                  Object {
-                    "first": 268.914,
-                    "second": 91.74284254544678,
-                  },
-                  Object {
-                    "first": 278.914,
-                    "second": 91.62284254544677,
-                  },
-                  Object {
-                    "first": 288.914,
-                    "second": 91.54284254544677,
-                  },
-                  Object {
-                    "first": 298.094,
-                    "second": 91.45284254544679,
-                  },
-                  Object {
-                    "first": 298.09,
-                    "second": 91.45284254544679,
-                  },
-                  Object {
-                    "first": 308.09,
-                    "second": 91.35284254544678,
-                  },
-                  Object {
-                    "first": 318.09,
-                    "second": 91.25284254544678,
-                  },
-                  Object {
-                    "first": 325.19,
-                    "second": 91.16284254544678,
-                  },
-                  Object {
-                    "first": 325.18899999999996,
-                    "second": 91.16284254544678,
-                  },
-                  Object {
-                    "first": 335.18899999999996,
-                    "second": 91.05284254544678,
-                  },
-                  Object {
-                    "first": 345.18899999999996,
-                    "second": 90.96284254544678,
-                  },
-                  Object {
-                    "first": 355.18899999999996,
-                    "second": 90.85284254544678,
-                  },
-                  Object {
-                    "first": 365.18899999999996,
-                    "second": 90.72284254544678,
-                  },
-                  Object {
-                    "first": 375.18899999999996,
-                    "second": 90.58284254544678,
-                  },
-                  Object {
-                    "first": 385.18899999999996,
-                    "second": 90.47284254544678,
-                  },
-                  Object {
-                    "first": 390.679,
-                    "second": 90.41284254544678,
-                  },
-                  Object {
-                    "first": 435.15199999999993,
-                    "second": 89.99284254544678,
-                  },
-                  Object {
-                    "first": 445.15199999999993,
-                    "second": 89.95284254544679,
-                  },
-                  Object {
-                    "first": 455.15199999999993,
-                    "second": 89.98284254544677,
-                  },
-                  Object {
-                    "first": 465.15199999999993,
-                    "second": 90.02284254544678,
-                  },
-                  Object {
-                    "first": 475.15199999999993,
-                    "second": 90.14284254544678,
-                  },
-                  Object {
-                    "first": 483.69199999999995,
-                    "second": 90.31284254544678,
-                  },
-                  Object {
-                    "first": 483.6869999999999,
-                    "second": 90.31284254544678,
-                  },
-                  Object {
-                    "first": 493.6869999999999,
-                    "second": 90.57284254544678,
-                  },
-                  Object {
-                    "first": 503.6869999999999,
-                    "second": 90.90284254544677,
-                  },
-                  Object {
-                    "first": 513.6869999999999,
-                    "second": 91.29284254544677,
-                  },
-                  Object {
-                    "first": 523.6869999999999,
-                    "second": 91.76284254544677,
-                  },
-                  Object {
-                    "first": 533.6869999999999,
-                    "second": 92.27284254544678,
-                  },
-                  Object {
-                    "first": 543.6869999999999,
-                    "second": 92.79284254544677,
-                  },
-                  Object {
-                    "first": 553.6869999999999,
-                    "second": 93.36284254544678,
-                  },
-                  Object {
-                    "first": 563.6869999999999,
-                    "second": 93.99284254544678,
-                  },
-                  Object {
-                    "first": 573.6869999999999,
-                    "second": 94.62284254544677,
-                  },
-                  Object {
-                    "first": 587.5269999999999,
-                    "second": 95.65284254544677,
-                  },
-                  Object {
-                    "first": 587.5419999999999,
-                    "second": 95.65284254544677,
-                  },
-                  Object {
-                    "first": 597.5419999999999,
-                    "second": 96.35284254544678,
-                  },
-                  Object {
-                    "first": 607.5419999999999,
-                    "second": 97.01284254544677,
-                  },
-                  Object {
-                    "first": 617.5419999999999,
-                    "second": 97.86284254544678,
-                  },
-                  Object {
-                    "first": 627.5419999999999,
-                    "second": 98.59284254544677,
-                  },
-                  Object {
-                    "first": 637.5419999999999,
-                    "second": 99.25284254544678,
-                  },
-                  Object {
-                    "first": 647.5419999999999,
-                    "second": 99.97284254544678,
-                  },
-                  Object {
-                    "first": 657.5419999999999,
-                    "second": 100.84284254544677,
-                  },
-                  Object {
-                    "first": 667.5419999999999,
-                    "second": 101.61284254544678,
-                  },
-                  Object {
-                    "first": 677.5419999999999,
-                    "second": 102.34284254544677,
-                  },
-                  Object {
-                    "first": 687.5419999999999,
-                    "second": 103.03284254544678,
-                  },
-                  Object {
-                    "first": 697.5419999999999,
-                    "second": 103.71284254544678,
-                  },
-                  Object {
-                    "first": 707.5419999999999,
-                    "second": 104.39284254544678,
-                  },
-                  Object {
-                    "first": 717.5419999999999,
-                    "second": 105.12284254544677,
-                  },
-                  Object {
-                    "first": 729.9519999999999,
-                    "second": 106.04284254544677,
-                  },
-                  Object {
-                    "first": 729.9499999999999,
-                    "second": 106.04284254544677,
-                  },
-                  Object {
-                    "first": 739.9499999999999,
-                    "second": 106.80284254544678,
-                  },
-                  Object {
-                    "first": 749.9499999999999,
-                    "second": 107.46284254544678,
-                  },
-                  Object {
-                    "first": 759.9499999999999,
-                    "second": 108.24284254544678,
-                  },
-                  Object {
-                    "first": 774.52,
-                    "second": 109.32284254544678,
-                  },
-                ],
-                "lat": 45.5163189,
-                "lon": -122.7922059,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Barnes Rd",
-              },
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 774.5189999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 94.27284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 94.21284254544678,
+                  },
+                  Object {
+                    "first": 18.26,
+                    "second": 94.17284254544678,
+                  },
+                  Object {
+                    "first": 18.257,
+                    "second": 94.17284254544678,
+                  },
+                  Object {
+                    "first": 28.257,
+                    "second": 94.05284254544678,
+                  },
+                  Object {
+                    "first": 38.257000000000005,
+                    "second": 94.03284254544678,
+                  },
+                  Object {
+                    "first": 48.257000000000005,
+                    "second": 93.95284254544679,
+                  },
+                  Object {
+                    "first": 58.257000000000005,
+                    "second": 93.84284254544677,
+                  },
+                  Object {
+                    "first": 73.247,
+                    "second": 93.71284254544678,
+                  },
+                  Object {
+                    "first": 73.247,
+                    "second": 93.71284254544678,
+                  },
+                  Object {
+                    "first": 83.247,
+                    "second": 93.60284254544678,
+                  },
+                  Object {
+                    "first": 93.247,
+                    "second": 93.52284254544678,
+                  },
+                  Object {
+                    "first": 100.17699999999999,
+                    "second": 93.47284254544678,
+                  },
+                  Object {
+                    "first": 100.176,
+                    "second": 93.47284254544678,
+                  },
+                  Object {
+                    "first": 114.416,
+                    "second": 93.33284254544678,
+                  },
+                  Object {
+                    "first": 114.412,
+                    "second": 93.33284254544678,
+                  },
+                  Object {
+                    "first": 124.412,
+                    "second": 93.21284254544678,
+                  },
+                  Object {
+                    "first": 134.412,
+                    "second": 93.09284254544677,
+                  },
+                  Object {
+                    "first": 144.412,
+                    "second": 93.00284254544678,
+                  },
+                  Object {
+                    "first": 154.412,
+                    "second": 92.89284254544678,
+                  },
+                  Object {
+                    "first": 164.412,
+                    "second": 92.76284254544677,
+                  },
+                  Object {
+                    "first": 174.412,
+                    "second": 92.61284254544678,
+                  },
+                  Object {
+                    "first": 184.412,
+                    "second": 92.50284254544678,
+                  },
+                  Object {
+                    "first": 194.782,
+                    "second": 92.48284254544677,
+                  },
+                  Object {
+                    "first": 235.01,
+                    "second": 92.02284254544678,
+                  },
+                  Object {
+                    "first": 248.91,
+                    "second": 91.91284254544678,
+                  },
+                  Object {
+                    "first": 248.914,
+                    "second": 91.91284254544678,
+                  },
+                  Object {
+                    "first": 258.914,
+                    "second": 91.81284254544678,
+                  },
+                  Object {
+                    "first": 268.914,
+                    "second": 91.74284254544678,
+                  },
+                  Object {
+                    "first": 278.914,
+                    "second": 91.62284254544677,
+                  },
+                  Object {
+                    "first": 288.914,
+                    "second": 91.54284254544677,
+                  },
+                  Object {
+                    "first": 298.094,
+                    "second": 91.45284254544679,
+                  },
+                  Object {
+                    "first": 298.09,
+                    "second": 91.45284254544679,
+                  },
+                  Object {
+                    "first": 308.09,
+                    "second": 91.35284254544678,
+                  },
+                  Object {
+                    "first": 318.09,
+                    "second": 91.25284254544678,
+                  },
+                  Object {
+                    "first": 325.19,
+                    "second": 91.16284254544678,
+                  },
+                  Object {
+                    "first": 325.18899999999996,
+                    "second": 91.16284254544678,
+                  },
+                  Object {
+                    "first": 335.18899999999996,
+                    "second": 91.05284254544678,
+                  },
+                  Object {
+                    "first": 345.18899999999996,
+                    "second": 90.96284254544678,
+                  },
+                  Object {
+                    "first": 355.18899999999996,
+                    "second": 90.85284254544678,
+                  },
+                  Object {
+                    "first": 365.18899999999996,
+                    "second": 90.72284254544678,
+                  },
+                  Object {
+                    "first": 375.18899999999996,
+                    "second": 90.58284254544678,
+                  },
+                  Object {
+                    "first": 385.18899999999996,
+                    "second": 90.47284254544678,
+                  },
+                  Object {
+                    "first": 390.679,
+                    "second": 90.41284254544678,
+                  },
+                  Object {
+                    "first": 435.15199999999993,
+                    "second": 89.99284254544678,
+                  },
+                  Object {
+                    "first": 445.15199999999993,
+                    "second": 89.95284254544679,
+                  },
+                  Object {
+                    "first": 455.15199999999993,
+                    "second": 89.98284254544677,
+                  },
+                  Object {
+                    "first": 465.15199999999993,
+                    "second": 90.02284254544678,
+                  },
+                  Object {
+                    "first": 475.15199999999993,
+                    "second": 90.14284254544678,
+                  },
+                  Object {
+                    "first": 483.69199999999995,
+                    "second": 90.31284254544678,
+                  },
+                  Object {
+                    "first": 483.6869999999999,
+                    "second": 90.31284254544678,
+                  },
+                  Object {
+                    "first": 493.6869999999999,
+                    "second": 90.57284254544678,
+                  },
+                  Object {
+                    "first": 503.6869999999999,
+                    "second": 90.90284254544677,
+                  },
+                  Object {
+                    "first": 513.6869999999999,
+                    "second": 91.29284254544677,
+                  },
+                  Object {
+                    "first": 523.6869999999999,
+                    "second": 91.76284254544677,
+                  },
+                  Object {
+                    "first": 533.6869999999999,
+                    "second": 92.27284254544678,
+                  },
+                  Object {
+                    "first": 543.6869999999999,
+                    "second": 92.79284254544677,
+                  },
+                  Object {
+                    "first": 553.6869999999999,
+                    "second": 93.36284254544678,
+                  },
+                  Object {
+                    "first": 563.6869999999999,
+                    "second": 93.99284254544678,
+                  },
+                  Object {
+                    "first": 573.6869999999999,
+                    "second": 94.62284254544677,
+                  },
+                  Object {
+                    "first": 587.5269999999999,
+                    "second": 95.65284254544677,
+                  },
+                  Object {
+                    "first": 587.5419999999999,
+                    "second": 95.65284254544677,
+                  },
+                  Object {
+                    "first": 597.5419999999999,
+                    "second": 96.35284254544678,
+                  },
+                  Object {
+                    "first": 607.5419999999999,
+                    "second": 97.01284254544677,
+                  },
+                  Object {
+                    "first": 617.5419999999999,
+                    "second": 97.86284254544678,
+                  },
+                  Object {
+                    "first": 627.5419999999999,
+                    "second": 98.59284254544677,
+                  },
+                  Object {
+                    "first": 637.5419999999999,
+                    "second": 99.25284254544678,
+                  },
+                  Object {
+                    "first": 647.5419999999999,
+                    "second": 99.97284254544678,
+                  },
+                  Object {
+                    "first": 657.5419999999999,
+                    "second": 100.84284254544677,
+                  },
+                  Object {
+                    "first": 667.5419999999999,
+                    "second": 101.61284254544678,
+                  },
+                  Object {
+                    "first": 677.5419999999999,
+                    "second": 102.34284254544677,
+                  },
+                  Object {
+                    "first": 687.5419999999999,
+                    "second": 103.03284254544678,
+                  },
+                  Object {
+                    "first": 697.5419999999999,
+                    "second": 103.71284254544678,
+                  },
+                  Object {
+                    "first": 707.5419999999999,
+                    "second": 104.39284254544678,
+                  },
+                  Object {
+                    "first": 717.5419999999999,
+                    "second": 105.12284254544677,
+                  },
+                  Object {
+                    "first": 729.9519999999999,
+                    "second": 106.04284254544677,
+                  },
+                  Object {
+                    "first": 729.9499999999999,
+                    "second": 106.04284254544677,
+                  },
+                  Object {
+                    "first": 739.9499999999999,
+                    "second": 106.80284254544678,
+                  },
+                  Object {
+                    "first": 749.9499999999999,
+                    "second": 107.46284254544678,
+                  },
+                  Object {
+                    "first": 759.9499999999999,
+                    "second": 108.24284254544678,
+                  },
+                  Object {
+                    "first": 774.52,
+                    "second": 109.32284254544678,
+                  },
+                ],
+                "lat": 45.5163189,
+                "lon": -122.7922059,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW Barnes Rd",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 311.94,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 109.32284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 109.10284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 108.87284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 108.82284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 109.06284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 109.01284254544677,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 109.22284254544678,
+                  },
+                  Object {
+                    "first": 68.93,
+                    "second": 109.91284254544678,
+                  },
+                  Object {
+                    "first": 68.929,
+                    "second": 109.91284254544678,
+                  },
+                  Object {
+                    "first": 78.929,
+                    "second": 110.67284254544678,
+                  },
+                  Object {
+                    "first": 88.929,
+                    "second": 111.06284254544678,
+                  },
+                  Object {
+                    "first": 98.929,
+                    "second": 112.14284254544678,
+                  },
+                  Object {
+                    "first": 108.929,
+                    "second": 112.73284254544677,
+                  },
+                  Object {
+                    "first": 118.929,
+                    "second": 113.51284254544677,
+                  },
+                  Object {
+                    "first": 128.929,
+                    "second": 114.32284254544678,
+                  },
+                  Object {
+                    "first": 138.929,
+                    "second": 115.02284254544678,
+                  },
+                  Object {
+                    "first": 148.929,
+                    "second": 115.71284254544678,
+                  },
+                  Object {
+                    "first": 158.929,
+                    "second": 116.67284254544678,
+                  },
+                  Object {
+                    "first": 168.929,
+                    "second": 117.28284254544678,
+                  },
+                  Object {
+                    "first": 178.929,
+                    "second": 118.00284254544678,
+                  },
+                  Object {
+                    "first": 188.249,
+                    "second": 118.66284254544678,
+                  },
+                  Object {
+                    "first": 188.25799999999998,
+                    "second": 118.66284254544678,
+                  },
+                  Object {
+                    "first": 198.25799999999998,
+                    "second": 119.40284254544677,
+                  },
+                  Object {
+                    "first": 208.25799999999998,
+                    "second": 119.94284254544678,
+                  },
+                  Object {
+                    "first": 218.25799999999998,
+                    "second": 120.58284254544678,
+                  },
+                  Object {
+                    "first": 228.25799999999998,
+                    "second": 121.12284254544677,
+                  },
+                  Object {
+                    "first": 238.25799999999998,
+                    "second": 121.50284254544678,
+                  },
+                  Object {
+                    "first": 248.25799999999998,
+                    "second": 121.56284254544678,
+                  },
+                  Object {
+                    "first": 258.258,
+                    "second": 121.97284254544678,
+                  },
+                  Object {
+                    "first": 270.038,
+                    "second": 122.00284254544678,
+                  },
+                  Object {
+                    "first": 270.039,
+                    "second": 122.00284254544678,
+                  },
+                  Object {
+                    "first": 281.539,
+                    "second": 122.26284254544677,
+                  },
+                  Object {
+                    "first": 281.536,
+                    "second": 122.26284254544677,
+                  },
+                  Object {
+                    "first": 288.896,
+                    "second": 122.19284254544678,
+                  },
+                  Object {
+                    "first": 288.896,
+                    "second": 122.19284254544678,
+                  },
+                  Object {
+                    "first": 297.966,
+                    "second": 122.48284254544677,
+                  },
+                  Object {
+                    "first": 297.962,
+                    "second": 122.48284254544677,
+                  },
+                  Object {
+                    "first": 311.942,
+                    "second": 123.00284254544678,
+                  },
+                ],
+                "lat": 45.5125719,
+                "lon": -122.7845438,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 23.106,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 123.00284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 123.17284254544678,
+                  },
+                  Object {
+                    "first": 23.11,
+                    "second": 123.45284254544679,
+                  },
+                ],
+                "lat": 45.5107701,
+                "lon": -122.7832351,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Sunset TC",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 129.87800000000001,
+            "duration": 211,
+            "endTime": 1573689944000,
+            "from": Object {
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 9,
+              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689733000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 4.916,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.81284254544678,
+                  },
+                  Object {
+                    "first": 4.92,
+                    "second": 124.83284254544678,
+                  },
+                ],
+                "lat": 45.5102908,
+                "lon": -122.7818368,
+                "relativeDirection": "SLIGHTLY_RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 70.646,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.83284254544678,
+                  },
+                  Object {
+                    "first": 14.73,
+                    "second": 124.88284254544678,
+                  },
+                  Object {
+                    "first": 14.733,
+                    "second": 124.88284254544678,
+                  },
+                  Object {
+                    "first": 22.733,
+                    "second": 125.10284254544678,
+                  },
+                  Object {
+                    "first": 22.735,
+                    "second": 125.10284254544678,
+                  },
+                  Object {
+                    "first": 30.744999999999997,
+                    "second": 125.01284254544677,
+                  },
+                  Object {
+                    "first": 30.747,
+                    "second": 125.01284254544677,
+                  },
+                  Object {
+                    "first": 40.747,
+                    "second": 124.40284254544677,
+                  },
+                  Object {
+                    "first": 50.697,
+                    "second": 124.84284254544677,
+                  },
+                ],
+                "lat": 45.5102601,
+                "lon": -122.7817914,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "steps",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 5.759,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.84284254544677,
+                  },
+                  Object {
+                    "first": 5.76,
+                    "second": 123.03284254544678,
+                  },
+                ],
+                "lat": 45.5102506,
+                "lon": -122.7813456,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 48.557,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 123.03284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 122.86284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 123.26284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 122.91284254544678,
+                  },
+                  Object {
+                    "first": 43.81,
+                    "second": 124.38284254544678,
+                  },
+                ],
+                "lat": 45.5102967,
+                "lon": -122.7813119,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Sunset TC (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "9969",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 9135.118140577872,
+            "duration": 1280,
+            "endTime": 1573691225000,
+            "from": Object {
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "2600",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "headsign": "Gresham",
+            "interStopGeometry": Array [
+              Object {
+                "length": 114,
+                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
+              },
+              Object {
+                "length": 63,
+                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
+              },
+              Object {
+                "length": 27,
+                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
+              },
+              Object {
+                "length": 19,
+                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
+              },
+              Object {
+                "length": 32,
+                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
+              },
+              Object {
+                "length": 10,
+                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
+              },
+              Object {
+                "length": 8,
+                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
+              },
+              Object {
+                "length": 22,
+                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+              },
+              Object {
+                "length": 23,
+                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573690230000,
+                "departure": 1573690255000,
+                "lat": 45.510653,
+                "lon": -122.71634,
+                "name": "Washington Park MAX Station",
+                "stopCode": "10120",
+                "stopId": "TriMet:10120",
+                "stopIndex": 16,
+                "stopSequence": 17,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690480000,
+                "departure": 1573690515000,
+                "lat": 45.517989,
+                "lon": -122.693544,
+                "name": "Goose Hollow/SW Jefferson St MAX Station",
+                "stopCode": "10118",
+                "stopId": "TriMet:10118",
+                "stopIndex": 17,
+                "stopSequence": 18,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690590000,
+                "departure": 1573690610000,
+                "lat": 45.520592,
+                "lon": -122.691005,
+                "name": "Kings Hill/SW Salmon St MAX Station",
+                "stopCode": "9759",
+                "stopId": "TriMet:9759",
+                "stopIndex": 18,
+                "stopSequence": 19,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690660000,
+                "departure": 1573690690000,
+                "lat": 45.521321,
+                "lon": -122.689886,
+                "name": "Providence Park MAX Station",
+                "stopCode": "9758",
+                "stopId": "TriMet:9758",
+                "stopIndex": 19,
+                "stopSequence": 20,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690835000,
+                "departure": 1573690870000,
+                "lat": 45.51916,
+                "lon": -122.68162,
+                "name": "Library/SW 9th Ave MAX Station",
+                "stopCode": "8333",
+                "stopId": "TriMet:8333",
+                "stopIndex": 20,
+                "stopSequence": 21,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690930000,
+                "departure": 1573690975000,
+                "lat": 45.518496,
+                "lon": -122.679145,
+                "name": "Pioneer Square South MAX Station",
+                "stopCode": "8334",
+                "stopId": "TriMet:8334",
+                "stopIndex": 21,
+                "stopSequence": 22,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691015000,
+                "departure": 1573691060000,
+                "lat": 45.517942,
+                "lon": -122.677088,
+                "name": "Mall/SW 4th Ave MAX Station",
+                "stopCode": "8335",
+                "stopId": "TriMet:8335",
+                "stopIndex": 22,
+                "stopSequence": 23,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691115000,
+                "departure": 1573691145000,
+                "lat": 45.517153,
+                "lon": -122.674172,
+                "name": "Yamhill District MAX Station",
+                "stopCode": "8336",
+                "stopId": "TriMet:8336",
+                "stopIndex": 23,
+                "stopSequence": 24,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 310,
+              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+            },
+            "mode": "TRAM",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573689945000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": true,
+            "tripBlockId": "9030",
+            "tripId": "TriMet:9265522",
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 205.33399999999997,
+            "duration": 173,
+            "endTime": 1573691399000,
+            "from": Object {
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 19,
+              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573691226000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 3.95,
+                "elevation": Array [],
+                "lat": 45.52028372216824,
+                "lon": -122.67216050734417,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Oak/SW 1st Ave (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 8.284,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 8.28,
+                    "second": 7.602842545446778,
+                  },
+                ],
+                "lat": 45.5203121,
+                "lon": -122.6721326,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 11.162,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 6.74,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 6.738,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 11.158000000000001,
+                    "second": 7.482842545446779,
+                  },
+                ],
+                "lat": 45.5203813,
+                "lon": -122.6720932,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Oak St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 79.148,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.482842545446779,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 7.492842545446779,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 7.522842545446778,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 7.552842545446778,
+                  },
+                  Object {
+                    "first": 79.15,
+                    "second": 7.542842545446778,
+                  },
+                ],
+                "lat": 45.5204174,
+                "lon": -122.6722269,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW 1st Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 102.78999999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.542842545446778,
+                  },
+                  Object {
+                    "first": 11.54,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 11.536,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 26.286,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 36.285,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 57.864999999999995,
+                    "second": 7.762842545446778,
+                  },
+                  Object {
+                    "first": 67.865,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 73.965,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 73.964,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 83.964,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 93.964,
+                    "second": 7.852842545446778,
+                  },
+                  Object {
+                    "first": 102.794,
+                    "second": 7.922842545446779,
+                  },
+                ],
+                "lat": 45.5210839,
+                "lon": -122.6718705,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Pine St",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573691399000,
+              "lat": 45.521469054694954,
+              "lon": -122.67307275796767,
+              "name": "205 SW Pine St, Portland, OR, USA 97204",
+              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1573689007000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 1280,
+        "waitingTime": 122,
+        "walkDistance": 387.15802624199944,
+        "walkLimitExceeded": false,
+        "walkTime": 990,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c65 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c41 {
+  color: #008;
+  margin-left: 5px;
+}
+
+.c41:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c42 {
+  padding-left: 0px;
+}
+
+.c42:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c60 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c47 {
+  font-weight: 200;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c46 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c43 {
+  color: #807373;
+  margin-top: 5px;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 130px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-areas: "time line title" "time line instructions";
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+  grid-area: instructions;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c40 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c63 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c64 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c61 {
+  z-index: 30;
+  position: relative;
+}
+
+.c51 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c55 {
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 5px;
+  margin-top: 0.5em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c55:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c53 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c54 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c52 {
+  float: left;
+  font-size: 18px;
+}
+
+.c50 {
+  display: block;
+  margin-top: 3px;
+  padding: 0;
+}
+
+.c49 {
+  color: #d14727;
+  cursor: auto;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c56 {
+  margin-top: 5px;
+}
+
+.c57 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c59 {
+  font-size: 14px;
+}
+
+.c58 {
+  padding: 0;
+}
+
+.c48 {
+  margin-top: 5px;
+}
+
+.c48 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c48 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c48 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.c1 .c4 {
+  grid-area: line;
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  grid-area: title;
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c62 {
+  margin-left: -23px;
+}
+
+.c1 .c17 {
+  grid-area: time;
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c39 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #084C8D;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        330 SW Murray Blvd, Washington County, OR, USA 97005
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  viewBox="0 0 512 512"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Drive 2.4 miles to 
+              <span
+                className="c25"
+              >
+                P+R Sunset TC
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              10 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTHWEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        parking aisle
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        158 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        150 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.4 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.6 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Cedar Hills Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Barnes Rd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.5 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        76 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        P+R Sunset TC
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:02 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 426 feet to 
+              <span
+                className="c25"
+              >
+                Sunset TC MAX Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              3 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        16 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        steps
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        232 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        159 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper transit"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c39 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Sunset TC MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:05 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details transit"
+    >
+      <div
+        className="c40 transit-leg-subheader"
+      >
+        Stop ID 2600
+        <button
+          className="c26 c41 c42"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c43"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="TRAM"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "TriMet:100",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 66.461 100"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
+                      />
+                      <path
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
+                </span>
+                <span
+                  className="c46"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c47"
+                    >
+                      to
+                    </span>
+                     Gresham
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                Oak/ SW 1st Ave MAX Station
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c48 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <div
+            className="c26 c49 alert-toggle"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
               Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 311.94,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 109.32284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 109.10284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 108.87284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 108.82284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 109.06284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 109.01284254544677,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 109.22284254544678,
-                  },
-                  Object {
-                    "first": 68.93,
-                    "second": 109.91284254544678,
-                  },
-                  Object {
-                    "first": 68.929,
-                    "second": 109.91284254544678,
-                  },
-                  Object {
-                    "first": 78.929,
-                    "second": 110.67284254544678,
-                  },
-                  Object {
-                    "first": 88.929,
-                    "second": 111.06284254544678,
-                  },
-                  Object {
-                    "first": 98.929,
-                    "second": 112.14284254544678,
-                  },
-                  Object {
-                    "first": 108.929,
-                    "second": 112.73284254544677,
-                  },
-                  Object {
-                    "first": 118.929,
-                    "second": 113.51284254544677,
-                  },
-                  Object {
-                    "first": 128.929,
-                    "second": 114.32284254544678,
-                  },
-                  Object {
-                    "first": 138.929,
-                    "second": 115.02284254544678,
-                  },
-                  Object {
-                    "first": 148.929,
-                    "second": 115.71284254544678,
-                  },
-                  Object {
-                    "first": 158.929,
-                    "second": 116.67284254544678,
-                  },
-                  Object {
-                    "first": 168.929,
-                    "second": 117.28284254544678,
-                  },
-                  Object {
-                    "first": 178.929,
-                    "second": 118.00284254544678,
-                  },
-                  Object {
-                    "first": 188.249,
-                    "second": 118.66284254544678,
-                  },
-                  Object {
-                    "first": 188.25799999999998,
-                    "second": 118.66284254544678,
-                  },
-                  Object {
-                    "first": 198.25799999999998,
-                    "second": 119.40284254544677,
-                  },
-                  Object {
-                    "first": 208.25799999999998,
-                    "second": 119.94284254544678,
-                  },
-                  Object {
-                    "first": 218.25799999999998,
-                    "second": 120.58284254544678,
-                  },
-                  Object {
-                    "first": 228.25799999999998,
-                    "second": 121.12284254544677,
-                  },
-                  Object {
-                    "first": 238.25799999999998,
-                    "second": 121.50284254544678,
-                  },
-                  Object {
-                    "first": 248.25799999999998,
-                    "second": 121.56284254544678,
-                  },
-                  Object {
-                    "first": 258.258,
-                    "second": 121.97284254544678,
-                  },
-                  Object {
-                    "first": 270.038,
-                    "second": 122.00284254544678,
-                  },
-                  Object {
-                    "first": 270.039,
-                    "second": 122.00284254544678,
-                  },
-                  Object {
-                    "first": 281.539,
-                    "second": 122.26284254544677,
-                  },
-                  Object {
-                    "first": 281.536,
-                    "second": 122.26284254544677,
-                  },
-                  Object {
-                    "first": 288.896,
-                    "second": 122.19284254544678,
-                  },
-                  Object {
-                    "first": 288.896,
-                    "second": 122.19284254544678,
-                  },
-                  Object {
-                    "first": 297.966,
-                    "second": 122.48284254544677,
-                  },
-                  Object {
-                    "first": 297.962,
-                    "second": 122.48284254544677,
-                  },
-                  Object {
-                    "first": 311.942,
-                    "second": 123.00284254544678,
-                  },
-                ],
-                "lat": 45.5125719,
-                "lon": -122.7845438,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "service road",
-              },
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ul
+                className="c50 alert-body"
+              >
+                <li
+                  className="c51"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c55"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c51"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 3, 2019
+                    <a
+                      className="c55"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            className="c56 transit-leg-details"
+          >
+            <div
+              className="c57"
+            >
+              <button
+                className="c26 c58"
+                onClick={[Function]}
+              >
+                Ride 
+                21 min
+                 / 9 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c26 c41 c42"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c59"
+                >
+                  <ol
+                    className="c60"
+                  >
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Washington Park MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Goose Hollow/SW Jefferson St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Kings Hill/SW Salmon St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Providence Park MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Library/SW 9th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Pioneer Square South MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Mall/SW 4th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Yamhill District MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Oak/ SW 1st Ave MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:27 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c40 transit-leg-subheader"
+      >
+        Stop ID 8337
+        <button
+          className="c26 c41 c42"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 0.1 miles to 
+              <span
+                className="c25"
+              >
+                205 SW Pine St, Portland, OR, USA 97204
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              2 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
               Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 23.106,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 123.00284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 123.17284254544678,
-                  },
-                  Object {
-                    "first": 23.11,
-                    "second": 123.45284254544679,
-                  },
-                ],
-                "lat": 45.5107701,
-                "lon": -122.7832351,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Sunset TC",
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Oak/SW 1st Ave (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        13 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        337 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c65 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        205 SW Pine St, Portland, OR, USA 97204
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:29 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
+    </span>
+    <div
+      className="c20 place-details "
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={true}
+    itinerary={
+      Object {
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 250,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
               },
-            ],
-            "to": Object {
-              "arrival": 1573689613000,
-              "departure": 1573689733000,
-              "lat": 45.51062185,
-              "lon": -122.7823028,
-              "name": "P+R Sunset TC",
-              "vertexType": "NORMAL",
             },
-            "transitLeg": false,
           },
+        },
+        "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 129.87800000000001,
-            "duration": 211,
-            "endTime": 1573689944000,
+            "distance": 81.875,
+            "duration": 71,
+            "endTime": 1573688769000,
             "from": Object {
-              "arrival": 1573689613000,
-              "departure": 1573689733000,
-              "lat": 45.51062185,
-              "lon": -122.7823028,
-              "name": "P+R Sunset TC",
+              "departure": 1573688698000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 9,
-              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -49499,143 +54631,76 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689733000,
+            "startTime": 1573688698000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 4.916,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 124.81284254544678,
-                  },
-                  Object {
-                    "first": 4.92,
-                    "second": 124.83284254544678,
-                  },
-                ],
-                "lat": 45.5102908,
-                "lon": -122.7818368,
-                "relativeDirection": "SLIGHTLY_RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
                 "bogusName": true,
-                "distance": 70.646,
+                "distance": 50.946,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 124.83284254544678,
-                  },
-                  Object {
-                    "first": 14.73,
-                    "second": 124.88284254544678,
-                  },
-                  Object {
-                    "first": 14.733,
-                    "second": 124.88284254544678,
-                  },
-                  Object {
-                    "first": 22.733,
-                    "second": 125.10284254544678,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 22.735,
-                    "second": 125.10284254544678,
+                    "first": 4.82,
+                    "second": 15.222842545446778,
                   },
                   Object {
-                    "first": 30.744999999999997,
-                    "second": 125.01284254544677,
+                    "first": 4.825,
+                    "second": 15.022842545446778,
                   },
                   Object {
-                    "first": 30.747,
-                    "second": 125.01284254544677,
+                    "first": 18.515,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 40.747,
-                    "second": 124.40284254544677,
+                    "first": 18.511,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 50.697,
-                    "second": 124.84284254544677,
+                    "first": 28.511,
+                    "second": 14.342842545446779,
                   },
-                ],
-                "lat": 45.5102601,
-                "lon": -122.7817914,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "steps",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 5.759,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 124.84284254544677,
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
                   },
                   Object {
-                    "first": 5.76,
-                    "second": 123.03284254544678,
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
                   },
                 ],
-                "lat": 45.5102506,
-                "lon": -122.7813456,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
                 "streetName": "path",
               },
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 48.557,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 123.03284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 122.86284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 123.26284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 122.91284254544678,
-                  },
-                  Object {
-                    "first": 43.81,
-                    "second": 124.38284254544678,
-                  },
-                ],
-                "lat": 45.5102967,
-                "lon": -122.7813119,
-                "relativeDirection": "RIGHT",
+                "distance": 30.929,
+                "elevation": Array [],
+                "lat": 45.5191414,
+                "lon": -122.679111,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Sunset TC (path)",
+                "streetName": "Pioneer Sq N (path)",
               },
             ],
             "to": Object {
-              "arrival": 1573689944000,
-              "departure": 1573689945000,
-              "lat": 45.510098,
-              "lon": -122.780757,
-              "name": "Sunset TC MAX Station",
-              "stopCode": "9969",
-              "stopId": "TriMet:9969",
-              "stopIndex": 15,
-              "stopSequence": 16,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
               "zoneId": "R",
             },
@@ -49647,6 +54712,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
             "agencyTimeZoneOffset": -28800000,
             "agencyUrl": "http://trimet.org/",
             "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
               Object {
                 "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
                 "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
@@ -49659,173 +54729,55 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
               },
             ],
             "arrivalDelay": 0,
+            "averageWait": 935,
             "departureDelay": 0,
-            "distance": 9135.118140577872,
-            "duration": 1280,
-            "endTime": 1573691225000,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "from": Object {
-              "arrival": 1573689944000,
-              "departure": 1573689945000,
-              "lat": 45.510098,
-              "lon": -122.780757,
-              "name": "Sunset TC MAX Station",
-              "stopCode": "2600",
-              "stopId": "TriMet:9969",
-              "stopIndex": 15,
-              "stopSequence": 16,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
               "zoneId": "R",
             },
             "hailedCar": false,
-            "headsign": "Gresham",
+            "headsign": "Hillsboro",
             "interStopGeometry": Array [
-              Object {
-                "length": 114,
-                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
-              },
-              Object {
-                "length": 63,
-                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
-              },
-              Object {
-                "length": 27,
-                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
-              },
-              Object {
-                "length": 19,
-                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
-              },
-              Object {
-                "length": 32,
-                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
-              },
               Object {
                 "length": 10,
-                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
-              },
-              Object {
-                "length": 8,
-                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
-              },
-              Object {
-                "length": 22,
-                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               Object {
-                "length": 23,
-                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
               },
             ],
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573690230000,
-                "departure": 1573690255000,
-                "lat": 45.510653,
-                "lon": -122.71634,
-                "name": "Washington Park MAX Station",
-                "stopCode": "10120",
-                "stopId": "TriMet:10120",
-                "stopIndex": 16,
-                "stopSequence": 17,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690480000,
-                "departure": 1573690515000,
-                "lat": 45.517989,
-                "lon": -122.693544,
-                "name": "Goose Hollow/SW Jefferson St MAX Station",
-                "stopCode": "10118",
-                "stopId": "TriMet:10118",
-                "stopIndex": 17,
-                "stopSequence": 18,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690590000,
-                "departure": 1573690610000,
-                "lat": 45.520592,
-                "lon": -122.691005,
-                "name": "Kings Hill/SW Salmon St MAX Station",
-                "stopCode": "9759",
-                "stopId": "TriMet:9759",
-                "stopIndex": 18,
-                "stopSequence": 19,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690660000,
-                "departure": 1573690690000,
-                "lat": 45.521321,
-                "lon": -122.689886,
-                "name": "Providence Park MAX Station",
-                "stopCode": "9758",
-                "stopId": "TriMet:9758",
-                "stopIndex": 19,
-                "stopSequence": 20,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690835000,
-                "departure": 1573690870000,
-                "lat": 45.51916,
-                "lon": -122.68162,
-                "name": "Library/SW 9th Ave MAX Station",
-                "stopCode": "8333",
-                "stopId": "TriMet:8333",
-                "stopIndex": 20,
-                "stopSequence": 21,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690930000,
-                "departure": 1573690975000,
-                "lat": 45.518496,
-                "lon": -122.679145,
-                "name": "Pioneer Square South MAX Station",
-                "stopCode": "8334",
-                "stopId": "TriMet:8334",
-                "stopIndex": 21,
-                "stopSequence": 22,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573691015000,
-                "departure": 1573691060000,
-                "lat": 45.517942,
-                "lon": -122.677088,
-                "name": "Mall/SW 4th Ave MAX Station",
-                "stopCode": "8335",
-                "stopId": "TriMet:8335",
-                "stopIndex": 22,
-                "stopSequence": 23,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
+            "intermediateStops": Array [
               Object {
-                "arrival": 1573691115000,
-                "departure": 1573691145000,
-                "lat": 45.517153,
-                "lon": -122.674172,
-                "name": "Yamhill District MAX Station",
-                "stopCode": "8336",
-                "stopId": "TriMet:8336",
-                "stopIndex": 23,
-                "stopSequence": 24,
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
                 "vertexType": "TRANSIT",
                 "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 310,
-              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
             },
             "mode": "TRAM",
             "pathway": false,
@@ -49840,42 +54792,42 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
             "routeTextColor": "FFFFFF",
             "routeType": 0,
             "serviceDate": "20191113",
-            "startTime": 1573689945000,
+            "startTime": 1573688770000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573691225000,
-              "departure": 1573691226000,
-              "lat": 45.52028,
-              "lon": -122.672146,
-              "name": "Oak/ SW 1st Ave MAX Station",
-              "stopCode": "8337",
-              "stopId": "TriMet:8337",
-              "stopIndex": 24,
-              "stopSequence": 25,
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
               "zoneId": "R",
             },
             "transitLeg": true,
-            "tripBlockId": "9030",
-            "tripId": "TriMet:9265522",
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
           },
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 205.33399999999997,
-            "duration": 173,
-            "endTime": 1573691399000,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
             "from": Object {
-              "arrival": 1573691225000,
-              "departure": 1573691226000,
-              "lat": 45.52028,
-              "lon": -122.672146,
-              "name": "Oak/ SW 1st Ave MAX Station",
-              "stopCode": "8337",
-              "stopId": "TriMet:8337",
-              "stopIndex": 24,
-              "stopSequence": 25,
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
               "zoneId": "R",
             },
@@ -49883,8 +54835,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 19,
-              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -49893,219 +54845,126 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] =
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573691226000,
+            "startTime": 1573688986000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHEAST",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 3.95,
+                "distance": 5.864,
                 "elevation": Array [],
-                "lat": 45.52028372216824,
-                "lon": -122.67216050734417,
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Oak/SW 1st Ave (path)",
+                "streetName": "Providence Park (path)",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 8.284,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 7.512842545446778,
-                  },
-                  Object {
-                    "first": 8.28,
-                    "second": 7.602842545446778,
-                  },
-                ],
-                "lat": 45.5203121,
-                "lon": -122.6721326,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 11.162,
+                "distance": 31.715,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 7.602842545446778,
+                    "second": 30.57284254544678,
                   },
                   Object {
-                    "first": 6.74,
-                    "second": 7.532842545446778,
+                    "first": 10,
+                    "second": 30.18284254544678,
                   },
                   Object {
-                    "first": 6.738,
-                    "second": 7.532842545446778,
+                    "first": 20,
+                    "second": 29.712842545446776,
                   },
                   Object {
-                    "first": 11.158000000000001,
-                    "second": 7.482842545446779,
+                    "first": 31.72,
+                    "second": 29.33284254544678,
                   },
                 ],
-                "lat": 45.5203813,
-                "lon": -122.6720932,
-                "relativeDirection": "LEFT",
+                "lat": 45.5218184,
+                "lon": -122.6898884,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SW Oak St",
+                "streetName": "path",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 79.148,
+                "bogusName": true,
+                "distance": 8.242,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 7.482842545446779,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 7.512842545446778,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 7.532842545446778,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 7.492842545446779,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 7.522842545446778,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 7.512842545446778,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 7.602842545446778,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 7.552842545446778,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 79.15,
-                    "second": 7.542842545446778,
+                    "first": 8.24,
+                    "second": 29.05284254544678,
                   },
                 ],
-                "lat": 45.5204174,
-                "lon": -122.6722269,
+                "lat": 45.52206,
+                "lon": -122.6900696,
                 "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW 1st Ave",
+                "stayOn": true,
+                "streetName": "path",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 102.78999999999999,
+                "distance": 30.15,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 7.542842545446778,
-                  },
-                  Object {
-                    "first": 11.54,
-                    "second": 7.682842545446778,
-                  },
-                  Object {
-                    "first": 11.536,
-                    "second": 7.682842545446778,
-                  },
-                  Object {
-                    "first": 26.286,
-                    "second": 7.742842545446779,
-                  },
-                  Object {
-                    "first": 26.285,
-                    "second": 7.742842545446779,
-                  },
-                  Object {
-                    "first": 36.285,
-                    "second": 7.702842545446778,
-                  },
-                  Object {
-                    "first": 47.864999999999995,
-                    "second": 7.742842545446779,
-                  },
-                  Object {
-                    "first": 47.864999999999995,
-                    "second": 7.742842545446779,
-                  },
-                  Object {
-                    "first": 57.864999999999995,
-                    "second": 7.762842545446778,
-                  },
-                  Object {
-                    "first": 67.865,
-                    "second": 7.702842545446778,
-                  },
-                  Object {
-                    "first": 73.965,
-                    "second": 7.8428425454467785,
-                  },
-                  Object {
-                    "first": 73.964,
-                    "second": 7.8428425454467785,
+                    "second": 29.05284254544678,
                   },
                   Object {
-                    "first": 83.964,
-                    "second": 7.742842545446779,
+                    "first": 10,
+                    "second": 29.16284254544678,
                   },
                   Object {
-                    "first": 93.964,
-                    "second": 7.852842545446778,
+                    "first": 20,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 102.794,
-                    "second": 7.922842545446779,
+                    "first": 30.15,
+                    "second": 29.532842545446776,
                   },
                 ],
-                "lat": 45.5210839,
-                "lon": -122.6718705,
-                "relativeDirection": "LEFT",
+                "lat": 45.52213,
+                "lon": -122.6900348,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SW Pine St",
+                "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "arrival": 1573691399000,
-              "lat": 45.521469054694954,
-              "lon": -122.67307275796767,
-              "name": "205 SW Pine St, Portland, OR, USA 97204",
-              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "arrival": 1573689055000,
+              "lat": 45.522170898252,
+              "lon": -122.68959868692157,
+              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573689007000,
+        "startTime": 1573688698000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 1280,
-        "waitingTime": 122,
-        "walkDistance": 387.15802624199944,
+        "transitTime": 215,
+        "waitingTime": 2,
+        "walkDistance": 157.97398507143885,
         "walkLimitExceeded": false,
-        "walkTime": 990,
+        "walkTime": 140,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -50116,7 +54975,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   color: #333;
 }
 
-.c65 {
+.c64 {
   color: #f44256;
 }
 
@@ -50130,21 +54989,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   text-decoration: none;
 }
 
-.c41 {
+.c40 {
   color: #008;
   margin-left: 5px;
 }
 
-.c41:hover {
+.c40:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c42 {
+.c41 {
   padding-left: 0px;
 }
 
-.c42:before {
+.c41:before {
   content: "|";
   color: black;
   margin-right: 5px;
@@ -50155,7 +55014,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   margin: 0 0.125em;
 }
 
-.c60 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -50207,7 +55066,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   width: 0;
 }
 
-.c47 {
+.c46 {
   font-weight: 200;
 }
 
@@ -50215,17 +55074,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   font-weight: inherit;
 }
 
-.c46 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c45 {
+.c44 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c43 {
+.c42 {
   color: #807373;
   margin-top: 5px;
 }
@@ -50252,7 +55111,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -50299,7 +55158,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   padding: 3px 0 10px 0;
 }
 
-.c40 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -50381,23 +55240,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   padding-left: 1ch;
 }
 
-.c63 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c64 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c61 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c51 {
+.c50 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -50408,7 +55267,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   text-decoration: none;
 }
 
-.c55 {
+.c54 {
   -webkit-align-items: baseline;
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
@@ -50423,49 +55282,49 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   text-decoration: none;
 }
 
-.c55:hover {
+.c54:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c53 {
+.c52 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c54 {
+.c53 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c52 {
+.c51 {
   float: left;
   font-size: 18px;
 }
 
-.c50 {
+.c49 {
   display: block;
   margin-top: 3px;
   padding: 0;
 }
 
-.c49 {
+.c48 {
   color: #d14727;
-  cursor: auto;
+  cursor: cursor;
   display: inline-block;
   font-weight: 400;
   margin-top: 8px;
   padding: 0;
 }
 
-.c56 {
+.c55 {
   margin-top: 5px;
 }
 
-.c57 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -50473,30 +55332,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   display: flex;
 }
 
-.c59 {
+.c58 {
   font-size: 14px;
 }
 
-.c58 {
+.c57 {
   padding: 0;
 }
 
-.c48 {
+.c47 {
   margin-top: 5px;
 }
 
-.c48 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c48 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c48 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -50510,7 +55369,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   font-family: Hind,sans-serif;
 }
 
-.c1 .c44 {
+.c1 .c43 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -50556,7 +55415,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   width: 100%;
 }
 
-.c1 .c62 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -50580,16 +55439,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
 }
 
 .c6 {
-  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -50602,7 +55451,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   z-index: 10;
 }
 
-.c39 {
+.c38 {
   background-color: gray;
   left: 5px;
   right: 5px;
@@ -50687,518 +55536,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        330 SW Murray Blvd, Washington County, OR, USA 97005
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:50 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  viewBox="0 0 512 512"
-                  width="100%"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Drive 2.4 miles to 
-              <span
-                className="c25"
-              >
-                P+R Sunset TC
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              10 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      SOUTHWEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        parking aisle
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        158 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        150 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      SLIGHTLY_RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.4 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.6 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.3 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Cedar Hills Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Barnes Rd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.5 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Sunset TC
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        76 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="#888"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        P+R Sunset TC
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:02 PM
+      3:44 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -51254,11 +55598,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                - 
             </span>
             <span>
-              Walk 426 feet to 
+              Walk 269 feet to 
               <span
                 className="c25"
               >
-                Sunset TC MAX Station
+                Pioneer Square North MAX Station
               </span>
             </span>
             <button
@@ -51284,7 +55628,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               className="c26 c30"
               onClick={[Function]}
             >
-              3 min
+              1 min
               <span
                 className="c31"
               >
@@ -51338,7 +55682,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -51346,7 +55690,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      SLIGHTLY_RIGHT
+                      Head 
+                      NORTHWEST
                        on 
                       <span
                         className="c36"
@@ -51356,40 +55701,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c37"
                       >
-                        16 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        steps
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        232 feet
+                        167 feet
                       </span>
                     </span>
                   </div>
@@ -51417,45 +55729,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Sunset TC (path)
+                        Pioneer Sq N (path)
                       </span>
                       <span
                         className="c37"
                       >
-                        159 feet
+                        101 feet
                       </span>
                     </span>
                   </div>
@@ -51474,7 +55753,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
       className="c4 c5"
     >
       <div
-        className="c39 leg-line"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -51520,13 +55799,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        Sunset TC MAX Station
+        Pioneer Square North MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:05 PM
+      3:46 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -51537,11 +55816,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
       className="c20 place-details transit"
     >
       <div
-        className="c40 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 2600
+        Stop ID 8383
         <button
-          className="c26 c41 c42"
+          className="c26 c40 c41"
           onClick={[Function]}
           role="link"
         >
@@ -51565,7 +55844,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                 Ride
               </span>
               <span
-                className="c22 c43"
+                className="c22 c42"
               >
                 <span
                   className="c23"
@@ -51600,22 +55879,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     </svg>
                   </span>
                   <span
-                    className="c44 c45"
+                    className="c43 c44"
                   >
                     MAX Blue Line
                   </span>
                 </span>
                 <span
-                  className="c46"
+                  className="c45"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c47"
+                      className="c46"
                     >
                       to
                     </span>
-                     Gresham
+                     Hillsboro
                   </span>
                 </span>
               </span>
@@ -51624,7 +55903,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               >
                  - 
                 Disembark at 
-                Oak/ SW 1st Ave MAX Station
+                Providence Park MAX Station
               </span>
             </span>
             <button
@@ -51645,7 +55924,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
           role="group"
         >
           <div
-            className="c48 agency-info"
+            className="c47 agency-info"
           >
             Service operated by 
             <a
@@ -51662,8 +55941,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               />
             </a>
           </div>
-          <div
-            className="c26 c49 alert-toggle"
+          <button
+            className="c26 c48 alert-toggle"
             onClick={[Function]}
           >
             <svg
@@ -51682,15 +55961,39 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               />
             </svg>
              
-            2 alerts
-          </div>
+            3 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+              (Expand details)
+            </span>
+          </button>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
@@ -51698,13 +56001,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               style={Object {}}
             >
               <ul
-                className="c50 alert-body"
+                className="c49 alert-body"
               >
                 <li
-                  className="c51"
+                  className="c50"
                 >
                   <div
-                    className="c52"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
@@ -51723,17 +56026,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c53"
+                    className="c52"
                   >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c54"
+                    className="c53"
                   >
-                    Effective as of November 6, 2019
+                    Effective as of December 15, 2019
                     <a
-                      className="c55"
-                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      className="c54"
+                      href="http://trimet.org/alerts/"
                       target="_blank"
                     >
                       <svg
@@ -51761,10 +56064,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                   </div>
                 </li>
                 <li
-                  className="c51"
+                  className="c50"
                 >
                   <div
-                    className="c52"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
@@ -51782,17 +56085,77 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       />
                     </svg>
                   </div>
+                  <div
+                    className="c52"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
                   <div
                     className="c53"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c54"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c54"
+                    className="c53"
                   >
                     Effective as of November 3, 2019
                     <a
-                      className="c55"
+                      className="c54"
                       href="http://trimet.org/alerts/"
                       target="_blank"
                     >
@@ -51824,18 +56187,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
             </div>
           </div>
           <div
-            className="c56 transit-leg-details"
+            className="c55 transit-leg-details"
           >
             <div
-              className="c57"
+              className="c56"
             >
               <button
-                className="c26 c58"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
-                21 min
-                 / 9 stops
+                3 min
+                 / 2 stops
                 <span
                   className="c31"
                 >
@@ -51862,7 +56225,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                 </span>
               </button>
               <button
-                className="c26 c41 c42"
+                className="c26 c40 c41"
                 onClick={[Function]}
                 role="link"
               >
@@ -51883,127 +56246,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                 style={Object {}}
               >
                 <div
-                  className="c59"
+                  className="c58"
                 >
                   <ol
-                    className="c60"
+                    className="c59"
                   >
                     <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Washington Park MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Goose Hollow/SW Jefferson St MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Kings Hill/SW Salmon St MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Providence Park MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Library/SW 9th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Pioneer Square South MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62 c63"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c64"
-                      >
-                        Mall/SW 4th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
+                      className="c60"
                     >
                       <div
-                        className="c62 c63"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c63"
                       >
-                        Yamhill District MAX Station
+                        Galleria/SW 10th Ave MAX Station
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
+            <span>
+              Typical wait: 
+              15 min
+            </span>
           </div>
         </div>
       </div>
@@ -52016,7 +56285,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c6 leg-line"
       />
       <span
         className="c7"
@@ -52062,13 +56331,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        Oak/ SW 1st Ave MAX Station
+        Providence Park MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:27 PM
+      3:49 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -52079,11 +56348,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
       className="c20 place-details "
     >
       <div
-        className="c40 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 8337
+        Stop ID 9757
         <button
-          className="c26 c41 c42"
+          className="c26 c40 c41"
           onClick={[Function]}
           role="link"
         >
@@ -52136,11 +56405,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                - 
             </span>
             <span>
-              Walk 0.1 miles to 
+              Walk 249 feet to 
               <span
                 className="c25"
               >
-                205 SW Pine St, Portland, OR, USA 97204
+                1737 SW Morrison St, Portland, OR, USA 97205
               </span>
             </span>
             <button
@@ -52166,7 +56435,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               className="c26 c30"
               onClick={[Function]}
             >
-              2 min
+              1 min
               <span
                 className="c31"
               >
@@ -52229,17 +56498,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                   >
                     <span>
                       Head 
-                      NORTHEAST
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        Oak/SW 1st Ave (path)
+                        Providence Park (path)
                       </span>
                       <span
                         className="c37"
                       >
-                        13 feet
+                        19 feet
                       </span>
                     </span>
                   </div>
@@ -52254,7 +56523,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -52262,7 +56531,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      CONTINUE
+                      RIGHT
                        on 
                       <span
                         className="c36"
@@ -52272,40 +56541,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c37"
                       >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Oak St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        37 feet
+                        104 feet
                       </span>
                     </span>
                   </div>
@@ -52333,12 +56569,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        SW 1st Ave
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        260 feet
+                        27 feet
                       </span>
                     </span>
                   </div>
@@ -52353,7 +56589,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -52361,17 +56597,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        SW Pine St
+                        SW Morrison St
                       </span>
                       <span
                         className="c37"
                       >
-                        337 feet
+                        99 feet
                       </span>
                     </span>
                   </div>
@@ -52410,7 +56646,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c65 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -52432,19 +56668,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        1737 SW Morrison St, Portland, OR, USA 97205
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:29 PM
+      3:50 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
       className="c20 place-details "
@@ -52453,7 +56689,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -52465,7 +56701,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={true}
+    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 357,
@@ -52849,7 +57085,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -52996,7 +57232,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -54574,7 +58810,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -54586,7 +58822,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 357,
@@ -54970,7 +59205,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -55117,7 +59352,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -56695,7 +60930,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -56709,15 +60944,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 357,
-        "elevationGained": 0.8399999999999999,
-        "elevationLost": 2.200000000000001,
-        "endTime": 1573689055000,
+        "duration": 690,
+        "endTime": 1684865406000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
             "regular": Object {
-              "cents": 250,
+              "cents": 950,
               "currency": Object {
                 "currency": "USD",
                 "currencyCode": "USD",
@@ -56729,368 +60962,471 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         },
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 643.65,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 144,
+            "endTime": 1684864860000,
             "from": Object {
-              "departure": 1573688698000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "lat": 45.5241494,
+              "lon": -122.68303,
+              "name": "128 NW 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "length": 33,
+              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
             },
-            "mode": "WALK",
-            "pathway": false,
+            "mode": "CAR",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688698000,
+            "rideHailingEstimate": Object {
+              "arrival": "PT4M",
+              "maxPrice": Object {
+                "amount": 19,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "minPrice": Object {
+                "amount": 17,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "provider": Object {
+                "id": "uber",
+              },
+            },
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684864716000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 50.946,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 15.172842545446779,
-                  },
-                  Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
-                  },
-                  Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
-                  },
-                  Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
-                  },
-                  Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
-                  },
-                  Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
-                  },
-                  Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
-                  },
-                  Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
-                  },
-                ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
+                "distance": 54.68,
+                "elevationProfile": Array [],
+                "lat": 45.5241463,
+                "lon": -122.6831887,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "Northwest 12th Avenue",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
+                "distance": 79.48,
+                "elevationProfile": Array [],
+                "lat": 45.5236547,
+                "lon": -122.6831692,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
+                "streetName": "Northwest Couch Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.25,
+                "elevationProfile": Array [],
+                "lat": 45.5236734,
+                "lon": -122.6821493,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Northwest 11th Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 430.23,
+                "elevationProfile": Array [],
+                "lat": 45.5229609,
+                "lon": -122.6821228,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "West Burnside Street",
               },
             ],
             "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
+          },
+          Object {
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
+            "arrivalDelay": 0,
+            "boardRule": null,
+            "departureDelay": 0,
+            "distance": 0,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 60,
+            "endTime": 1684864920000,
+            "from": Object {
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 2,
+              "points": "weztG~gwkVJ?",
+            },
+            "mode": "WALK",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "rideHailingEstimate": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684864860000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 45.522948,
+              "lon": -122.676635,
+              "name": "W Burnside & SW 6th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "792",
+                "gtfsId": "trimet:792",
+                "id": "U3RvcDp0cmltZXQ6Nzky",
+              },
+              "stopCode": "792",
+              "stopId": "trimet:792",
               "vertexType": "TRANSIT",
-              "zoneId": "R",
             },
             "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
-            "agencyId": "TRIMET",
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
+              "name": "TriMet",
+              "timezone": "America/Los_Angeles",
+              "url": "https://trimet.org/",
+            },
+            "agencyBrandingUrl": "https://trimet.org/",
+            "agencyId": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
             "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1576471800,
-              },
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
+            "agencyUrl": "https://trimet.org/",
+            "alightRule": null,
             "arrivalDelay": 0,
-            "averageWait": 935,
+            "boardRule": null,
             "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
+            "distance": 1780.82,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 360,
+            "endTime": 1684865280000,
             "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "lat": 45.522948,
+              "lon": -122.676635,
+              "name": "W Burnside & SW 6th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "792",
+                "gtfsId": "trimet:792",
+                "id": "U3RvcDp0cmltZXQ6Nzky",
+              },
+              "stopCode": "792",
+              "stopId": "trimet:792",
               "vertexType": "TRANSIT",
-              "zoneId": "R",
             },
-            "hailedCar": false,
-            "headsign": "Hillsboro",
-            "interStopGeometry": Array [
-              Object {
-                "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
-              },
-              Object {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-              },
-            ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
-                "stopIndex": 26,
-                "stopSequence": 27,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "lat": 45.523009,
+                "locationType": "STOP",
+                "lon": -122.672529,
+                "name": "W Burnside & SW 2nd",
+                "stopCode": "9526",
+                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+              },
+              Object {
+                "lat": 45.522847,
+                "locationType": "STOP",
+                "lon": -122.657843,
+                "name": "E Burnside & SE 8th",
+                "stopCode": "820",
+                "stopId": "U3RvcDp0cmltZXQ6ODIw",
               },
             ],
             "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              "length": 53,
+              "points": "weztG~gwkV?]?C?k@AeBA}@?GA{@AiCAY?e@CiCCiD???_@?[@kBIS@}A@iC@aAFaL@yA@{AF{LDiHBkCFUA}@?iAAO?K?qE?K?_@?kA?e@@m@?aB?gB?gA?A?}A???a@?aC?iA@aC?gA?U?uD@U?iC",
             },
-            "mode": "TRAM",
-            "pathway": false,
+            "mode": "BUS",
             "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573688770000,
+            "realtimeState": null,
+            "rentedBike": null,
+            "rideHailingEstimate": null,
+            "route": "20",
+            "routeColor": null,
+            "routeId": undefined,
+            "routeLongName": "Burnside/Stark",
+            "routeShortName": "20",
+            "routeTextColor": null,
+            "startTime": 1684864920000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "lat": 45.522823,
+              "lon": -122.653824,
+              "name": "E Burnside & SE 12th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "13327",
+                "gtfsId": "trimet:13327",
+                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
+              },
+              "stopCode": "13327",
+              "stopId": "trimet:13327",
               "vertexType": "TRANSIT",
-              "zoneId": "R",
             },
             "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
+            "trip": Object {
+              "gtfsId": "trimet:12340517",
+              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
+              "tripHeadsign": null,
+            },
+            "tripHeadsign": null,
+            "tripId": "trimet:12340517",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
+            "distance": 0,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 60,
+            "endTime": 1684865340000,
             "from": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "lat": 45.522823,
+              "lon": -122.653824,
+              "name": "E Burnside & SE 12th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "13327",
+                "gtfsId": "trimet:13327",
+                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
+              },
+              "stopCode": "13327",
+              "stopId": "trimet:13327",
               "vertexType": "TRANSIT",
-              "zoneId": "R",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
+              "length": 2,
+              "points": "sdztGlyrkVO?",
             },
             "mode": "WALK",
-            "pathway": false,
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688986000,
+            "rideHailingEstimate": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684865280000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 45.522907,
+              "lon": -122.653824,
+              "name": "East Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
+          },
+          Object {
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
+            "arrivalDelay": 0,
+            "boardRule": null,
+            "departureDelay": 0,
+            "distance": 334.71,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 66,
+            "endTime": 1684865406000,
+            "from": Object {
+              "lat": 45.522907,
+              "lon": -122.653824,
+              "name": "East Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 17,
+              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
+            },
+            "mode": "CAR",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "rideHailingEstimate": Object {
+              "arrival": "PT2M",
+              "maxPrice": Object {
+                "amount": 18,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "minPrice": Object {
+                "amount": 17,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "provider": Object {
+                "id": "uber",
+              },
+            },
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684865340000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
+                "distance": 16.06,
+                "elevationProfile": Array [],
+                "lat": 45.522907,
+                "lon": -122.653824,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Providence Park (path)",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 31.715,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 30.57284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 30.18284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 29.712842545446776,
-                  },
-                  Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
-                  },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
+                "streetName": "East Burnside Street",
               },
               Object {
                 "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
-                  },
-                  Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
-                  },
-                ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.15,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
-                  },
-                  Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
-                  },
-                ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
+                "distance": 318.65,
+                "elevationProfile": Array [],
+                "lat": 45.5229076,
+                "lon": -122.6536179,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Morrison St",
+                "streetName": "Northeast 12th Avenue",
               },
             ],
             "to": Object {
-              "arrival": 1573689055000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "lat": 45.525773,
+              "lon": -122.6535042,
+              "name": "407 NE 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
         ],
-        "startTime": 1573688698000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 157.97398507143885,
-        "walkLimitExceeded": false,
-        "walkTime": 140,
+        "startTime": 1684864716000,
+        "waitingTime": 0,
+        "walkTime": 330,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -57101,11 +61437,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   color: #333;
 }
 
-.c64 {
+.c58 {
   color: #f44256;
 }
 
-.c26 {
+.c27 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -57115,32 +61451,123 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   text-decoration: none;
 }
 
-.c40 {
+.c30 {
+  background-color: #fff;
+  background-image: none;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  color: #333;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  padding: 4px 6px;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.c30:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+.c30:active {
+  color: #333;
+  background-color: #e6e6e6;
+  background-image: none;
+  border-color: #adadad;
+  outline: 0;
+  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
+}
+
+.c30:focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+
+.c30:active:hover {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c;
+}
+
+.c37 {
   color: #008;
   margin-left: 5px;
 }
 
-.c40:hover {
+.c37:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c41 {
+.c38 {
   padding-left: 0px;
 }
 
-.c41:before {
+.c38:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c31::before {
+.c55 {
+  bottom: 0;
+  left: 110px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.c56 {
+  background-color: #fcf9d3;
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+.c54 {
+  border-bottom: 16px solid transparent;
+  border-right: 16px solid #fcf9d3;
+  border-top: 16px solid transparent;
+  height: 0;
+  left: 94px;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.c57 {
+  color: #444;
+  display: table-cell;
+  font-style: italic;
+  line-height: 0.95;
+  padding: 0px 2px;
+  vertical-align: middle;
+}
+
+.c29 {
+  height: 32px;
+  margin-bottom: 10px;
+  margin-top: 10px;
+  position: relative;
+}
+
+.c47::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c59 {
+.c49 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -57152,13 +61579,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   padding: 0;
 }
 
-.c21 {
+.c22 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c28 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -57169,7 +61596,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   z-index: 1;
 }
 
-.c22 {
+.c23 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -57192,38 +61619,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   width: 0;
 }
 
-.c46 {
-  font-weight: 200;
-}
-
-.c25 {
+.c26 {
   font-weight: inherit;
 }
 
-.c45 {
+.c42 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c44 {
+.c41 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c42 {
+.c39 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c24 img,
-.c24 svg {
+.c25 img,
+.c25 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c23 {
+.c24 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -57235,9 +61658,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   padding-right: 5px;
 }
 
-.c28 {
+.c32 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -57284,7 +61707,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   padding: 3px 0 10px 0;
 }
 
-.c39 {
+.c21 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -57293,23 +61716,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   margin-top: -14px;
 }
 
-.c32 {
+.c35 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c35 > span {
-  margin-right: 1ch;
-}
-
-.c29 {
+.c33 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -57320,7 +61733,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   margin-top: 10px;
 }
 
-.c29 a {
+.c33 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -57335,122 +61748,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   justify-content: center;
 }
 
-.c30 {
+.c34 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c33 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c36 {
-  font-weight: 500;
-}
-
-.c37 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-.c62 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c63 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c60 {
+.c50 {
   z-index: 30;
   position: relative;
 }
 
-.c50 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c54 {
-  -webkit-align-items: baseline;
-  -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 5px;
-  margin-top: 0.5em;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c54:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c52 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c53 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c51 {
-  float: left;
-  font-size: 18px;
-}
-
-.c49 {
-  display: block;
-  margin-top: 3px;
-  padding: 0;
-}
-
-.c48 {
-  color: #d14727;
-  cursor: cursor;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c55 {
+.c44 {
   margin-top: 5px;
 }
 
-.c56 {
+.c45 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -57458,30 +61783,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   display: flex;
 }
 
-.c58 {
+.c48 {
   font-size: 14px;
 }
 
-.c57 {
+.c46 {
   padding: 0;
 }
 
-.c47 {
+.c43 {
   margin-top: 5px;
 }
 
-.c47 a {
+.c43 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c47 a:hover {
+.c43 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c47 img {
+.c43 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -57495,7 +61820,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   font-family: Hind,sans-serif;
 }
 
-.c1 .c43 {
+.c1 .c40 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -57541,7 +61866,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   width: 100%;
 }
 
-.c1 .c61 {
+.c1 .c51 {
   margin-left: -23px;
 }
 
@@ -57565,6 +61890,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
 }
 
 .c6 {
+  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c31 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -57577,11 +61912,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   z-index: 10;
 }
 
-.c38 {
+.c36 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -57662,13 +61997,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         aria-hidden={true}
         className="c15 c16"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        128 NW 12th Ave, Portland
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:44 PM
+      10:58 AM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -57677,21 +62012,155 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
     </span>
     <div
       className="c20 place-details "
+    >
+      <div>
+        <div
+          className="c21"
+        >
+          Wait 4 minutes for  pickup
+        </div>
+        <div
+          className="c22"
+        >
+          <div
+            className="styled__LegClickable-sc-1q8npbl-24"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <span
+                  className="c25"
+                >
+                  <span>
+                    uber
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+              </span>
+              <span>
+                Ride 0.4 miles to 
+                <span
+                  className="c26"
+                >
+                  West Burnside Street
+                </span>
+              </span>
+              <button
+                className="c27 c28"
+                onClick={[Function]}
+              >
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  Zoom to leg on map
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <a
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
+              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
+              target="_blank"
+            >
+              Book Ride
+            </a>
+          </div>
+          <div
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
+          >
+            Estimated travel time: 
+            2 min
+             (does not account for traffic)
+          </div>
+          <div
+            className="styled__TNCCost-sc-1q8npbl-15"
+          >
+            Estimated cost: 
+            $17.00
+             - 
+            $19.00
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
     >
       <div
-        className="c21"
+        className="c31 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        West Burnside Street
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      11:01 AM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span
-              className="c23"
+              className="c24"
             >
               <span
-                className="c24"
+                className="c25"
               >
                 <svg
                   height="100%"
@@ -57724,15 +62193,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                - 
             </span>
             <span>
-              Walk 269 feet to 
+              Walk to 
               <span
-                className="c25"
+                className="c26"
               >
-                Pioneer Square North MAX Station
+                W Burnside & SW 6th
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c27 c28"
               onClick={[Function]}
             >
               <span
@@ -57744,36 +62213,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
           </span>
         </div>
         <span
-          className="c28"
+          className="c32"
         >
           <span
-            className="c29"
+            className="c33"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c27 c34"
               onClick={[Function]}
             >
               1 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -57796,76 +62246,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
               style={Object {}}
             >
               <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      NORTHWEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        167 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Pioneer Sq N (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        101 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                className="c35"
+              />
             </div>
           </div>
         </span>
@@ -57879,7 +62261,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c36 leg-line"
       />
       <span
         className="c7"
@@ -57925,13 +62307,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         aria-hidden={true}
         className="c15 c16"
       >
-        Pioneer Square North MAX Station
+        W Burnside & SW 6th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
+      11:02 AM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -57942,11 +62324,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
       className="c20 place-details transit"
     >
       <div
-        className="c39 transit-leg-subheader"
+        className="c21 transit-leg-subheader"
       >
-        Stop ID 8383
+        Stop ID 792
         <button
-          className="c26 c40 c41"
+          className="c27 c37 c38"
           onClick={[Function]}
           role="link"
         >
@@ -57954,13 +62336,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         </button>
       </div>
       <div
-        className="c21"
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span>
               <span
@@ -57970,57 +62352,56 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c23 c39"
               >
                 <span
-                  className="c23"
+                  className="c24"
                 >
                   <span
-                    className="c24"
+                    className="c25"
                   >
                     <svg
-                      aria-label="TRAM"
+                      aria-label="BUS"
                       height="100%"
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": "TriMet:100",
+                          "routeId": undefined,
                           "shortName": undefined,
                         }
                       }
                       version="1.0"
-                      viewBox="0 0 66.461 100"
+                      viewBox="0 0 81.59 99.992"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                        d="M68.848,68.51"
                       />
                       <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
                   </span>
                   <span
-                    className="c43 c44"
+                    className="c40 c41"
                   >
-                    MAX Blue Line
+                    20
                   </span>
                 </span>
                 <span
-                  className="c45"
+                  className="c42"
                 >
                   <span>
-                    MAX Blue Line 
-                    <span
-                      className="c46"
-                    >
-                      to
-                    </span>
-                     Hillsboro
+                    Burnside/Stark
                   </span>
                 </span>
               </span>
@@ -58029,11 +62410,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
               >
                  - 
                 Disembark at 
-                Providence Park MAX Station
+                E Burnside & SE 12th
               </span>
             </span>
             <button
-              className="c26 c27 transit-leg-button"
+              className="c27 c28 transit-leg-button"
               onClick={[Function]}
             >
               <span
@@ -58050,12 +62431,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
           role="group"
         >
           <div
-            className="c47 agency-info"
+            className="c43 agency-info"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
+              href="https://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
@@ -58063,270 +62444,39 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
               <img
                 alt=""
                 height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+                src="https://trimet.org/"
               />
             </a>
           </div>
-          <button
-            className="c26 c48 alert-toggle"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            3 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-              (Expand details)
-            </span>
-          </button>
           <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
             style={
               Object {
-                "height": 0,
-                "overflow": "hidden",
+                "height": "auto",
+                "overflow": "visible",
               }
             }
           >
             <div
               style={Object {}}
-            >
-              <ul
-                className="c49 alert-body"
-              >
-                <li
-                  className="c50"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of December 15, 2019
-                    <a
-                      className="c54"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-                <li
-                  className="c50"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 6, 2019
-                    <a
-                      className="c54"
-                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-                <li
-                  className="c50"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 3, 2019
-                    <a
-                      className="c54"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </div>
+            />
           </div>
           <div
-            className="c55 transit-leg-details"
+            className="c44 transit-leg-details"
           >
             <div
-              className="c56"
+              className="c45"
             >
               <button
-                className="c26 c57"
+                className="c27 c46"
                 onClick={[Function]}
               >
                 Ride 
-                3 min
-                 / 2 stops
+                6 min
+                 / 3 stops
                 <span
-                  className="c31"
+                  className="c47"
                 >
                   <svg
                     aria-hidden="true"
@@ -58351,7 +62501,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                 </span>
               </button>
               <button
-                className="c26 c40 c41"
+                className="c27 c37 c38"
                 onClick={[Function]}
                 role="link"
               >
@@ -58372,33 +62522,43 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                 style={Object {}}
               >
                 <div
-                  className="c58"
+                  className="c48"
                 >
                   <ol
-                    className="c59"
+                    className="c49"
                   >
                     <li
-                      className="c60"
+                      className="c50"
                     >
                       <div
-                        className="c61 c62"
+                        className="c51 c52"
                       >
                         •
                       </div>
                       <div
-                        className="c63"
+                        className="c53"
                       >
-                        Galleria/SW 10th Ave MAX Station
+                        W Burnside & SW 2nd
+                      </div>
+                    </li>
+                    <li
+                      className="c50"
+                    >
+                      <div
+                        className="c51 c52"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c53"
+                      >
+                        E Burnside & SE 8th
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
-            <span>
-              Typical wait: 
-              15 min
-            </span>
           </div>
         </div>
       </div>
@@ -58411,7 +62571,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
       className="c4 c5"
     >
       <div
-        className="c6 leg-line"
+        className="c31 leg-line"
       />
       <span
         className="c7"
@@ -58457,13 +62617,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         aria-hidden={true}
         className="c15 c16"
       >
-        Providence Park MAX Station
+        E Burnside & SE 12th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:49 PM
+      11:08 AM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -58474,11 +62634,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
       className="c20 place-details "
     >
       <div
-        className="c39 transit-leg-subheader"
+        className="c21 transit-leg-subheader"
       >
-        Stop ID 9757
+        Stop ID 13327
         <button
-          className="c26 c40 c41"
+          className="c27 c37 c38"
           onClick={[Function]}
           role="link"
         >
@@ -58486,19 +62646,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         </button>
       </div>
       <div
-        className="c21"
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span
-              className="c23"
+              className="c24"
             >
               <span
-                className="c24"
+                className="c25"
               >
                 <svg
                   height="100%"
@@ -58531,15 +62691,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                - 
             </span>
             <span>
-              Walk 249 feet to 
+              Walk to 
               <span
-                className="c25"
+                className="c26"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                East Burnside Street
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c27 c28"
               onClick={[Function]}
             >
               <span
@@ -58551,36 +62711,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
           </span>
         </div>
         <span
-          className="c28"
+          className="c32"
         >
           <span
-            className="c29"
+            className="c33"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c27 c34"
               onClick={[Function]}
             >
               1 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -58603,145 +62744,161 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c35"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        East Burnside Street
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      11:09 AM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div>
+        <div
+          className="c21"
+        >
+          Wait for  pickup
+        </div>
+        <div
+          className="c22"
+        >
+          <div
+            className="styled__LegClickable-sc-1q8npbl-24"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
               >
-                <li
-                  className="c33"
+                <span
+                  className="c25"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      WEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Providence Park (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                  <span>
+                    uber
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+              </span>
+              <span>
+                Ride 0.2 miles to 
+                <span
+                  className="c26"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        104 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                  407 NE 12th Ave, Portland
+                </span>
+              </span>
+              <button
+                className="c27 c28"
+                onClick={[Function]}
+              >
+                <span
+                  className="c19 invisible-additional-details"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                  Zoom to leg on map
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <a
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
+              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
+              target="_blank"
+            >
+              Book Ride
+            </a>
+            <div
+              className="c54"
+            />
+            <div
+              className="c55"
+            >
+              <div
+                className="c56"
+              >
+                <div
+                  className="c57"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Morrison St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        99 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                  Wait until 11:08 AM to book
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+          <div
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
+          >
+            Estimated travel time: 
+            1 min
+             (does not account for traffic)
+          </div>
+          <div
+            className="styled__TNCCost-sc-1q8npbl-15"
+          >
+            Estimated cost: 
+            $17.00
+             - 
+            $18.00
+          </div>
+        </div>
       </div>
     </div>
   </li>
@@ -58772,7 +62929,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c64 c12"
+          className="c8 c58 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -58794,19 +62951,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         aria-hidden={true}
         className="c15 c16"
       >
-        1737 SW Morrison St, Portland, OR, USA 97205
+        407 NE 12th Ave, Portland
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      11:10 AM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
+      407 NE 12th Ave, Portland
     </span>
     <div
       className="c20 place-details "
@@ -58815,7 +62972,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -58827,18 +62984,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={true}
     itinerary={
       Object {
-        "duration": 690,
-        "endTime": 1684865406000,
+        "duration": 2392,
+        "elevationGained": 89.18000000000004,
+        "elevationLost": 34.78000000000004,
+        "endTime": 1573691399000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
             "regular": Object {
-              "cents": 950,
+              "cents": 250,
               "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
                 "defaultFractionDigits": 2,
                 "symbol": "$",
               },
@@ -58847,471 +63005,2410 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
         },
         "legs": Array [
           Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 643.65,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 144,
-            "endTime": 1684864860000,
+            "distance": 3913.6230000000005,
+            "duration": 606,
+            "endTime": 1573689613000,
             "from": Object {
-              "lat": 45.5241494,
-              "lon": -122.68303,
-              "name": "128 NW 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "departure": 1573689007000,
+              "lat": 45.516960039867676,
+              "lon": -122.81684703934856,
+              "name": "330 SW Murray Blvd, Washington County, OR, USA 97005",
+              "orig": "330 SW Murray Blvd, Washington County, OR, USA 97005",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 33,
-              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
+              "length": 150,
+              "points": "k\`ytG\`urlVJTAAAPK\`@Eh@UGSI_A_@KW??UMuC}AY?qAq@EAOIk@Sk@So@Q?AWEe@GSAWCa@_@g@IWAq@AWGKGCCIKKOESEWAU?OB[Dg@BMJa@zBoJrAaGhAcFh@cDlWc_A|AmE|AwEjAuC~D_JJ[OKw@k@wB{A{B}Au@i@_@WaAs@eAq@AAUOHk@\`@cCFYF[@IFWBIFSFWJYHUL[Xs@JWFKR]FKPYX_@h@m@XUNMJIDCVQh@Y@ARMTMXQRMBAPMRQLORUX_@Ra@Ta@Pc@L]L_@@IDOHa@Fa@BOFe@Dc@Be@@i@@cB@aA@o@V?V@JBJBHDHHVVHJFDFFHDNDH@F?J?HAHAJEHEFEFGFGFIXo@Vq@Vm@Ne@Ni@BMBKDOKMSWRu@",
             },
             "mode": "CAR",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": Object {
-              "arrival": "PT4M",
-              "maxPrice": Object {
-                "amount": 19,
-                "currency": Object {
-                  "code": "USD",
-                },
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689007000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 48.239999999999995,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 66.15284254544679,
+                  },
+                  Object {
+                    "first": 9.31,
+                    "second": 66.07284254544678,
+                  },
+                  Object {
+                    "first": 9.305,
+                    "second": 66.09284254544679,
+                  },
+                  Object {
+                    "first": 16.195,
+                    "second": 66.31284254544678,
+                  },
+                  Object {
+                    "first": 16.197,
+                    "second": 66.31284254544678,
+                  },
+                  Object {
+                    "first": 26.197,
+                    "second": 66.93284254544677,
+                  },
+                  Object {
+                    "first": 36.197,
+                    "second": 67.53284254544678,
+                  },
+                  Object {
+                    "first": 48.236999999999995,
+                    "second": 67.90284254544679,
+                  },
+                ],
+                "lat": 45.51702581777306,
+                "lon": -122.81696535340403,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "parking aisle",
               },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 347.583,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 67.90284254544679,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 68.13284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 68.38284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 68.60284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 68.88284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 69.10284254544678,
+                  },
+                  Object {
+                    "first": 62.14,
+                    "second": 69.36284254544678,
+                  },
+                  Object {
+                    "first": 193.014,
+                    "second": 70.71284254544678,
+                  },
+                  Object {
+                    "first": 203.014,
+                    "second": 71.01284254544677,
+                  },
+                  Object {
+                    "first": 213.014,
+                    "second": 71.35284254544678,
+                  },
+                  Object {
+                    "first": 223.014,
+                    "second": 71.73284254544677,
+                  },
+                  Object {
+                    "first": 233.014,
+                    "second": 72.15284254544679,
+                  },
+                  Object {
+                    "first": 246.03400000000002,
+                    "second": 72.76284254544677,
+                  },
+                ],
+                "lat": 45.5170776,
+                "lon": -122.8175366,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW Murray Blvd",
               },
-              "provider": Object {
-                "id": "uber",
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 45.738,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 75.15284254544679,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 75.19284254544678,
+                  },
+                  Object {
+                    "first": 21.64,
+                    "second": 75.27284254544678,
+                  },
+                  Object {
+                    "first": 21.642,
+                    "second": 75.27284254544678,
+                  },
+                  Object {
+                    "first": 31.642,
+                    "second": 75.34284254544679,
+                  },
+                  Object {
+                    "first": 45.742000000000004,
+                    "second": 75.46284254544678,
+                  },
+                ],
+                "lat": 45.519972,
+                "lon": -122.815981,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Murray Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 643.86,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 75.46284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 75.69284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 75.88284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 76.04284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 76.07284254544678,
+                  },
+                  Object {
+                    "first": 46.2,
+                    "second": 76.04284254544677,
+                  },
+                  Object {
+                    "first": 46.198,
+                    "second": 76.04284254544677,
+                  },
+                  Object {
+                    "first": 56.198,
+                    "second": 75.99284254544678,
+                  },
+                  Object {
+                    "first": 66.19800000000001,
+                    "second": 76.21284254544678,
+                  },
+                  Object {
+                    "first": 76.19800000000001,
+                    "second": 76.42284254544677,
+                  },
+                  Object {
+                    "first": 86.19800000000001,
+                    "second": 76.74284254544678,
+                  },
+                  Object {
+                    "first": 96.19800000000001,
+                    "second": 77.19284254544678,
+                  },
+                  Object {
+                    "first": 106.19800000000001,
+                    "second": 77.24284254544678,
+                  },
+                  Object {
+                    "first": 116.19800000000001,
+                    "second": 77.49284254544678,
+                  },
+                  Object {
+                    "first": 126.19800000000001,
+                    "second": 77.21284254544678,
+                  },
+                  Object {
+                    "first": 136.198,
+                    "second": 77.24284254544678,
+                  },
+                  Object {
+                    "first": 146.198,
+                    "second": 76.97284254544678,
+                  },
+                  Object {
+                    "first": 156.198,
+                    "second": 76.93284254544677,
+                  },
+                  Object {
+                    "first": 166.198,
+                    "second": 77.30284254544678,
+                  },
+                  Object {
+                    "first": 176.198,
+                    "second": 77.66284254544678,
+                  },
+                  Object {
+                    "first": 187.05800000000002,
+                    "second": 77.63284254544678,
+                  },
+                  Object {
+                    "first": 187.061,
+                    "second": 77.63284254544678,
+                  },
+                  Object {
+                    "first": 197.061,
+                    "second": 77.42284254544677,
+                  },
+                  Object {
+                    "first": 207.061,
+                    "second": 77.04284254544677,
+                  },
+                  Object {
+                    "first": 217.061,
+                    "second": 76.88284254544678,
+                  },
+                  Object {
+                    "first": 227.061,
+                    "second": 76.54284254544677,
+                  },
+                  Object {
+                    "first": 237.061,
+                    "second": 76.28284254544678,
+                  },
+                  Object {
+                    "first": 247.061,
+                    "second": 76.01284254544677,
+                  },
+                  Object {
+                    "first": 257.06100000000004,
+                    "second": 75.60284254544678,
+                  },
+                  Object {
+                    "first": 267.06100000000004,
+                    "second": 75.32284254544678,
+                  },
+                  Object {
+                    "first": 277.06100000000004,
+                    "second": 74.90284254544679,
+                  },
+                  Object {
+                    "first": 287.06100000000004,
+                    "second": 74.51284254544677,
+                  },
+                  Object {
+                    "first": 297.06100000000004,
+                    "second": 74.23284254544677,
+                  },
+                  Object {
+                    "first": 307.06100000000004,
+                    "second": 73.79284254544677,
+                  },
+                  Object {
+                    "first": 317.06100000000004,
+                    "second": 73.50284254544678,
+                  },
+                  Object {
+                    "first": 327.06100000000004,
+                    "second": 73.06284254544678,
+                  },
+                  Object {
+                    "first": 337.06100000000004,
+                    "second": 72.74284254544678,
+                  },
+                  Object {
+                    "first": 347.06100000000004,
+                    "second": 72.51284254544677,
+                  },
+                  Object {
+                    "first": 357.06100000000004,
+                    "second": 71.87284254544679,
+                  },
+                  Object {
+                    "first": 367.06100000000004,
+                    "second": 71.74284254544678,
+                  },
+                  Object {
+                    "first": 377.06100000000004,
+                    "second": 71.09284254544679,
+                  },
+                  Object {
+                    "first": 387.06100000000004,
+                    "second": 69.44284254544678,
+                  },
+                  Object {
+                    "first": 397.06100000000004,
+                    "second": 65.96284254544678,
+                  },
+                  Object {
+                    "first": 407.06100000000004,
+                    "second": 64.89284254544677,
+                  },
+                  Object {
+                    "first": 417.06100000000004,
+                    "second": 64.63284254544678,
+                  },
+                  Object {
+                    "first": 427.06100000000004,
+                    "second": 64.55284254544678,
+                  },
+                  Object {
+                    "first": 437.06100000000004,
+                    "second": 64.35284254544678,
+                  },
+                  Object {
+                    "first": 447.06100000000004,
+                    "second": 63.962842545446776,
+                  },
+                  Object {
+                    "first": 457.06100000000004,
+                    "second": 63.70284254544678,
+                  },
+                  Object {
+                    "first": 467.06100000000004,
+                    "second": 64.40284254544679,
+                  },
+                  Object {
+                    "first": 477.06100000000004,
+                    "second": 64.86284254544678,
+                  },
+                  Object {
+                    "first": 487.06100000000004,
+                    "second": 64.53284254544678,
+                  },
+                  Object {
+                    "first": 497.06100000000004,
+                    "second": 64.96284254544678,
+                  },
+                  Object {
+                    "first": 507.06100000000004,
+                    "second": 64.74284254544678,
+                  },
+                  Object {
+                    "first": 517.061,
+                    "second": 64.07284254544678,
+                  },
+                  Object {
+                    "first": 527.061,
+                    "second": 64.36284254544678,
+                  },
+                  Object {
+                    "first": 537.061,
+                    "second": 64.99284254544678,
+                  },
+                  Object {
+                    "first": 547.061,
+                    "second": 67.31284254544678,
+                  },
+                  Object {
+                    "first": 557.061,
+                    "second": 67.44284254544678,
+                  },
+                  Object {
+                    "first": 567.061,
+                    "second": 67.59284254544679,
+                  },
+                  Object {
+                    "first": 577.061,
+                    "second": 67.19284254544678,
+                  },
+                  Object {
+                    "first": 587.061,
+                    "second": 67.36284254544678,
+                  },
+                  Object {
+                    "first": 597.061,
+                    "second": 67.33284254544678,
+                  },
+                  Object {
+                    "first": 607.061,
+                    "second": 67.27284254544678,
+                  },
+                  Object {
+                    "first": 617.061,
+                    "second": 67.31284254544678,
+                  },
+                  Object {
+                    "first": 627.061,
+                    "second": 67.23284254544677,
+                  },
+                  Object {
+                    "first": 637.061,
+                    "second": 67.17284254544677,
+                  },
+                  Object {
+                    "first": 643.861,
+                    "second": 67.12284254544679,
+                  },
+                ],
+                "lat": 45.5203809,
+                "lon": -122.8159174,
+                "relativeDirection": "SLIGHTLY_RIGHT",
+                "stayOn": false,
+                "streetName": "NW Murray Blvd",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 909.919,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 67.12284254544679,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 67.04284254544677,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 66.96284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 66.89284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 66.82284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 66.79284254544677,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 66.73284254544677,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 66.72284254544678,
+                  },
+                  Object {
+                    "first": 80,
+                    "second": 66.65284254544679,
+                  },
+                  Object {
+                    "first": 90,
+                    "second": 66.66284254544678,
+                  },
+                  Object {
+                    "first": 100,
+                    "second": 66.61284254544678,
+                  },
+                  Object {
+                    "first": 110,
+                    "second": 66.63284254544678,
+                  },
+                  Object {
+                    "first": 120,
+                    "second": 66.46284254544678,
+                  },
+                  Object {
+                    "first": 130,
+                    "second": 66.53284254544678,
+                  },
+                  Object {
+                    "first": 140,
+                    "second": 66.55284254544678,
+                  },
+                  Object {
+                    "first": 150,
+                    "second": 66.58284254544678,
+                  },
+                  Object {
+                    "first": 160,
+                    "second": 66.63284254544678,
+                  },
+                  Object {
+                    "first": 170,
+                    "second": 66.63284254544678,
+                  },
+                  Object {
+                    "first": 180,
+                    "second": 66.68284254544677,
+                  },
+                  Object {
+                    "first": 190,
+                    "second": 66.67284254544677,
+                  },
+                  Object {
+                    "first": 200,
+                    "second": 66.74284254544678,
+                  },
+                  Object {
+                    "first": 210,
+                    "second": 66.76284254544677,
+                  },
+                  Object {
+                    "first": 220,
+                    "second": 66.80284254544678,
+                  },
+                  Object {
+                    "first": 230,
+                    "second": 66.83284254544678,
+                  },
+                  Object {
+                    "first": 240,
+                    "second": 66.90284254544679,
+                  },
+                  Object {
+                    "first": 250,
+                    "second": 66.92284254544677,
+                  },
+                  Object {
+                    "first": 260,
+                    "second": 66.96284254544678,
+                  },
+                  Object {
+                    "first": 270,
+                    "second": 67.04284254544677,
+                  },
+                  Object {
+                    "first": 280,
+                    "second": 67.05284254544678,
+                  },
+                  Object {
+                    "first": 290,
+                    "second": 67.09284254544679,
+                  },
+                  Object {
+                    "first": 300,
+                    "second": 67.13284254544678,
+                  },
+                  Object {
+                    "first": 310,
+                    "second": 67.19284254544678,
+                  },
+                  Object {
+                    "first": 320,
+                    "second": 67.22284254544678,
+                  },
+                  Object {
+                    "first": 330,
+                    "second": 67.28284254544678,
+                  },
+                  Object {
+                    "first": 340,
+                    "second": 67.29284254544677,
+                  },
+                  Object {
+                    "first": 350,
+                    "second": 67.35284254544678,
+                  },
+                  Object {
+                    "first": 360,
+                    "second": 67.35284254544678,
+                  },
+                  Object {
+                    "first": 370,
+                    "second": 67.43284254544677,
+                  },
+                  Object {
+                    "first": 380,
+                    "second": 67.39284254544677,
+                  },
+                  Object {
+                    "first": 390,
+                    "second": 67.49284254544678,
+                  },
+                  Object {
+                    "first": 400,
+                    "second": 67.47284254544678,
+                  },
+                  Object {
+                    "first": 410,
+                    "second": 67.52284254544678,
+                  },
+                  Object {
+                    "first": 420,
+                    "second": 67.07284254544678,
+                  },
+                  Object {
+                    "first": 430,
+                    "second": 67.22284254544678,
+                  },
+                  Object {
+                    "first": 440,
+                    "second": 67.31284254544678,
+                  },
+                  Object {
+                    "first": 450,
+                    "second": 67.00284254544678,
+                  },
+                  Object {
+                    "first": 460,
+                    "second": 67.56284254544678,
+                  },
+                  Object {
+                    "first": 470,
+                    "second": 66.92284254544677,
+                  },
+                  Object {
+                    "first": 480,
+                    "second": 67.60284254544678,
+                  },
+                  Object {
+                    "first": 490,
+                    "second": 66.91284254544678,
+                  },
+                  Object {
+                    "first": 500,
+                    "second": 67.68284254544677,
+                  },
+                  Object {
+                    "first": 510,
+                    "second": 66.90284254544679,
+                  },
+                  Object {
+                    "first": 520,
+                    "second": 67.69284254544678,
+                  },
+                  Object {
+                    "first": 530,
+                    "second": 67.19284254544678,
+                  },
+                  Object {
+                    "first": 540,
+                    "second": 67.78284254544678,
+                  },
+                  Object {
+                    "first": 550,
+                    "second": 67.59284254544679,
+                  },
+                  Object {
+                    "first": 560,
+                    "second": 68.15284254544679,
+                  },
+                  Object {
+                    "first": 570,
+                    "second": 68.27284254544678,
+                  },
+                  Object {
+                    "first": 580,
+                    "second": 68.09284254544679,
+                  },
+                  Object {
+                    "first": 590,
+                    "second": 68.89284254544677,
+                  },
+                  Object {
+                    "first": 600,
+                    "second": 68.67284254544677,
+                  },
+                  Object {
+                    "first": 610,
+                    "second": 69.65284254544679,
+                  },
+                  Object {
+                    "first": 620,
+                    "second": 69.03284254544678,
+                  },
+                  Object {
+                    "first": 630,
+                    "second": 70.04284254544677,
+                  },
+                  Object {
+                    "first": 640,
+                    "second": 69.74284254544678,
+                  },
+                  Object {
+                    "first": 650,
+                    "second": 70.59284254544679,
+                  },
+                  Object {
+                    "first": 660,
+                    "second": 70.57284254544678,
+                  },
+                  Object {
+                    "first": 670,
+                    "second": 71.11284254544678,
+                  },
+                  Object {
+                    "first": 680,
+                    "second": 71.29284254544677,
+                  },
+                  Object {
+                    "first": 690,
+                    "second": 71.82284254544678,
+                  },
+                  Object {
+                    "first": 700,
+                    "second": 72.23284254544677,
+                  },
+                  Object {
+                    "first": 710,
+                    "second": 72.61284254544678,
+                  },
+                  Object {
+                    "first": 720,
+                    "second": 72.94284254544678,
+                  },
+                  Object {
+                    "first": 730,
+                    "second": 73.33284254544678,
+                  },
+                  Object {
+                    "first": 740,
+                    "second": 73.71284254544678,
+                  },
+                  Object {
+                    "first": 750,
+                    "second": 74.14284254544677,
+                  },
+                  Object {
+                    "first": 760,
+                    "second": 74.52284254544678,
+                  },
+                  Object {
+                    "first": 770,
+                    "second": 74.95284254544677,
+                  },
+                  Object {
+                    "first": 780,
+                    "second": 75.38284254544678,
+                  },
+                  Object {
+                    "first": 790,
+                    "second": 75.82284254544678,
+                  },
+                  Object {
+                    "first": 800,
+                    "second": 76.30284254544678,
+                  },
+                  Object {
+                    "first": 810,
+                    "second": 76.66284254544678,
+                  },
+                  Object {
+                    "first": 820,
+                    "second": 77.28284254544678,
+                  },
+                  Object {
+                    "first": 830,
+                    "second": 77.70284254544677,
+                  },
+                  Object {
+                    "first": 840,
+                    "second": 78.31284254544678,
+                  },
+                  Object {
+                    "first": 850,
+                    "second": 78.80284254544678,
+                  },
+                  Object {
+                    "first": 860,
+                    "second": 79.36284254544678,
+                  },
+                  Object {
+                    "first": 870,
+                    "second": 79.84284254544679,
+                  },
+                  Object {
+                    "first": 880,
+                    "second": 80.40284254544679,
+                  },
+                  Object {
+                    "first": 890,
+                    "second": 80.77284254544678,
+                  },
+                  Object {
+                    "first": 900,
+                    "second": 81.51284254544677,
+                  },
+                  Object {
+                    "first": 909.92,
+                    "second": 81.78284254544678,
+                  },
+                ],
+                "lat": 45.5197514,
+                "lon": -122.809364,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Sunset Hwy",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 453.761,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 81.78284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 82.56284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 82.73284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 83.71284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 83.76284254544677,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 84.83284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 85.02284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 86.01284254544677,
+                  },
+                  Object {
+                    "first": 80,
+                    "second": 86.15284254544677,
+                  },
+                  Object {
+                    "first": 90,
+                    "second": 86.62284254544677,
+                  },
+                  Object {
+                    "first": 100,
+                    "second": 87.07284254544678,
+                  },
+                  Object {
+                    "first": 110,
+                    "second": 87.44284254544678,
+                  },
+                  Object {
+                    "first": 120,
+                    "second": 88.03284254544678,
+                  },
+                  Object {
+                    "first": 130,
+                    "second": 88.36284254544678,
+                  },
+                  Object {
+                    "first": 140,
+                    "second": 89.00284254544678,
+                  },
+                  Object {
+                    "first": 150,
+                    "second": 89.48284254544677,
+                  },
+                  Object {
+                    "first": 160,
+                    "second": 90.19284254544678,
+                  },
+                  Object {
+                    "first": 170,
+                    "second": 90.63284254544678,
+                  },
+                  Object {
+                    "first": 180,
+                    "second": 90.98284254544677,
+                  },
+                  Object {
+                    "first": 190,
+                    "second": 91.16284254544678,
+                  },
+                  Object {
+                    "first": 200,
+                    "second": 91.57284254544678,
+                  },
+                  Object {
+                    "first": 210,
+                    "second": 91.55284254544678,
+                  },
+                  Object {
+                    "first": 220,
+                    "second": 92.11284254544678,
+                  },
+                  Object {
+                    "first": 230,
+                    "second": 91.98284254544677,
+                  },
+                  Object {
+                    "first": 240,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 250,
+                    "second": 92.36284254544678,
+                  },
+                  Object {
+                    "first": 260,
+                    "second": 92.42284254544678,
+                  },
+                  Object {
+                    "first": 270,
+                    "second": 92.67284254544678,
+                  },
+                  Object {
+                    "first": 280,
+                    "second": 92.28284254544678,
+                  },
+                  Object {
+                    "first": 290,
+                    "second": 92.92284254544678,
+                  },
+                  Object {
+                    "first": 300,
+                    "second": 92.57284254544678,
+                  },
+                  Object {
+                    "first": 310,
+                    "second": 92.89284254544678,
+                  },
+                  Object {
+                    "first": 320,
+                    "second": 92.95284254544679,
+                  },
+                  Object {
+                    "first": 330,
+                    "second": 92.77284254544678,
+                  },
+                  Object {
+                    "first": 340,
+                    "second": 93.03284254544678,
+                  },
+                  Object {
+                    "first": 350,
+                    "second": 92.80284254544678,
+                  },
+                  Object {
+                    "first": 360,
+                    "second": 92.91284254544678,
+                  },
+                  Object {
+                    "first": 370,
+                    "second": 93.01284254544677,
+                  },
+                  Object {
+                    "first": 380,
+                    "second": 92.59284254544677,
+                  },
+                  Object {
+                    "first": 390,
+                    "second": 93.09284254544677,
+                  },
+                  Object {
+                    "first": 400,
+                    "second": 92.67284254544678,
+                  },
+                  Object {
+                    "first": 410,
+                    "second": 92.97284254544678,
+                  },
+                  Object {
+                    "first": 420,
+                    "second": 92.73284254544677,
+                  },
+                  Object {
+                    "first": 430,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 440,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 453.76,
+                    "second": 92.35284254544678,
+                  },
+                ],
+                "exit": "68",
+                "lat": 45.5158447,
+                "lon": -122.7991022,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Sunset Hwy",
               },
-            },
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684864716000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "distance": 54.68,
-                "elevationProfile": Array [],
-                "lat": 45.5241463,
-                "lon": -122.6831887,
-                "relativeDirection": "DEPART",
+                "bogusName": false,
+                "distance": 354.957,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 92.45284254544679,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 92.59284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 92.68284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 92.76284254544677,
+                  },
+                  Object {
+                    "first": 46.41,
+                    "second": 92.88284254544678,
+                  },
+                  Object {
+                    "first": 46.405,
+                    "second": 92.88284254544678,
+                  },
+                  Object {
+                    "first": 56.405,
+                    "second": 93.26284254544677,
+                  },
+                  Object {
+                    "first": 66.405,
+                    "second": 93.94284254544678,
+                  },
+                  Object {
+                    "first": 76.405,
+                    "second": 93.84284254544677,
+                  },
+                  Object {
+                    "first": 86.405,
+                    "second": 93.92284254544678,
+                  },
+                  Object {
+                    "first": 96.405,
+                    "second": 93.87284254544677,
+                  },
+                  Object {
+                    "first": 106.405,
+                    "second": 93.63284254544678,
+                  },
+                  Object {
+                    "first": 116.405,
+                    "second": 94.07284254544678,
+                  },
+                  Object {
+                    "first": 122.105,
+                    "second": 94.33284254544678,
+                  },
+                  Object {
+                    "first": 122.109,
+                    "second": 94.33284254544678,
+                  },
+                  Object {
+                    "first": 132.10899999999998,
+                    "second": 94.61284254544678,
+                  },
+                  Object {
+                    "first": 142.10899999999998,
+                    "second": 94.83284254544678,
+                  },
+                  Object {
+                    "first": 152.10899999999998,
+                    "second": 94.85284254544678,
+                  },
+                  Object {
+                    "first": 162.10899999999998,
+                    "second": 94.77284254544678,
+                  },
+                  Object {
+                    "first": 172.10899999999998,
+                    "second": 94.72284254544678,
+                  },
+                  Object {
+                    "first": 182.10899999999998,
+                    "second": 94.75284254544678,
+                  },
+                  Object {
+                    "first": 192.10899999999998,
+                    "second": 95.16284254544678,
+                  },
+                  Object {
+                    "first": 199.379,
+                    "second": 95.40284254544677,
+                  },
+                  Object {
+                    "first": 199.375,
+                    "second": 95.40284254544677,
+                  },
+                  Object {
+                    "first": 209.375,
+                    "second": 95.77284254544678,
+                  },
+                  Object {
+                    "first": 219.375,
+                    "second": 95.91284254544678,
+                  },
+                  Object {
+                    "first": 233.555,
+                    "second": 95.97284254544678,
+                  },
+                  Object {
+                    "first": 233.559,
+                    "second": 95.97284254544678,
+                  },
+                  Object {
+                    "first": 243.559,
+                    "second": 95.93284254544677,
+                  },
+                  Object {
+                    "first": 254.399,
+                    "second": 95.94284254544678,
+                  },
+                  Object {
+                    "first": 254.401,
+                    "second": 95.94284254544678,
+                  },
+                  Object {
+                    "first": 264.401,
+                    "second": 95.86284254544678,
+                  },
+                  Object {
+                    "first": 274.401,
+                    "second": 95.67284254544678,
+                  },
+                  Object {
+                    "first": 284.401,
+                    "second": 95.54284254544677,
+                  },
+                  Object {
+                    "first": 296.041,
+                    "second": 95.32284254544678,
+                  },
+                  Object {
+                    "first": 296.041,
+                    "second": 95.32284254544678,
+                  },
+                  Object {
+                    "first": 306.041,
+                    "second": 95.12284254544677,
+                  },
+                  Object {
+                    "first": 316.041,
+                    "second": 94.91284254544678,
+                  },
+                  Object {
+                    "first": 326.041,
+                    "second": 94.76284254544677,
+                  },
+                  Object {
+                    "first": 339.131,
+                    "second": 94.53284254544678,
+                  },
+                  Object {
+                    "first": 339.131,
+                    "second": 94.53284254544678,
+                  },
+                  Object {
+                    "first": 349.131,
+                    "second": 94.33284254544678,
+                  },
+                  Object {
+                    "first": 354.96099999999996,
+                    "second": 94.27284254544678,
+                  },
+                ],
+                "lat": 45.5135001,
+                "lon": -122.7943431,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northwest 12th Avenue",
+                "streetName": "SW Cedar Hills Blvd",
               },
               Object {
                 "absoluteDirection": "EAST",
-                "alerts": Array [],
                 "area": false,
-                "distance": 79.48,
-                "elevationProfile": Array [],
-                "lat": 45.5236547,
-                "lon": -122.6831692,
-                "relativeDirection": "LEFT",
+                "bogusName": false,
+                "distance": 774.5189999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 94.27284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 94.21284254544678,
+                  },
+                  Object {
+                    "first": 18.26,
+                    "second": 94.17284254544678,
+                  },
+                  Object {
+                    "first": 18.257,
+                    "second": 94.17284254544678,
+                  },
+                  Object {
+                    "first": 28.257,
+                    "second": 94.05284254544678,
+                  },
+                  Object {
+                    "first": 38.257000000000005,
+                    "second": 94.03284254544678,
+                  },
+                  Object {
+                    "first": 48.257000000000005,
+                    "second": 93.95284254544679,
+                  },
+                  Object {
+                    "first": 58.257000000000005,
+                    "second": 93.84284254544677,
+                  },
+                  Object {
+                    "first": 73.247,
+                    "second": 93.71284254544678,
+                  },
+                  Object {
+                    "first": 73.247,
+                    "second": 93.71284254544678,
+                  },
+                  Object {
+                    "first": 83.247,
+                    "second": 93.60284254544678,
+                  },
+                  Object {
+                    "first": 93.247,
+                    "second": 93.52284254544678,
+                  },
+                  Object {
+                    "first": 100.17699999999999,
+                    "second": 93.47284254544678,
+                  },
+                  Object {
+                    "first": 100.176,
+                    "second": 93.47284254544678,
+                  },
+                  Object {
+                    "first": 114.416,
+                    "second": 93.33284254544678,
+                  },
+                  Object {
+                    "first": 114.412,
+                    "second": 93.33284254544678,
+                  },
+                  Object {
+                    "first": 124.412,
+                    "second": 93.21284254544678,
+                  },
+                  Object {
+                    "first": 134.412,
+                    "second": 93.09284254544677,
+                  },
+                  Object {
+                    "first": 144.412,
+                    "second": 93.00284254544678,
+                  },
+                  Object {
+                    "first": 154.412,
+                    "second": 92.89284254544678,
+                  },
+                  Object {
+                    "first": 164.412,
+                    "second": 92.76284254544677,
+                  },
+                  Object {
+                    "first": 174.412,
+                    "second": 92.61284254544678,
+                  },
+                  Object {
+                    "first": 184.412,
+                    "second": 92.50284254544678,
+                  },
+                  Object {
+                    "first": 194.782,
+                    "second": 92.48284254544677,
+                  },
+                  Object {
+                    "first": 235.01,
+                    "second": 92.02284254544678,
+                  },
+                  Object {
+                    "first": 248.91,
+                    "second": 91.91284254544678,
+                  },
+                  Object {
+                    "first": 248.914,
+                    "second": 91.91284254544678,
+                  },
+                  Object {
+                    "first": 258.914,
+                    "second": 91.81284254544678,
+                  },
+                  Object {
+                    "first": 268.914,
+                    "second": 91.74284254544678,
+                  },
+                  Object {
+                    "first": 278.914,
+                    "second": 91.62284254544677,
+                  },
+                  Object {
+                    "first": 288.914,
+                    "second": 91.54284254544677,
+                  },
+                  Object {
+                    "first": 298.094,
+                    "second": 91.45284254544679,
+                  },
+                  Object {
+                    "first": 298.09,
+                    "second": 91.45284254544679,
+                  },
+                  Object {
+                    "first": 308.09,
+                    "second": 91.35284254544678,
+                  },
+                  Object {
+                    "first": 318.09,
+                    "second": 91.25284254544678,
+                  },
+                  Object {
+                    "first": 325.19,
+                    "second": 91.16284254544678,
+                  },
+                  Object {
+                    "first": 325.18899999999996,
+                    "second": 91.16284254544678,
+                  },
+                  Object {
+                    "first": 335.18899999999996,
+                    "second": 91.05284254544678,
+                  },
+                  Object {
+                    "first": 345.18899999999996,
+                    "second": 90.96284254544678,
+                  },
+                  Object {
+                    "first": 355.18899999999996,
+                    "second": 90.85284254544678,
+                  },
+                  Object {
+                    "first": 365.18899999999996,
+                    "second": 90.72284254544678,
+                  },
+                  Object {
+                    "first": 375.18899999999996,
+                    "second": 90.58284254544678,
+                  },
+                  Object {
+                    "first": 385.18899999999996,
+                    "second": 90.47284254544678,
+                  },
+                  Object {
+                    "first": 390.679,
+                    "second": 90.41284254544678,
+                  },
+                  Object {
+                    "first": 435.15199999999993,
+                    "second": 89.99284254544678,
+                  },
+                  Object {
+                    "first": 445.15199999999993,
+                    "second": 89.95284254544679,
+                  },
+                  Object {
+                    "first": 455.15199999999993,
+                    "second": 89.98284254544677,
+                  },
+                  Object {
+                    "first": 465.15199999999993,
+                    "second": 90.02284254544678,
+                  },
+                  Object {
+                    "first": 475.15199999999993,
+                    "second": 90.14284254544678,
+                  },
+                  Object {
+                    "first": 483.69199999999995,
+                    "second": 90.31284254544678,
+                  },
+                  Object {
+                    "first": 483.6869999999999,
+                    "second": 90.31284254544678,
+                  },
+                  Object {
+                    "first": 493.6869999999999,
+                    "second": 90.57284254544678,
+                  },
+                  Object {
+                    "first": 503.6869999999999,
+                    "second": 90.90284254544677,
+                  },
+                  Object {
+                    "first": 513.6869999999999,
+                    "second": 91.29284254544677,
+                  },
+                  Object {
+                    "first": 523.6869999999999,
+                    "second": 91.76284254544677,
+                  },
+                  Object {
+                    "first": 533.6869999999999,
+                    "second": 92.27284254544678,
+                  },
+                  Object {
+                    "first": 543.6869999999999,
+                    "second": 92.79284254544677,
+                  },
+                  Object {
+                    "first": 553.6869999999999,
+                    "second": 93.36284254544678,
+                  },
+                  Object {
+                    "first": 563.6869999999999,
+                    "second": 93.99284254544678,
+                  },
+                  Object {
+                    "first": 573.6869999999999,
+                    "second": 94.62284254544677,
+                  },
+                  Object {
+                    "first": 587.5269999999999,
+                    "second": 95.65284254544677,
+                  },
+                  Object {
+                    "first": 587.5419999999999,
+                    "second": 95.65284254544677,
+                  },
+                  Object {
+                    "first": 597.5419999999999,
+                    "second": 96.35284254544678,
+                  },
+                  Object {
+                    "first": 607.5419999999999,
+                    "second": 97.01284254544677,
+                  },
+                  Object {
+                    "first": 617.5419999999999,
+                    "second": 97.86284254544678,
+                  },
+                  Object {
+                    "first": 627.5419999999999,
+                    "second": 98.59284254544677,
+                  },
+                  Object {
+                    "first": 637.5419999999999,
+                    "second": 99.25284254544678,
+                  },
+                  Object {
+                    "first": 647.5419999999999,
+                    "second": 99.97284254544678,
+                  },
+                  Object {
+                    "first": 657.5419999999999,
+                    "second": 100.84284254544677,
+                  },
+                  Object {
+                    "first": 667.5419999999999,
+                    "second": 101.61284254544678,
+                  },
+                  Object {
+                    "first": 677.5419999999999,
+                    "second": 102.34284254544677,
+                  },
+                  Object {
+                    "first": 687.5419999999999,
+                    "second": 103.03284254544678,
+                  },
+                  Object {
+                    "first": 697.5419999999999,
+                    "second": 103.71284254544678,
+                  },
+                  Object {
+                    "first": 707.5419999999999,
+                    "second": 104.39284254544678,
+                  },
+                  Object {
+                    "first": 717.5419999999999,
+                    "second": 105.12284254544677,
+                  },
+                  Object {
+                    "first": 729.9519999999999,
+                    "second": 106.04284254544677,
+                  },
+                  Object {
+                    "first": 729.9499999999999,
+                    "second": 106.04284254544677,
+                  },
+                  Object {
+                    "first": 739.9499999999999,
+                    "second": 106.80284254544678,
+                  },
+                  Object {
+                    "first": 749.9499999999999,
+                    "second": 107.46284254544678,
+                  },
+                  Object {
+                    "first": 759.9499999999999,
+                    "second": 108.24284254544678,
+                  },
+                  Object {
+                    "first": 774.52,
+                    "second": 109.32284254544678,
+                  },
+                ],
+                "lat": 45.5163189,
+                "lon": -122.7922059,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northwest Couch Street",
+                "streetName": "SW Barnes Rd",
               },
               Object {
                 "absoluteDirection": "SOUTH",
-                "alerts": Array [],
                 "area": false,
-                "distance": 79.25,
-                "elevationProfile": Array [],
-                "lat": 45.5236734,
-                "lon": -122.6821493,
+                "bogusName": true,
+                "distance": 311.94,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 109.32284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 109.10284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 108.87284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 108.82284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 109.06284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 109.01284254544677,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 109.22284254544678,
+                  },
+                  Object {
+                    "first": 68.93,
+                    "second": 109.91284254544678,
+                  },
+                  Object {
+                    "first": 68.929,
+                    "second": 109.91284254544678,
+                  },
+                  Object {
+                    "first": 78.929,
+                    "second": 110.67284254544678,
+                  },
+                  Object {
+                    "first": 88.929,
+                    "second": 111.06284254544678,
+                  },
+                  Object {
+                    "first": 98.929,
+                    "second": 112.14284254544678,
+                  },
+                  Object {
+                    "first": 108.929,
+                    "second": 112.73284254544677,
+                  },
+                  Object {
+                    "first": 118.929,
+                    "second": 113.51284254544677,
+                  },
+                  Object {
+                    "first": 128.929,
+                    "second": 114.32284254544678,
+                  },
+                  Object {
+                    "first": 138.929,
+                    "second": 115.02284254544678,
+                  },
+                  Object {
+                    "first": 148.929,
+                    "second": 115.71284254544678,
+                  },
+                  Object {
+                    "first": 158.929,
+                    "second": 116.67284254544678,
+                  },
+                  Object {
+                    "first": 168.929,
+                    "second": 117.28284254544678,
+                  },
+                  Object {
+                    "first": 178.929,
+                    "second": 118.00284254544678,
+                  },
+                  Object {
+                    "first": 188.249,
+                    "second": 118.66284254544678,
+                  },
+                  Object {
+                    "first": 188.25799999999998,
+                    "second": 118.66284254544678,
+                  },
+                  Object {
+                    "first": 198.25799999999998,
+                    "second": 119.40284254544677,
+                  },
+                  Object {
+                    "first": 208.25799999999998,
+                    "second": 119.94284254544678,
+                  },
+                  Object {
+                    "first": 218.25799999999998,
+                    "second": 120.58284254544678,
+                  },
+                  Object {
+                    "first": 228.25799999999998,
+                    "second": 121.12284254544677,
+                  },
+                  Object {
+                    "first": 238.25799999999998,
+                    "second": 121.50284254544678,
+                  },
+                  Object {
+                    "first": 248.25799999999998,
+                    "second": 121.56284254544678,
+                  },
+                  Object {
+                    "first": 258.258,
+                    "second": 121.97284254544678,
+                  },
+                  Object {
+                    "first": 270.038,
+                    "second": 122.00284254544678,
+                  },
+                  Object {
+                    "first": 270.039,
+                    "second": 122.00284254544678,
+                  },
+                  Object {
+                    "first": 281.539,
+                    "second": 122.26284254544677,
+                  },
+                  Object {
+                    "first": 281.536,
+                    "second": 122.26284254544677,
+                  },
+                  Object {
+                    "first": 288.896,
+                    "second": 122.19284254544678,
+                  },
+                  Object {
+                    "first": 288.896,
+                    "second": 122.19284254544678,
+                  },
+                  Object {
+                    "first": 297.966,
+                    "second": 122.48284254544677,
+                  },
+                  Object {
+                    "first": 297.962,
+                    "second": 122.48284254544677,
+                  },
+                  Object {
+                    "first": 311.942,
+                    "second": 123.00284254544678,
+                  },
+                ],
+                "lat": 45.5125719,
+                "lon": -122.7845438,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northwest 11th Avenue",
+                "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "distance": 430.23,
-                "elevationProfile": Array [],
-                "lat": 45.5229609,
-                "lon": -122.6821228,
-                "relativeDirection": "LEFT",
+                "bogusName": false,
+                "distance": 23.106,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 123.00284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 123.17284254544678,
+                  },
+                  Object {
+                    "first": 23.11,
+                    "second": 123.45284254544679,
+                  },
+                ],
+                "lat": 45.5107701,
+                "lon": -122.7832351,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "West Burnside Street",
+                "streetName": "Sunset TC",
               },
             ],
             "to": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
           },
           Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 0,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 60,
-            "endTime": 1684864920000,
+            "distance": 129.87800000000001,
+            "duration": 211,
+            "endTime": 1573689944000,
             "from": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "weztG~gwkVJ?",
+              "length": 9,
+              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
             },
             "mode": "WALK",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": null,
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684864860000,
-            "steps": Array [],
-            "to": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689733000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 4.916,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.81284254544678,
+                  },
+                  Object {
+                    "first": 4.92,
+                    "second": 124.83284254544678,
+                  },
+                ],
+                "lat": 45.5102908,
+                "lon": -122.7818368,
+                "relativeDirection": "SLIGHTLY_RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 70.646,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.83284254544678,
+                  },
+                  Object {
+                    "first": 14.73,
+                    "second": 124.88284254544678,
+                  },
+                  Object {
+                    "first": 14.733,
+                    "second": 124.88284254544678,
+                  },
+                  Object {
+                    "first": 22.733,
+                    "second": 125.10284254544678,
+                  },
+                  Object {
+                    "first": 22.735,
+                    "second": 125.10284254544678,
+                  },
+                  Object {
+                    "first": 30.744999999999997,
+                    "second": 125.01284254544677,
+                  },
+                  Object {
+                    "first": 30.747,
+                    "second": 125.01284254544677,
+                  },
+                  Object {
+                    "first": 40.747,
+                    "second": 124.40284254544677,
+                  },
+                  Object {
+                    "first": 50.697,
+                    "second": 124.84284254544677,
+                  },
+                ],
+                "lat": 45.5102601,
+                "lon": -122.7817914,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "steps",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 5.759,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.84284254544677,
+                  },
+                  Object {
+                    "first": 5.76,
+                    "second": 123.03284254544678,
+                  },
+                ],
+                "lat": 45.5102506,
+                "lon": -122.7813456,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
               },
-              "stopCode": "792",
-              "stopId": "trimet:792",
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 48.557,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 123.03284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 122.86284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 123.26284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 122.91284254544678,
+                  },
+                  Object {
+                    "first": 43.81,
+                    "second": 124.38284254544678,
+                  },
+                ],
+                "lat": 45.5102967,
+                "lon": -122.7813119,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Sunset TC (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "9969",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
           },
           Object {
-            "agency": Object {
-              "alerts": Array [],
-              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
-              "name": "TriMet",
-              "timezone": "America/Los_Angeles",
-              "url": "https://trimet.org/",
-            },
-            "agencyBrandingUrl": "https://trimet.org/",
-            "agencyId": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
+            "agencyId": "TRIMET",
             "agencyName": "TriMet",
-            "agencyUrl": "https://trimet.org/",
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 1780.82,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 360,
-            "endTime": 1684865280000,
+            "distance": 9135.118140577872,
+            "duration": 1280,
+            "endTime": 1573691225000,
             "from": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
-              },
-              "stopCode": "792",
-              "stopId": "trimet:792",
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "2600",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
+            "hailedCar": false,
+            "headsign": "Gresham",
+            "interStopGeometry": Array [
+              Object {
+                "length": 114,
+                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
+              },
+              Object {
+                "length": 63,
+                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
+              },
+              Object {
+                "length": 27,
+                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
+              },
+              Object {
+                "length": 19,
+                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
+              },
+              Object {
+                "length": 32,
+                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
+              },
+              Object {
+                "length": 10,
+                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
+              },
+              Object {
+                "length": 8,
+                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
+              },
+              Object {
+                "length": 22,
+                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+              },
+              Object {
+                "length": 23,
+                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              },
+            ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "lat": 45.523009,
-                "locationType": "STOP",
-                "lon": -122.672529,
-                "name": "W Burnside & SW 2nd",
-                "stopCode": "9526",
-                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+                "arrival": 1573690230000,
+                "departure": 1573690255000,
+                "lat": 45.510653,
+                "lon": -122.71634,
+                "name": "Washington Park MAX Station",
+                "stopCode": "10120",
+                "stopId": "TriMet:10120",
+                "stopIndex": 16,
+                "stopSequence": 17,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
               },
               Object {
-                "lat": 45.522847,
-                "locationType": "STOP",
-                "lon": -122.657843,
-                "name": "E Burnside & SE 8th",
-                "stopCode": "820",
-                "stopId": "U3RvcDp0cmltZXQ6ODIw",
+                "arrival": 1573690480000,
+                "departure": 1573690515000,
+                "lat": 45.517989,
+                "lon": -122.693544,
+                "name": "Goose Hollow/SW Jefferson St MAX Station",
+                "stopCode": "10118",
+                "stopId": "TriMet:10118",
+                "stopIndex": 17,
+                "stopSequence": 18,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690590000,
+                "departure": 1573690610000,
+                "lat": 45.520592,
+                "lon": -122.691005,
+                "name": "Kings Hill/SW Salmon St MAX Station",
+                "stopCode": "9759",
+                "stopId": "TriMet:9759",
+                "stopIndex": 18,
+                "stopSequence": 19,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690660000,
+                "departure": 1573690690000,
+                "lat": 45.521321,
+                "lon": -122.689886,
+                "name": "Providence Park MAX Station",
+                "stopCode": "9758",
+                "stopId": "TriMet:9758",
+                "stopIndex": 19,
+                "stopSequence": 20,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690835000,
+                "departure": 1573690870000,
+                "lat": 45.51916,
+                "lon": -122.68162,
+                "name": "Library/SW 9th Ave MAX Station",
+                "stopCode": "8333",
+                "stopId": "TriMet:8333",
+                "stopIndex": 20,
+                "stopSequence": 21,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690930000,
+                "departure": 1573690975000,
+                "lat": 45.518496,
+                "lon": -122.679145,
+                "name": "Pioneer Square South MAX Station",
+                "stopCode": "8334",
+                "stopId": "TriMet:8334",
+                "stopIndex": 21,
+                "stopSequence": 22,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691015000,
+                "departure": 1573691060000,
+                "lat": 45.517942,
+                "lon": -122.677088,
+                "name": "Mall/SW 4th Ave MAX Station",
+                "stopCode": "8335",
+                "stopId": "TriMet:8335",
+                "stopIndex": 22,
+                "stopSequence": 23,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691115000,
+                "departure": 1573691145000,
+                "lat": 45.517153,
+                "lon": -122.674172,
+                "name": "Yamhill District MAX Station",
+                "stopCode": "8336",
+                "stopId": "TriMet:8336",
+                "stopIndex": 23,
+                "stopSequence": 24,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 53,
-              "points": "weztG~gwkV?]?C?k@AeBA}@?GA{@AiCAY?e@CiCCiD???_@?[@kBIS@}A@iC@aAFaL@yA@{AF{LDiHBkCFUA}@?iAAO?K?qE?K?_@?kA?e@@m@?aB?gB?gA?A?}A???a@?aC?iA@aC?gA?U?uD@U?iC",
+              "length": 310,
+              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
             },
-            "mode": "BUS",
+            "mode": "TRAM",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
-            "rentedBike": null,
-            "rideHailingEstimate": null,
-            "route": "20",
-            "routeColor": null,
-            "routeId": undefined,
-            "routeLongName": "Burnside/Stark",
-            "routeShortName": "20",
-            "routeTextColor": null,
-            "startTime": 1684864920000,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573689945000,
             "steps": Array [],
             "to": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
-              },
-              "stopCode": "13327",
-              "stopId": "trimet:13327",
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "trip": Object {
-              "gtfsId": "trimet:12340517",
-              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
-              "tripHeadsign": null,
-            },
-            "tripHeadsign": null,
-            "tripId": "trimet:12340517",
+            "tripBlockId": "9030",
+            "tripId": "TriMet:9265522",
           },
           Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 0,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 60,
-            "endTime": 1684865340000,
+            "distance": 205.33399999999997,
+            "duration": 173,
+            "endTime": 1573691399000,
             "from": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
-              },
-              "stopCode": "13327",
-              "stopId": "trimet:13327",
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "sdztGlyrkVO?",
+              "length": 19,
+              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
             },
             "mode": "WALK",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
-            "rentedBike": false,
-            "rideHailingEstimate": null,
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684865280000,
-            "steps": Array [],
-            "to": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
-          },
-          Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
-            "arrivalDelay": 0,
-            "boardRule": null,
-            "departureDelay": 0,
-            "distance": 334.71,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 66,
-            "endTime": 1684865406000,
-            "from": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
-              "vertexType": "NORMAL",
-            },
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
-            "legGeometry": Object {
-              "length": 17,
-              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
-            },
-            "mode": "CAR",
-            "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": Object {
-              "arrival": "PT2M",
-              "maxPrice": Object {
-                "amount": 18,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "provider": Object {
-                "id": "uber",
-              },
-            },
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684865340000,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573691226000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "distance": 16.06,
-                "elevationProfile": Array [],
-                "lat": 45.522907,
-                "lon": -122.653824,
+                "bogusName": false,
+                "distance": 3.95,
+                "elevation": Array [],
+                "lat": 45.52028372216824,
+                "lon": -122.67216050734417,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "East Burnside Street",
+                "streetName": "Oak/SW 1st Ave (path)",
               },
               Object {
                 "absoluteDirection": "NORTH",
-                "alerts": Array [],
                 "area": false,
-                "distance": 318.65,
-                "elevationProfile": Array [],
-                "lat": 45.5229076,
-                "lon": -122.6536179,
+                "bogusName": true,
+                "distance": 8.284,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 8.28,
+                    "second": 7.602842545446778,
+                  },
+                ],
+                "lat": 45.5203121,
+                "lon": -122.6721326,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 11.162,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 6.74,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 6.738,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 11.158000000000001,
+                    "second": 7.482842545446779,
+                  },
+                ],
+                "lat": 45.5203813,
+                "lon": -122.6720932,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northeast 12th Avenue",
+                "streetName": "SW Oak St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 79.148,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.482842545446779,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 7.492842545446779,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 7.522842545446778,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 7.552842545446778,
+                  },
+                  Object {
+                    "first": 79.15,
+                    "second": 7.542842545446778,
+                  },
+                ],
+                "lat": 45.5204174,
+                "lon": -122.6722269,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW 1st Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 102.78999999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.542842545446778,
+                  },
+                  Object {
+                    "first": 11.54,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 11.536,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 26.286,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 36.285,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 57.864999999999995,
+                    "second": 7.762842545446778,
+                  },
+                  Object {
+                    "first": 67.865,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 73.965,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 73.964,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 83.964,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 93.964,
+                    "second": 7.852842545446778,
+                  },
+                  Object {
+                    "first": 102.794,
+                    "second": 7.922842545446779,
+                  },
+                ],
+                "lat": 45.5210839,
+                "lon": -122.6718705,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Pine St",
               },
             ],
             "to": Object {
-              "lat": 45.525773,
-              "lon": -122.6535042,
-              "name": "407 NE 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "arrival": 1573691399000,
+              "lat": 45.521469054694954,
+              "lon": -122.67307275796767,
+              "name": "205 SW Pine St, Portland, OR, USA 97204",
+              "orig": "205 SW Pine St, Portland, OR, USA 97204",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
           },
         ],
-        "startTime": 1684864716000,
-        "waitingTime": 0,
-        "walkTime": 330,
+        "startTime": 1573689007000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 1280,
+        "waitingTime": 122,
+        "walkDistance": 387.15802624199944,
+        "walkLimitExceeded": false,
+        "walkTime": 990,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -59322,11 +65419,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   color: #333;
 }
 
-.c58 {
+.c65 {
   color: #f44256;
 }
 
-.c27 {
+.c26 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -59336,123 +65433,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c30 {
-  background-color: #fff;
-  background-image: none;
-  border-radius: 4px;
-  border: 1px solid #ccc;
-  color: #333;
-  cursor: pointer;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 400;
-  padding: 4px 6px;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  white-space: nowrap;
-}
-
-.c30:hover {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-
-.c30:active {
-  color: #333;
-  background-color: #e6e6e6;
-  background-image: none;
-  border-color: #adadad;
-  outline: 0;
-  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
-}
-
-.c30:focus {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #8c8c8c;
-}
-
-.c30:active:hover {
-  color: #333;
-  background-color: #d4d4d4;
-  border-color: #8c8c8c;
-}
-
-.c37 {
+.c41 {
   color: #008;
   margin-left: 5px;
 }
 
-.c37:hover {
+.c41:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c38 {
+.c42 {
   padding-left: 0px;
 }
 
-.c38:before {
+.c42:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c55 {
-  bottom: 0;
-  left: 110px;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.c56 {
-  background-color: #fcf9d3;
-  display: table;
-  height: 100%;
-  width: 100%;
-}
-
-.c54 {
-  border-bottom: 16px solid transparent;
-  border-right: 16px solid #fcf9d3;
-  border-top: 16px solid transparent;
-  height: 0;
-  left: 94px;
-  position: absolute;
-  top: 0;
-  width: 0;
-}
-
-.c57 {
-  color: #444;
-  display: table-cell;
-  font-style: italic;
-  line-height: 0.95;
-  padding: 0px 2px;
-  vertical-align: middle;
-}
-
-.c29 {
-  height: 32px;
-  margin-bottom: 10px;
-  margin-top: 10px;
-  position: relative;
-}
-
-.c47::before {
+.c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c49 {
+.c60 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -59464,13 +65470,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding: 0;
 }
 
-.c22 {
+.c21 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c28 {
+.c27 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -59481,7 +65487,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   z-index: 1;
 }
 
-.c23 {
+.c22 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -59504,34 +65510,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   width: 0;
 }
 
-.c26 {
+.c47 {
+  font-weight: 200;
+}
+
+.c25 {
   font-weight: inherit;
 }
 
-.c42 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c41 {
+.c45 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c39 {
+.c43 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c25 img,
-.c25 svg {
+.c24 img,
+.c24 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c24 {
+.c23 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -59543,9 +65553,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding-right: 5px;
 }
 
-.c32 {
+.c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -59592,7 +65602,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding: 3px 0 10px 0;
 }
 
-.c21 {
+.c40 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -59601,13 +65611,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   margin-top: -14px;
 }
 
-.c35 {
+.c32 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c33 {
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -59618,7 +65638,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   margin-top: 10px;
 }
 
-.c33 a {
+.c29 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -59633,34 +65653,122 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   justify-content: center;
 }
 
-.c34 {
+.c30 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c52 {
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c63 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c64 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c50 {
+.c61 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c51 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
   margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c45 {
+.c55 {
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 5px;
+  margin-top: 0.5em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c55:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c53 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c54 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c52 {
+  float: left;
+  font-size: 18px;
+}
+
+.c50 {
+  display: block;
+  margin-top: 3px;
+  padding: 0;
+}
+
+.c49 {
+  color: #d14727;
+  cursor: cursor;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c56 {
+  margin-top: 5px;
+}
+
+.c57 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -59668,30 +65776,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   display: flex;
 }
 
-.c48 {
+.c59 {
   font-size: 14px;
 }
 
-.c46 {
+.c58 {
   padding: 0;
 }
 
-.c43 {
+.c48 {
   margin-top: 5px;
 }
 
-.c43 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c43 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c43 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -59705,7 +65813,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   font-family: Hind,sans-serif;
 }
 
-.c1 .c40 {
+.c1 .c44 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -59751,7 +65859,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   width: 100%;
 }
 
-.c1 .c51 {
+.c1 .c62 {
   margin-left: -23px;
 }
 
@@ -59784,7 +65892,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   z-index: 10;
 }
 
-.c31 {
+.c38 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -59797,11 +65905,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   z-index: 10;
 }
 
-.c36 {
+.c39 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #000088;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -59882,13 +65990,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        128 NW 12th Ave, Portland
+        330 SW Murray Blvd, Washington County, OR, USA 97005
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      10:58 AM
+      3:50 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -59898,84 +66006,455 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
     <div
       className="c20 place-details "
     >
-      <div>
-        <div
-          className="c21"
-        >
-          Wait 4 minutes for  pickup
-        </div>
+      <div
+        className="c21"
+      >
         <div
-          className="c22"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
-          <div
-            className="styled__LegClickable-sc-1q8npbl-24"
+          <span
+            className="c22"
           >
             <span
               className="c23"
             >
               <span
-                className="c24"
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  viewBox="0 0 512 512"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Drive 2.4 miles to 
+              <span
+                className="c25"
+              >
+                P+R Sunset TC
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              10 min
+              <span
+                className="c31"
               >
-                <span
-                  className="c25"
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <span>
-                    uber
-                  </span>
-                </span>
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
               </span>
               <span
                 className="c19 invisible-additional-details"
               >
-                 - 
-              </span>
-              <span>
-                Ride 0.4 miles to 
-                <span
-                  className="c26"
-                >
-                  West Burnside Street
-                </span>
+                (Expand details)
               </span>
-              <button
-                className="c27 c28"
-                onClick={[Function]}
-              >
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  Zoom to leg on map
-                </span>
-              </button>
-            </span>
-          </div>
+            </button>
+          </span>
           <div
-            className="c29"
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
           >
-            <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
-              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
-              target="_blank"
+            <div
+              style={Object {}}
             >
-              Book Ride
-            </a>
-          </div>
-          <div
-            className="styled__TNCTravelTime-sc-1q8npbl-14"
-          >
-            Estimated travel time: 
-            2 min
-             (does not account for traffic)
-          </div>
-          <div
-            className="styled__TNCCost-sc-1q8npbl-15"
-          >
-            Estimated cost: 
-            $17.00
-             - 
-            $19.00
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTHWEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        parking aisle
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        158 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        150 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.4 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.6 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Cedar Hills Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Barnes Rd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.5 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        76 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
           </div>
-        </div>
+        </span>
       </div>
     </div>
   </li>
@@ -59986,7 +66465,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c31 leg-line"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -60016,13 +66495,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        West Burnside Street
+        P+R Sunset TC
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:01 AM
+      4:02 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -60033,19 +66512,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c20 place-details "
     >
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span
-              className="c24"
+              className="c23"
             >
               <span
-                className="c25"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -60078,15 +66557,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk to 
+              Walk 426 feet to 
               <span
-                className="c26"
+                className="c25"
               >
-                W Burnside & SW 6th
+                Sunset TC MAX Station
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -60098,17 +66577,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           </span>
         </div>
         <span
-          className="c32"
+          className="c28"
         >
           <span
-            className="c33"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c27 c34"
+              className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              3 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -60131,8 +66629,141 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               style={Object {}}
             >
               <ol
-                className="c35"
-              />
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        16 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        steps
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        232 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        159 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
         </span>
@@ -60146,7 +66777,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c36 leg-line"
+        className="c39 leg-line"
       />
       <span
         className="c7"
@@ -60192,13 +66823,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        W Burnside & SW 6th
+        Sunset TC MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:02 AM
+      4:05 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -60209,11 +66840,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c20 place-details transit"
     >
       <div
-        className="c21 transit-leg-subheader"
+        className="c40 transit-leg-subheader"
       >
-        Stop ID 792
+        Stop ID 2600
         <button
-          className="c27 c37 c38"
+          className="c26 c41 c42"
           onClick={[Function]}
           role="link"
         >
@@ -60221,13 +66852,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         </button>
       </div>
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span>
               <span
@@ -60237,56 +66868,57 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 Ride
               </span>
               <span
-                className="c23 c39"
+                className="c22 c43"
               >
                 <span
-                  className="c24"
+                  className="c23"
                 >
                   <span
-                    className="c25"
+                    className="c24"
                   >
                     <svg
-                      aria-label="BUS"
+                      aria-label="TRAM"
                       height="100%"
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": undefined,
+                          "routeId": "TriMet:100",
                           "shortName": undefined,
                         }
                       }
                       version="1.0"
-                      viewBox="0 0 81.59 99.992"
+                      viewBox="0 0 66.461 100"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M68.848,68.51"
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
                       />
                       <path
-                        d="M12.687,68.51"
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
                       />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
                     </svg>
                   </span>
                   <span
-                    className="c40 c41"
+                    className="c44 c45"
                   >
-                    20
+                    MAX Blue Line
                   </span>
                 </span>
                 <span
-                  className="c42"
+                  className="c46"
                 >
                   <span>
-                    Burnside/Stark
+                    MAX Blue Line 
+                    <span
+                      className="c47"
+                    >
+                      to
+                    </span>
+                     Gresham
                   </span>
                 </span>
               </span>
@@ -60295,11 +66927,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               >
                  - 
                 Disembark at 
-                E Burnside & SE 12th
+                Oak/ SW 1st Ave MAX Station
               </span>
             </span>
             <button
-              className="c27 c28 transit-leg-button"
+              className="c26 c27 transit-leg-button"
               onClick={[Function]}
             >
               <span
@@ -60316,12 +66948,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           role="group"
         >
           <div
-            className="c43 agency-info"
+            className="c48 agency-info"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="https://trimet.org/"
+              href="http://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
@@ -60329,39 +66961,210 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               <img
                 alt=""
                 height={25}
-                src="https://trimet.org/"
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
               />
             </a>
           </div>
+          <button
+            className="c26 c49 alert-toggle"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+              (Expand details)
+            </span>
+          </button>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
             <div
               style={Object {}}
-            />
+            >
+              <ul
+                className="c50 alert-body"
+              >
+                <li
+                  className="c51"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c55"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c51"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 3, 2019
+                    <a
+                      className="c55"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
           <div
-            className="c44 transit-leg-details"
+            className="c56 transit-leg-details"
           >
             <div
-              className="c45"
+              className="c57"
             >
               <button
-                className="c27 c46"
+                className="c26 c58"
                 onClick={[Function]}
               >
                 Ride 
-                6 min
-                 / 3 stops
+                21 min
+                 / 9 stops
                 <span
-                  className="c47"
+                  className="c31"
                 >
                   <svg
                     aria-hidden="true"
@@ -60386,7 +67189,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 </span>
               </button>
               <button
-                className="c27 c37 c38"
+                className="c26 c41 c42"
                 onClick={[Function]}
                 role="link"
               >
@@ -60407,37 +67210,121 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c48"
+                  className="c59"
                 >
                   <ol
-                    className="c49"
+                    className="c60"
                   >
                     <li
-                      className="c50"
+                      className="c61"
                     >
                       <div
-                        className="c51 c52"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c64"
                       >
-                        W Burnside & SW 2nd
+                        Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c61"
                     >
                       <div
-                        className="c51 c52"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c64"
                       >
-                        E Burnside & SE 8th
+                        Goose Hollow/SW Jefferson St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Kings Hill/SW Salmon St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Providence Park MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Library/SW 9th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Pioneer Square South MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Mall/SW 4th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62 c63"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c64"
+                      >
+                        Yamhill District MAX Station
                       </div>
                     </li>
                   </ol>
@@ -60456,7 +67343,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c31 leg-line"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -60502,13 +67389,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        E Burnside & SE 12th
+        Oak/ SW 1st Ave MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:08 AM
+      4:27 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -60519,11 +67406,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c20 place-details "
     >
       <div
-        className="c21 transit-leg-subheader"
+        className="c40 transit-leg-subheader"
       >
-        Stop ID 13327
+        Stop ID 8337
         <button
-          className="c27 c37 c38"
+          className="c26 c41 c42"
           onClick={[Function]}
           role="link"
         >
@@ -60531,19 +67418,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         </button>
       </div>
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span
-              className="c24"
+              className="c23"
             >
               <span
-                className="c25"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -60576,15 +67463,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk to 
+              Walk 0.1 miles to 
               <span
-                className="c26"
+                className="c25"
               >
-                East Burnside Street
+                205 SW Pine St, Portland, OR, USA 97204
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -60596,17 +67483,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           </span>
         </div>
         <span
-          className="c32"
+          className="c28"
         >
           <span
-            className="c33"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c27 c34"
+              className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              2 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
               <span
                 className="c19 invisible-additional-details"
               >
@@ -60629,161 +67535,178 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               style={Object {}}
             >
               <ol
-                className="c35"
-              />
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="#888"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        East Burnside Street
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      11:09 AM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div>
-        <div
-          className="c21"
-        >
-          Wait for  pickup
-        </div>
-        <div
-          className="c22"
-        >
-          <div
-            className="styled__LegClickable-sc-1q8npbl-24"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
+                className="c32"
               >
-                <span
-                  className="c25"
+                <li
+                  className="c33"
                 >
-                  <span>
-                    uber
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-              </span>
-              <span>
-                Ride 0.2 miles to 
-                <span
-                  className="c26"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Oak/SW 1st Ave (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        13 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  407 NE 12th Ave, Portland
-                </span>
-              </span>
-              <button
-                className="c27 c28"
-                onClick={[Function]}
-              >
-                <span
-                  className="c19 invisible-additional-details"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  Zoom to leg on map
-                </span>
-              </button>
-            </span>
-          </div>
-          <div
-            className="c29"
-          >
-            <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
-              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
-              target="_blank"
-            >
-              Book Ride
-            </a>
-            <div
-              className="c54"
-            />
-            <div
-              className="c55"
-            >
-              <div
-                className="c56"
-              >
-                <div
-                  className="c57"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  Wait until 11:08 AM to book
-                </div>
-              </div>
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        337 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
-          <div
-            className="styled__TNCTravelTime-sc-1q8npbl-14"
-          >
-            Estimated travel time: 
-            1 min
-             (does not account for traffic)
-          </div>
-          <div
-            className="styled__TNCCost-sc-1q8npbl-15"
-          >
-            Estimated cost: 
-            $17.00
-             - 
-            $18.00
-          </div>
-        </div>
+        </span>
       </div>
     </div>
   </li>
@@ -60814,7 +67737,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c58 c12"
+          className="c8 c65 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -60836,19 +67759,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        407 NE 12th Ave, Portland
+        205 SW Pine St, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:10 AM
+      4:29 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      407 NE 12th Ave, Portland
+      205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
       className="c20 place-details "
@@ -60857,7 +67780,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -60869,7 +67792,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={true}
+    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 2392,
@@ -63293,7 +70216,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -63440,7 +70363,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -63642,7 +70565,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
 
 .c49 {
   color: #d14727;
-  cursor: cursor;
+  cursor: auto;
   display: inline-block;
   font-weight: 400;
   margin-top: 8px;
@@ -64850,7 +71773,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
               />
             </a>
           </div>
-          <button
+          <div
             className="c26 c49 alert-toggle"
             onClick={[Function]}
           >
@@ -64871,38 +71794,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
             </svg>
              
             2 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-              (Expand details)
-            </span>
-          </button>
+          </div>
           <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
             style={
               Object {
-                "height": 0,
-                "overflow": "hidden",
+                "height": "auto",
+                "overflow": "visible",
               }
             }
           >
@@ -65665,7 +72564,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -65677,7 +72576,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 2392,
@@ -68101,7 +74999,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -68248,7 +75146,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -70259,2017 +77157,1414 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                   >
                     <span>
                       CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Oak St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        37 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW 1st Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        260 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Pine St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        337 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c65 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        205 SW Pine St, Portland, OR, USA 97204
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:29 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
-    </span>
-    <div
-      className="c20 place-details "
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 2392,
-        "elevationGained": 89.18000000000004,
-        "elevationLost": 34.78000000000004,
-        "endTime": 1573691399000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 3913.6230000000005,
-            "duration": 606,
-            "endTime": 1573689613000,
-            "from": Object {
-              "departure": 1573689007000,
-              "lat": 45.516960039867676,
-              "lon": -122.81684703934856,
-              "name": "330 SW Murray Blvd, Washington County, OR, USA 97005",
-              "orig": "330 SW Murray Blvd, Washington County, OR, USA 97005",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 150,
-              "points": "k\`ytG\`urlVJTAAAPK\`@Eh@UGSI_A_@KW??UMuC}AY?qAq@EAOIk@Sk@So@Q?AWEe@GSAWCa@_@g@IWAq@AWGKGCCIKKOESEWAU?OB[Dg@BMJa@zBoJrAaGhAcFh@cDlWc_A|AmE|AwEjAuC~D_JJ[OKw@k@wB{A{B}Au@i@_@WaAs@eAq@AAUOHk@\`@cCFYF[@IFWBIFSFWJYHUL[Xs@JWFKR]FKPYX_@h@m@XUNMJIDCVQh@Y@ARMTMXQRMBAPMRQLORUX_@Ra@Ta@Pc@L]L_@@IDOHa@Fa@BOFe@Dc@Be@@i@@cB@aA@o@V?V@JBJBHDHHVVHJFDFFHDNDH@F?J?HAHAJEHEFEFGFGFIXo@Vq@Vm@Ne@Ni@BMBKDOKMSWRu@",
-            },
-            "mode": "CAR",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689007000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 48.239999999999995,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 66.15284254544679,
-                  },
-                  Object {
-                    "first": 9.31,
-                    "second": 66.07284254544678,
-                  },
-                  Object {
-                    "first": 9.305,
-                    "second": 66.09284254544679,
-                  },
-                  Object {
-                    "first": 16.195,
-                    "second": 66.31284254544678,
-                  },
-                  Object {
-                    "first": 16.197,
-                    "second": 66.31284254544678,
-                  },
-                  Object {
-                    "first": 26.197,
-                    "second": 66.93284254544677,
-                  },
-                  Object {
-                    "first": 36.197,
-                    "second": 67.53284254544678,
-                  },
-                  Object {
-                    "first": 48.236999999999995,
-                    "second": 67.90284254544679,
-                  },
-                ],
-                "lat": 45.51702581777306,
-                "lon": -122.81696535340403,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "parking aisle",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 347.583,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 67.90284254544679,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 68.13284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 68.38284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 68.60284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 68.88284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 69.10284254544678,
-                  },
-                  Object {
-                    "first": 62.14,
-                    "second": 69.36284254544678,
-                  },
-                  Object {
-                    "first": 193.014,
-                    "second": 70.71284254544678,
-                  },
-                  Object {
-                    "first": 203.014,
-                    "second": 71.01284254544677,
-                  },
-                  Object {
-                    "first": 213.014,
-                    "second": 71.35284254544678,
-                  },
-                  Object {
-                    "first": 223.014,
-                    "second": 71.73284254544677,
-                  },
-                  Object {
-                    "first": 233.014,
-                    "second": 72.15284254544679,
-                  },
-                  Object {
-                    "first": 246.03400000000002,
-                    "second": 72.76284254544677,
-                  },
-                ],
-                "lat": 45.5170776,
-                "lon": -122.8175366,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Murray Blvd",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 45.738,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 75.15284254544679,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 75.19284254544678,
-                  },
-                  Object {
-                    "first": 21.64,
-                    "second": 75.27284254544678,
-                  },
-                  Object {
-                    "first": 21.642,
-                    "second": 75.27284254544678,
-                  },
-                  Object {
-                    "first": 31.642,
-                    "second": 75.34284254544679,
-                  },
-                  Object {
-                    "first": 45.742000000000004,
-                    "second": 75.46284254544678,
-                  },
-                ],
-                "lat": 45.519972,
-                "lon": -122.815981,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NW Murray Blvd",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 643.86,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 75.46284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 75.69284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 75.88284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 76.04284254544677,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 76.07284254544678,
-                  },
-                  Object {
-                    "first": 46.2,
-                    "second": 76.04284254544677,
-                  },
-                  Object {
-                    "first": 46.198,
-                    "second": 76.04284254544677,
-                  },
-                  Object {
-                    "first": 56.198,
-                    "second": 75.99284254544678,
-                  },
-                  Object {
-                    "first": 66.19800000000001,
-                    "second": 76.21284254544678,
-                  },
-                  Object {
-                    "first": 76.19800000000001,
-                    "second": 76.42284254544677,
-                  },
-                  Object {
-                    "first": 86.19800000000001,
-                    "second": 76.74284254544678,
-                  },
-                  Object {
-                    "first": 96.19800000000001,
-                    "second": 77.19284254544678,
-                  },
-                  Object {
-                    "first": 106.19800000000001,
-                    "second": 77.24284254544678,
-                  },
-                  Object {
-                    "first": 116.19800000000001,
-                    "second": 77.49284254544678,
-                  },
-                  Object {
-                    "first": 126.19800000000001,
-                    "second": 77.21284254544678,
-                  },
-                  Object {
-                    "first": 136.198,
-                    "second": 77.24284254544678,
-                  },
-                  Object {
-                    "first": 146.198,
-                    "second": 76.97284254544678,
-                  },
-                  Object {
-                    "first": 156.198,
-                    "second": 76.93284254544677,
-                  },
-                  Object {
-                    "first": 166.198,
-                    "second": 77.30284254544678,
-                  },
-                  Object {
-                    "first": 176.198,
-                    "second": 77.66284254544678,
-                  },
-                  Object {
-                    "first": 187.05800000000002,
-                    "second": 77.63284254544678,
-                  },
-                  Object {
-                    "first": 187.061,
-                    "second": 77.63284254544678,
-                  },
-                  Object {
-                    "first": 197.061,
-                    "second": 77.42284254544677,
-                  },
-                  Object {
-                    "first": 207.061,
-                    "second": 77.04284254544677,
-                  },
-                  Object {
-                    "first": 217.061,
-                    "second": 76.88284254544678,
-                  },
-                  Object {
-                    "first": 227.061,
-                    "second": 76.54284254544677,
-                  },
-                  Object {
-                    "first": 237.061,
-                    "second": 76.28284254544678,
-                  },
-                  Object {
-                    "first": 247.061,
-                    "second": 76.01284254544677,
-                  },
-                  Object {
-                    "first": 257.06100000000004,
-                    "second": 75.60284254544678,
-                  },
-                  Object {
-                    "first": 267.06100000000004,
-                    "second": 75.32284254544678,
-                  },
-                  Object {
-                    "first": 277.06100000000004,
-                    "second": 74.90284254544679,
-                  },
-                  Object {
-                    "first": 287.06100000000004,
-                    "second": 74.51284254544677,
-                  },
-                  Object {
-                    "first": 297.06100000000004,
-                    "second": 74.23284254544677,
-                  },
-                  Object {
-                    "first": 307.06100000000004,
-                    "second": 73.79284254544677,
-                  },
-                  Object {
-                    "first": 317.06100000000004,
-                    "second": 73.50284254544678,
-                  },
-                  Object {
-                    "first": 327.06100000000004,
-                    "second": 73.06284254544678,
-                  },
-                  Object {
-                    "first": 337.06100000000004,
-                    "second": 72.74284254544678,
-                  },
-                  Object {
-                    "first": 347.06100000000004,
-                    "second": 72.51284254544677,
-                  },
-                  Object {
-                    "first": 357.06100000000004,
-                    "second": 71.87284254544679,
-                  },
-                  Object {
-                    "first": 367.06100000000004,
-                    "second": 71.74284254544678,
-                  },
-                  Object {
-                    "first": 377.06100000000004,
-                    "second": 71.09284254544679,
-                  },
-                  Object {
-                    "first": 387.06100000000004,
-                    "second": 69.44284254544678,
-                  },
-                  Object {
-                    "first": 397.06100000000004,
-                    "second": 65.96284254544678,
-                  },
-                  Object {
-                    "first": 407.06100000000004,
-                    "second": 64.89284254544677,
-                  },
-                  Object {
-                    "first": 417.06100000000004,
-                    "second": 64.63284254544678,
-                  },
-                  Object {
-                    "first": 427.06100000000004,
-                    "second": 64.55284254544678,
-                  },
-                  Object {
-                    "first": 437.06100000000004,
-                    "second": 64.35284254544678,
-                  },
-                  Object {
-                    "first": 447.06100000000004,
-                    "second": 63.962842545446776,
-                  },
-                  Object {
-                    "first": 457.06100000000004,
-                    "second": 63.70284254544678,
-                  },
-                  Object {
-                    "first": 467.06100000000004,
-                    "second": 64.40284254544679,
-                  },
-                  Object {
-                    "first": 477.06100000000004,
-                    "second": 64.86284254544678,
-                  },
-                  Object {
-                    "first": 487.06100000000004,
-                    "second": 64.53284254544678,
-                  },
-                  Object {
-                    "first": 497.06100000000004,
-                    "second": 64.96284254544678,
-                  },
-                  Object {
-                    "first": 507.06100000000004,
-                    "second": 64.74284254544678,
-                  },
-                  Object {
-                    "first": 517.061,
-                    "second": 64.07284254544678,
-                  },
-                  Object {
-                    "first": 527.061,
-                    "second": 64.36284254544678,
-                  },
-                  Object {
-                    "first": 537.061,
-                    "second": 64.99284254544678,
-                  },
-                  Object {
-                    "first": 547.061,
-                    "second": 67.31284254544678,
-                  },
-                  Object {
-                    "first": 557.061,
-                    "second": 67.44284254544678,
-                  },
-                  Object {
-                    "first": 567.061,
-                    "second": 67.59284254544679,
-                  },
-                  Object {
-                    "first": 577.061,
-                    "second": 67.19284254544678,
-                  },
-                  Object {
-                    "first": 587.061,
-                    "second": 67.36284254544678,
-                  },
-                  Object {
-                    "first": 597.061,
-                    "second": 67.33284254544678,
-                  },
-                  Object {
-                    "first": 607.061,
-                    "second": 67.27284254544678,
-                  },
-                  Object {
-                    "first": 617.061,
-                    "second": 67.31284254544678,
-                  },
-                  Object {
-                    "first": 627.061,
-                    "second": 67.23284254544677,
-                  },
-                  Object {
-                    "first": 637.061,
-                    "second": 67.17284254544677,
-                  },
-                  Object {
-                    "first": 643.861,
-                    "second": 67.12284254544679,
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        337 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c65 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        205 SW Pine St, Portland, OR, USA 97204
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:29 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
+    </span>
+    <div
+      className="c20 place-details "
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    itinerary={
+      Object {
+        "duration": 6223,
+        "elevationGained": 0.930000000000005,
+        "elevationLost": 11.050000000000002,
+        "endTime": 1651700473000,
+        "fare": Object {
+          "details": Object {
+            "electronicRegular": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                ],
-                "lat": 45.5203809,
-                "lon": -122.8159174,
-                "relativeDirection": "SLIGHTLY_RIGHT",
-                "stayOn": false,
-                "streetName": "NW Murray Blvd",
+                },
               },
               Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 909.919,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 67.12284254544679,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 67.04284254544677,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 66.96284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 66.89284254544677,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 66.82284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 66.79284254544677,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 66.73284254544677,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 66.72284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 66.65284254544679,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 66.66284254544678,
-                  },
-                  Object {
-                    "first": 100,
-                    "second": 66.61284254544678,
-                  },
-                  Object {
-                    "first": 110,
-                    "second": 66.63284254544678,
-                  },
-                  Object {
-                    "first": 120,
-                    "second": 66.46284254544678,
-                  },
-                  Object {
-                    "first": 130,
-                    "second": 66.53284254544678,
-                  },
-                  Object {
-                    "first": 140,
-                    "second": 66.55284254544678,
-                  },
-                  Object {
-                    "first": 150,
-                    "second": 66.58284254544678,
-                  },
-                  Object {
-                    "first": 160,
-                    "second": 66.63284254544678,
-                  },
-                  Object {
-                    "first": 170,
-                    "second": 66.63284254544678,
-                  },
-                  Object {
-                    "first": 180,
-                    "second": 66.68284254544677,
-                  },
-                  Object {
-                    "first": 190,
-                    "second": 66.67284254544677,
-                  },
-                  Object {
-                    "first": 200,
-                    "second": 66.74284254544678,
-                  },
-                  Object {
-                    "first": 210,
-                    "second": 66.76284254544677,
-                  },
-                  Object {
-                    "first": 220,
-                    "second": 66.80284254544678,
-                  },
-                  Object {
-                    "first": 230,
-                    "second": 66.83284254544678,
-                  },
-                  Object {
-                    "first": 240,
-                    "second": 66.90284254544679,
-                  },
-                  Object {
-                    "first": 250,
-                    "second": 66.92284254544677,
-                  },
-                  Object {
-                    "first": 260,
-                    "second": 66.96284254544678,
-                  },
-                  Object {
-                    "first": 270,
-                    "second": 67.04284254544677,
-                  },
-                  Object {
-                    "first": 280,
-                    "second": 67.05284254544678,
-                  },
-                  Object {
-                    "first": 290,
-                    "second": 67.09284254544679,
-                  },
-                  Object {
-                    "first": 300,
-                    "second": 67.13284254544678,
-                  },
-                  Object {
-                    "first": 310,
-                    "second": 67.19284254544678,
-                  },
-                  Object {
-                    "first": 320,
-                    "second": 67.22284254544678,
-                  },
-                  Object {
-                    "first": 330,
-                    "second": 67.28284254544678,
-                  },
-                  Object {
-                    "first": 340,
-                    "second": 67.29284254544677,
-                  },
-                  Object {
-                    "first": 350,
-                    "second": 67.35284254544678,
-                  },
-                  Object {
-                    "first": 360,
-                    "second": 67.35284254544678,
-                  },
-                  Object {
-                    "first": 370,
-                    "second": 67.43284254544677,
-                  },
-                  Object {
-                    "first": 380,
-                    "second": 67.39284254544677,
-                  },
-                  Object {
-                    "first": 390,
-                    "second": 67.49284254544678,
-                  },
-                  Object {
-                    "first": 400,
-                    "second": 67.47284254544678,
-                  },
-                  Object {
-                    "first": 410,
-                    "second": 67.52284254544678,
-                  },
-                  Object {
-                    "first": 420,
-                    "second": 67.07284254544678,
-                  },
-                  Object {
-                    "first": 430,
-                    "second": 67.22284254544678,
-                  },
-                  Object {
-                    "first": 440,
-                    "second": 67.31284254544678,
-                  },
-                  Object {
-                    "first": 450,
-                    "second": 67.00284254544678,
-                  },
-                  Object {
-                    "first": 460,
-                    "second": 67.56284254544678,
-                  },
-                  Object {
-                    "first": 470,
-                    "second": 66.92284254544677,
-                  },
-                  Object {
-                    "first": 480,
-                    "second": 67.60284254544678,
-                  },
-                  Object {
-                    "first": 490,
-                    "second": 66.91284254544678,
-                  },
-                  Object {
-                    "first": 500,
-                    "second": 67.68284254544677,
-                  },
-                  Object {
-                    "first": 510,
-                    "second": 66.90284254544679,
-                  },
-                  Object {
-                    "first": 520,
-                    "second": 67.69284254544678,
-                  },
-                  Object {
-                    "first": 530,
-                    "second": 67.19284254544678,
-                  },
-                  Object {
-                    "first": 540,
-                    "second": 67.78284254544678,
-                  },
-                  Object {
-                    "first": 550,
-                    "second": 67.59284254544679,
-                  },
-                  Object {
-                    "first": 560,
-                    "second": 68.15284254544679,
-                  },
-                  Object {
-                    "first": 570,
-                    "second": 68.27284254544678,
-                  },
-                  Object {
-                    "first": 580,
-                    "second": 68.09284254544679,
-                  },
-                  Object {
-                    "first": 590,
-                    "second": 68.89284254544677,
-                  },
-                  Object {
-                    "first": 600,
-                    "second": 68.67284254544677,
-                  },
-                  Object {
-                    "first": 610,
-                    "second": 69.65284254544679,
-                  },
-                  Object {
-                    "first": 620,
-                    "second": 69.03284254544678,
-                  },
-                  Object {
-                    "first": 630,
-                    "second": 70.04284254544677,
-                  },
-                  Object {
-                    "first": 640,
-                    "second": 69.74284254544678,
-                  },
-                  Object {
-                    "first": 650,
-                    "second": 70.59284254544679,
-                  },
-                  Object {
-                    "first": 660,
-                    "second": 70.57284254544678,
-                  },
-                  Object {
-                    "first": 670,
-                    "second": 71.11284254544678,
-                  },
-                  Object {
-                    "first": 680,
-                    "second": 71.29284254544677,
-                  },
-                  Object {
-                    "first": 690,
-                    "second": 71.82284254544678,
-                  },
-                  Object {
-                    "first": 700,
-                    "second": 72.23284254544677,
-                  },
-                  Object {
-                    "first": 710,
-                    "second": 72.61284254544678,
-                  },
-                  Object {
-                    "first": 720,
-                    "second": 72.94284254544678,
-                  },
-                  Object {
-                    "first": 730,
-                    "second": 73.33284254544678,
-                  },
-                  Object {
-                    "first": 740,
-                    "second": 73.71284254544678,
-                  },
-                  Object {
-                    "first": 750,
-                    "second": 74.14284254544677,
-                  },
-                  Object {
-                    "first": 760,
-                    "second": 74.52284254544678,
-                  },
-                  Object {
-                    "first": 770,
-                    "second": 74.95284254544677,
-                  },
-                  Object {
-                    "first": 780,
-                    "second": 75.38284254544678,
-                  },
-                  Object {
-                    "first": 790,
-                    "second": 75.82284254544678,
-                  },
-                  Object {
-                    "first": 800,
-                    "second": 76.30284254544678,
-                  },
-                  Object {
-                    "first": 810,
-                    "second": 76.66284254544678,
-                  },
-                  Object {
-                    "first": 820,
-                    "second": 77.28284254544678,
-                  },
-                  Object {
-                    "first": 830,
-                    "second": 77.70284254544677,
-                  },
-                  Object {
-                    "first": 840,
-                    "second": 78.31284254544678,
-                  },
-                  Object {
-                    "first": 850,
-                    "second": 78.80284254544678,
-                  },
-                  Object {
-                    "first": 860,
-                    "second": 79.36284254544678,
-                  },
-                  Object {
-                    "first": 870,
-                    "second": 79.84284254544679,
-                  },
-                  Object {
-                    "first": 880,
-                    "second": 80.40284254544679,
-                  },
-                  Object {
-                    "first": 890,
-                    "second": 80.77284254544678,
-                  },
-                  Object {
-                    "first": 900,
-                    "second": 81.51284254544677,
-                  },
-                  Object {
-                    "first": 909.92,
-                    "second": 81.78284254544678,
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                ],
-                "lat": 45.5197514,
-                "lon": -122.809364,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NW Sunset Hwy",
+                },
               },
               Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 453.761,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 81.78284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 82.56284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 82.73284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 83.71284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 83.76284254544677,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 84.83284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 85.02284254544678,
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 70,
-                    "second": 86.01284254544677,
+                },
+              },
+            ],
+            "electronicSenior": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 80,
-                    "second": 86.15284254544677,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 90,
-                    "second": 86.62284254544677,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 100,
-                    "second": 87.07284254544678,
+                },
+              },
+            ],
+            "electronicSpecial": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 110,
-                    "second": 87.44284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 120,
-                    "second": 88.03284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 130,
-                    "second": 88.36284254544678,
+                },
+              },
+            ],
+            "electronicYouth": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 140,
-                    "second": 89.00284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 150,
-                    "second": 89.48284254544677,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 160,
-                    "second": 90.19284254544678,
+                },
+              },
+            ],
+            "regular": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 170,
-                    "second": 90.63284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 225,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 180,
-                    "second": 90.98284254544677,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 190,
-                    "second": 91.16284254544678,
+                },
+              },
+            ],
+            "senior": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 200,
-                    "second": 91.57284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 210,
-                    "second": 91.55284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 220,
-                    "second": 92.11284254544678,
+                },
+              },
+            ],
+            "youth": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 230,
-                    "second": 91.98284254544677,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 240,
-                    "second": 92.35284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
+                },
+              },
+            ],
+          },
+          "fare": Object {
+            "electronicRegular": Object {
+              "cents": 325,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicSenior": Object {
+              "cents": 100,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicSpecial": Object {
+              "cents": 150,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicYouth": Object {
+              "cents": 150,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "regular": Object {
+              "cents": 550,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "senior": Object {
+              "cents": 200,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "youth": Object {
+              "cents": 300,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -25200000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 462.78599999999994,
+            "duration": 389,
+            "endTime": 1651694639000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "departure": 1651694250000,
+              "lat": 47.97766686876693,
+              "lon": -122.20034419816042,
+              "name": "47.97767, -122.20034",
+              "orig": "47.97767, -122.20034",
+              "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 27,
+              "points": "srycH\`hzhVd@?HEBGBKL]?Yp@C?e@AwCGc@bA]^KCSCa@vBq@l@OCSf@QHAbA[CQB?PGFCHCPG",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1651694250000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 173.423,
+                "elevation": Array [
                   Object {
-                    "first": 250,
-                    "second": 92.36284254544678,
+                    "first": 0,
+                    "second": 19.72,
                   },
                   Object {
-                    "first": 260,
-                    "second": 92.42284254544678,
+                    "first": 10,
+                    "second": 19.74,
                   },
                   Object {
-                    "first": 270,
-                    "second": 92.67284254544678,
+                    "first": 20,
+                    "second": 19.78,
                   },
                   Object {
-                    "first": 280,
-                    "second": 92.28284254544678,
+                    "first": 30,
+                    "second": 19.66,
                   },
                   Object {
-                    "first": 290,
-                    "second": 92.92284254544678,
+                    "first": 40,
+                    "second": 19.34,
                   },
                   Object {
-                    "first": 300,
-                    "second": 92.57284254544678,
+                    "first": 50.07,
+                    "second": 19.05,
                   },
                   Object {
-                    "first": 310,
-                    "second": 92.89284254544678,
+                    "first": 50.093,
+                    "second": 19.05,
                   },
                   Object {
-                    "first": 320,
-                    "second": 92.95284254544679,
+                    "first": 59.583000000000006,
+                    "second": 18.69,
                   },
                   Object {
-                    "first": 330,
-                    "second": 92.77284254544678,
+                    "first": 87.879,
+                    "second": 18.69,
                   },
                   Object {
-                    "first": 340,
-                    "second": 93.03284254544678,
+                    "first": 97.879,
+                    "second": 18.69,
                   },
                   Object {
-                    "first": 350,
-                    "second": 92.80284254544678,
+                    "first": 107.879,
+                    "second": 18.7,
                   },
                   Object {
-                    "first": 360,
-                    "second": 92.91284254544678,
+                    "first": 116.179,
+                    "second": 18.71,
                   },
                   Object {
-                    "first": 370,
-                    "second": 93.01284254544677,
+                    "first": 102.55600000000001,
+                    "second": 18.2,
                   },
                   Object {
-                    "first": 380,
-                    "second": 92.59284254544677,
+                    "first": 112.55600000000001,
+                    "second": 17.89,
                   },
                   Object {
-                    "first": 390,
-                    "second": 93.09284254544677,
+                    "first": 122.55600000000001,
+                    "second": 17.59,
                   },
                   Object {
-                    "first": 400,
-                    "second": 92.67284254544678,
+                    "first": 132.556,
+                    "second": 17.29,
                   },
                   Object {
-                    "first": 410,
-                    "second": 92.97284254544678,
+                    "first": 142.556,
+                    "second": 17,
                   },
                   Object {
-                    "first": 420,
-                    "second": 92.73284254544677,
+                    "first": 152.556,
+                    "second": 16.73,
                   },
                   Object {
-                    "first": 430,
-                    "second": 92.35284254544678,
+                    "first": 159.166,
+                    "second": 16.53,
                   },
                   Object {
-                    "first": 440,
-                    "second": 92.35284254544678,
+                    "first": 159.166,
+                    "second": 16.53,
                   },
                   Object {
-                    "first": 453.76,
-                    "second": 92.35284254544678,
+                    "first": 173.426,
+                    "second": 16.12,
                   },
                 ],
-                "exit": "68",
-                "lat": 45.5158447,
-                "lon": -122.7991022,
-                "relativeDirection": "CONTINUE",
+                "lat": 47.9775488,
+                "lon": -122.20049,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "NW Sunset Hwy",
+                "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "NORTHEAST",
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 354.957,
+                "distance": 39.188,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 92.35284254544678,
+                    "second": 16.12,
                   },
                   Object {
                     "first": 10,
-                    "second": 92.45284254544679,
+                    "second": 16.11,
                   },
                   Object {
                     "first": 20,
-                    "second": 92.59284254544677,
+                    "second": 16.11,
                   },
                   Object {
                     "first": 30,
-                    "second": 92.68284254544677,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 92.76284254544677,
-                  },
-                  Object {
-                    "first": 46.41,
-                    "second": 92.88284254544678,
-                  },
-                  Object {
-                    "first": 46.405,
-                    "second": 92.88284254544678,
-                  },
-                  Object {
-                    "first": 56.405,
-                    "second": 93.26284254544677,
-                  },
-                  Object {
-                    "first": 66.405,
-                    "second": 93.94284254544678,
-                  },
-                  Object {
-                    "first": 76.405,
-                    "second": 93.84284254544677,
-                  },
-                  Object {
-                    "first": 86.405,
-                    "second": 93.92284254544678,
-                  },
-                  Object {
-                    "first": 96.405,
-                    "second": 93.87284254544677,
-                  },
-                  Object {
-                    "first": 106.405,
-                    "second": 93.63284254544678,
-                  },
-                  Object {
-                    "first": 116.405,
-                    "second": 94.07284254544678,
-                  },
-                  Object {
-                    "first": 122.105,
-                    "second": 94.33284254544678,
-                  },
-                  Object {
-                    "first": 122.109,
-                    "second": 94.33284254544678,
-                  },
-                  Object {
-                    "first": 132.10899999999998,
-                    "second": 94.61284254544678,
-                  },
-                  Object {
-                    "first": 142.10899999999998,
-                    "second": 94.83284254544678,
-                  },
-                  Object {
-                    "first": 152.10899999999998,
-                    "second": 94.85284254544678,
-                  },
-                  Object {
-                    "first": 162.10899999999998,
-                    "second": 94.77284254544678,
-                  },
-                  Object {
-                    "first": 172.10899999999998,
-                    "second": 94.72284254544678,
-                  },
-                  Object {
-                    "first": 182.10899999999998,
-                    "second": 94.75284254544678,
-                  },
-                  Object {
-                    "first": 192.10899999999998,
-                    "second": 95.16284254544678,
-                  },
-                  Object {
-                    "first": 199.379,
-                    "second": 95.40284254544677,
-                  },
-                  Object {
-                    "first": 199.375,
-                    "second": 95.40284254544677,
-                  },
-                  Object {
-                    "first": 209.375,
-                    "second": 95.77284254544678,
-                  },
-                  Object {
-                    "first": 219.375,
-                    "second": 95.91284254544678,
-                  },
-                  Object {
-                    "first": 233.555,
-                    "second": 95.97284254544678,
-                  },
-                  Object {
-                    "first": 233.559,
-                    "second": 95.97284254544678,
-                  },
-                  Object {
-                    "first": 243.559,
-                    "second": 95.93284254544677,
-                  },
-                  Object {
-                    "first": 254.399,
-                    "second": 95.94284254544678,
-                  },
-                  Object {
-                    "first": 254.401,
-                    "second": 95.94284254544678,
-                  },
-                  Object {
-                    "first": 264.401,
-                    "second": 95.86284254544678,
-                  },
-                  Object {
-                    "first": 274.401,
-                    "second": 95.67284254544678,
-                  },
-                  Object {
-                    "first": 284.401,
-                    "second": 95.54284254544677,
-                  },
-                  Object {
-                    "first": 296.041,
-                    "second": 95.32284254544678,
+                    "second": 16.09,
                   },
                   Object {
-                    "first": 296.041,
-                    "second": 95.32284254544678,
+                    "first": 39.19,
+                    "second": 16.08,
                   },
+                ],
+                "lat": 47.976997100000006,
+                "lon": -122.1989226,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Smith Avenue",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 18.465,
+                "elevation": Array [
                   Object {
-                    "first": 306.041,
-                    "second": 95.12284254544677,
+                    "first": 0,
+                    "second": 16.08,
                   },
                   Object {
-                    "first": 316.041,
-                    "second": 94.91284254544678,
+                    "first": 10,
+                    "second": 15.88,
                   },
                   Object {
-                    "first": 326.041,
-                    "second": 94.76284254544677,
+                    "first": 18.47,
+                    "second": 15.61,
                   },
+                ],
+                "lat": 47.976659600000005,
+                "lon": -122.19877100000001,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Paine Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 20.528,
+                "elevation": Array [
                   Object {
-                    "first": 339.131,
-                    "second": 94.53284254544678,
+                    "first": 0,
+                    "second": 15.61,
                   },
                   Object {
-                    "first": 339.131,
-                    "second": 94.53284254544678,
+                    "first": 7.9,
+                    "second": 15.6,
                   },
                   Object {
-                    "first": 349.131,
-                    "second": 94.33284254544678,
+                    "first": 7.9,
+                    "second": 15.6,
                   },
                   Object {
-                    "first": 354.96099999999996,
-                    "second": 94.27284254544678,
+                    "first": 20.53,
+                    "second": 15.52,
                   },
                 ],
-                "lat": 45.5135001,
-                "lon": -122.7943431,
+                "lat": 47.9764974,
+                "lon": -122.19871780000001,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Cedar Hills Blvd",
+                "streetName": "32nd Street",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 774.5189999999999,
+                "distance": 95.40899999999999,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 94.27284254544678,
+                    "second": 15.52,
                   },
                   Object {
                     "first": 10,
-                    "second": 94.21284254544678,
-                  },
-                  Object {
-                    "first": 18.26,
-                    "second": 94.17284254544678,
-                  },
-                  Object {
-                    "first": 18.257,
-                    "second": 94.17284254544678,
-                  },
-                  Object {
-                    "first": 28.257,
-                    "second": 94.05284254544678,
-                  },
-                  Object {
-                    "first": 38.257000000000005,
-                    "second": 94.03284254544678,
-                  },
-                  Object {
-                    "first": 48.257000000000005,
-                    "second": 93.95284254544679,
-                  },
-                  Object {
-                    "first": 58.257000000000005,
-                    "second": 93.84284254544677,
-                  },
-                  Object {
-                    "first": 73.247,
-                    "second": 93.71284254544678,
-                  },
-                  Object {
-                    "first": 73.247,
-                    "second": 93.71284254544678,
-                  },
-                  Object {
-                    "first": 83.247,
-                    "second": 93.60284254544678,
-                  },
-                  Object {
-                    "first": 93.247,
-                    "second": 93.52284254544678,
-                  },
-                  Object {
-                    "first": 100.17699999999999,
-                    "second": 93.47284254544678,
-                  },
-                  Object {
-                    "first": 100.176,
-                    "second": 93.47284254544678,
-                  },
-                  Object {
-                    "first": 114.416,
-                    "second": 93.33284254544678,
-                  },
-                  Object {
-                    "first": 114.412,
-                    "second": 93.33284254544678,
-                  },
-                  Object {
-                    "first": 124.412,
-                    "second": 93.21284254544678,
-                  },
-                  Object {
-                    "first": 134.412,
-                    "second": 93.09284254544677,
-                  },
-                  Object {
-                    "first": 144.412,
-                    "second": 93.00284254544678,
-                  },
-                  Object {
-                    "first": 154.412,
-                    "second": 92.89284254544678,
-                  },
-                  Object {
-                    "first": 164.412,
-                    "second": 92.76284254544677,
-                  },
-                  Object {
-                    "first": 174.412,
-                    "second": 92.61284254544678,
-                  },
-                  Object {
-                    "first": 184.412,
-                    "second": 92.50284254544678,
-                  },
-                  Object {
-                    "first": 194.782,
-                    "second": 92.48284254544677,
-                  },
-                  Object {
-                    "first": 235.01,
-                    "second": 92.02284254544678,
-                  },
-                  Object {
-                    "first": 248.91,
-                    "second": 91.91284254544678,
-                  },
-                  Object {
-                    "first": 248.914,
-                    "second": 91.91284254544678,
-                  },
-                  Object {
-                    "first": 258.914,
-                    "second": 91.81284254544678,
-                  },
-                  Object {
-                    "first": 268.914,
-                    "second": 91.74284254544678,
-                  },
-                  Object {
-                    "first": 278.914,
-                    "second": 91.62284254544677,
-                  },
-                  Object {
-                    "first": 288.914,
-                    "second": 91.54284254544677,
-                  },
-                  Object {
-                    "first": 298.094,
-                    "second": 91.45284254544679,
-                  },
-                  Object {
-                    "first": 298.09,
-                    "second": 91.45284254544679,
-                  },
-                  Object {
-                    "first": 308.09,
-                    "second": 91.35284254544678,
-                  },
-                  Object {
-                    "first": 318.09,
-                    "second": 91.25284254544678,
-                  },
-                  Object {
-                    "first": 325.19,
-                    "second": 91.16284254544678,
-                  },
-                  Object {
-                    "first": 325.18899999999996,
-                    "second": 91.16284254544678,
-                  },
-                  Object {
-                    "first": 335.18899999999996,
-                    "second": 91.05284254544678,
-                  },
-                  Object {
-                    "first": 345.18899999999996,
-                    "second": 90.96284254544678,
-                  },
-                  Object {
-                    "first": 355.18899999999996,
-                    "second": 90.85284254544678,
-                  },
-                  Object {
-                    "first": 365.18899999999996,
-                    "second": 90.72284254544678,
-                  },
-                  Object {
-                    "first": 375.18899999999996,
-                    "second": 90.58284254544678,
-                  },
-                  Object {
-                    "first": 385.18899999999996,
-                    "second": 90.47284254544678,
-                  },
-                  Object {
-                    "first": 390.679,
-                    "second": 90.41284254544678,
-                  },
-                  Object {
-                    "first": 435.15199999999993,
-                    "second": 89.99284254544678,
-                  },
-                  Object {
-                    "first": 445.15199999999993,
-                    "second": 89.95284254544679,
-                  },
-                  Object {
-                    "first": 455.15199999999993,
-                    "second": 89.98284254544677,
-                  },
-                  Object {
-                    "first": 465.15199999999993,
-                    "second": 90.02284254544678,
-                  },
-                  Object {
-                    "first": 475.15199999999993,
-                    "second": 90.14284254544678,
-                  },
-                  Object {
-                    "first": 483.69199999999995,
-                    "second": 90.31284254544678,
-                  },
-                  Object {
-                    "first": 483.6869999999999,
-                    "second": 90.31284254544678,
+                    "second": 15.35,
                   },
                   Object {
-                    "first": 493.6869999999999,
-                    "second": 90.57284254544678,
+                    "first": 20,
+                    "second": 15.19,
                   },
                   Object {
-                    "first": 503.6869999999999,
-                    "second": 90.90284254544677,
+                    "first": 30,
+                    "second": 15.04,
                   },
                   Object {
-                    "first": 513.6869999999999,
-                    "second": 91.29284254544677,
+                    "first": 40,
+                    "second": 14.88,
                   },
                   Object {
-                    "first": 523.6869999999999,
-                    "second": 91.76284254544677,
+                    "first": 50,
+                    "second": 14.73,
                   },
                   Object {
-                    "first": 533.6869999999999,
-                    "second": 92.27284254544678,
+                    "first": 60,
+                    "second": 14.71,
                   },
                   Object {
-                    "first": 543.6869999999999,
-                    "second": 92.79284254544677,
+                    "first": 69.33,
+                    "second": 14.65,
                   },
                   Object {
-                    "first": 553.6869999999999,
-                    "second": 93.36284254544678,
+                    "first": 69.33,
+                    "second": 14.65,
                   },
                   Object {
-                    "first": 563.6869999999999,
-                    "second": 93.99284254544678,
+                    "first": 79.33,
+                    "second": 14.62,
                   },
                   Object {
-                    "first": 573.6869999999999,
-                    "second": 94.62284254544677,
+                    "first": 89.33,
+                    "second": 14.54,
                   },
                   Object {
-                    "first": 587.5269999999999,
-                    "second": 95.65284254544677,
+                    "first": 95.41,
+                    "second": 14.5,
                   },
+                ],
+                "lat": 47.976534400000006,
+                "lon": -122.19844760000001,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "32nd Street",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 115.773,
+                "elevation": Array [
                   Object {
-                    "first": 587.5419999999999,
-                    "second": 95.65284254544677,
+                    "first": 0,
+                    "second": 14.5,
                   },
                   Object {
-                    "first": 597.5419999999999,
-                    "second": 96.35284254544678,
+                    "first": 7.62,
+                    "second": 14.44,
                   },
                   Object {
-                    "first": 607.5419999999999,
-                    "second": 97.01284254544677,
+                    "first": 7.619,
+                    "second": 14.44,
                   },
                   Object {
-                    "first": 617.5419999999999,
-                    "second": 97.86284254544678,
+                    "first": 17.619,
+                    "second": 14.43,
                   },
                   Object {
-                    "first": 627.5419999999999,
-                    "second": 98.59284254544677,
+                    "first": 27.619,
+                    "second": 14.45,
                   },
                   Object {
-                    "first": 637.5419999999999,
-                    "second": 99.25284254544678,
+                    "first": 36.789,
+                    "second": 14.49,
                   },
                   Object {
-                    "first": 647.5419999999999,
-                    "second": 99.97284254544678,
+                    "first": 36.787,
+                    "second": 14.49,
                   },
                   Object {
-                    "first": 657.5419999999999,
-                    "second": 100.84284254544677,
+                    "first": 46.787,
+                    "second": 14.64,
                   },
                   Object {
-                    "first": 667.5419999999999,
-                    "second": 101.61284254544678,
+                    "first": 56.787,
+                    "second": 14.84,
                   },
                   Object {
-                    "first": 677.5419999999999,
-                    "second": 102.34284254544677,
+                    "first": 66.787,
+                    "second": 15.06,
                   },
                   Object {
-                    "first": 687.5419999999999,
-                    "second": 103.03284254544678,
+                    "first": 75.487,
+                    "second": 15.22,
                   },
                   Object {
-                    "first": 697.5419999999999,
-                    "second": 103.71284254544678,
+                    "first": 75.489,
+                    "second": 15.22,
                   },
                   Object {
-                    "first": 707.5419999999999,
-                    "second": 104.39284254544678,
+                    "first": 81.809,
+                    "second": 15.1,
                   },
                   Object {
-                    "first": 717.5419999999999,
-                    "second": 105.12284254544677,
+                    "first": 81.804,
+                    "second": 15.1,
                   },
                   Object {
-                    "first": 729.9519999999999,
-                    "second": 106.04284254544677,
+                    "first": 84.014,
+                    "second": 15.13,
                   },
                   Object {
-                    "first": 729.9499999999999,
-                    "second": 106.04284254544677,
+                    "first": 84.009,
+                    "second": 15.13,
                   },
                   Object {
-                    "first": 739.9499999999999,
-                    "second": 106.80284254544678,
+                    "first": 94.009,
+                    "second": 15.14,
                   },
                   Object {
-                    "first": 749.9499999999999,
-                    "second": 107.46284254544678,
+                    "first": 99.189,
+                    "second": 15.11,
                   },
                   Object {
-                    "first": 759.9499999999999,
-                    "second": 108.24284254544678,
+                    "first": 99.186,
+                    "second": 15.11,
                   },
                   Object {
-                    "first": 774.52,
-                    "second": 109.32284254544678,
+                    "first": 105.52600000000001,
+                    "second": 15.13,
                   },
                 ],
-                "lat": 45.5163189,
-                "lon": -122.7922059,
-                "relativeDirection": "RIGHT",
+                "lat": 47.975706,
+                "lon": -122.19811390000001,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Barnes Rd",
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "arrival": 1651694639000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651694640000,
+              "lat": 47.97485103,
+              "lon": -122.1976189,
+              "name": "Everett Station Bay C1",
+              "stopCode": "2345",
+              "stopId": "CommTrans:2345",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "29",
+            "agencyName": "Community Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://www.communitytransit.org/",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 37716.533319948845,
+            "duration": 2820,
+            "endTime": 1651697460000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651694639000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651694640000,
+              "lat": 47.97485103,
+              "lon": -122.1976189,
+              "name": "Everett Station Bay C1",
+              "stopCode": "2345",
+              "stopId": "CommTrans:2345",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "headsign": "Northgate Station",
+            "interStopGeometry": Array [
+              Object {
+                "length": 37,
+                "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@A",
+              },
+              Object {
+                "length": 192,
+                "points": "cuxcHdmzhVT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@X",
+              },
+              Object {
+                "length": 119,
+                "points": "ugjcH|~|hVlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UY",
+              },
+              Object {
+                "length": 155,
+                "points": "sfacHtreiVAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@",
+              },
+              Object {
+                "length": 139,
+                "points": "w\`zbHz~liV?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?",
+              },
+              Object {
+                "length": 270,
+                "points": "cmtbHp|piVD?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1651694640000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651694640000,
+                "lat": 47.972881,
+                "lon": -122.201485,
+                "name": "Broadway & 34th St",
+                "stopCode": "2367",
+                "stopId": "CommTrans:2367",
+                "stopIndex": 1,
+                "stopSequence": 2,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651695180000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651695180000,
+                "lat": 47.89901771,
+                "lon": -122.2144774,
+                "name": "South Everett Fwy Station Bay 3",
+                "stopCode": "2868",
+                "stopId": "CommTrans:2868",
+                "stopIndex": 2,
+                "stopSequence": 3,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651695660000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651695660000,
+                "lat": 47.85271272,
+                "lon": -122.2584482,
+                "name": "Ash Way Park & Ride Bay 1",
+                "stopCode": "2164",
+                "stopId": "CommTrans:2164",
+                "stopIndex": 3,
+                "stopSequence": 4,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651696080000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651696080000,
+                "lat": 47.81588022,
+                "lon": -122.2963008,
+                "name": "Lynnwood Transit Center Bay D3",
+                "stopCode": "2422",
+                "stopId": "CommTrans:2422",
+                "stopIndex": 4,
+                "stopSequence": 5,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651696320000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651696320000,
+                "lat": 47.78722526,
+                "lon": -122.3164054,
+                "name": "Mountlake Terrace Fwy Station Bay 6",
+                "stopCode": "2765",
+                "stopId": "CommTrans:2765",
+                "stopIndex": 5,
+                "stopSequence": 6,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 907,
+              "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@AT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@XlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UYAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?D?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "512",
+            "routeColor": "0070c0",
+            "routeId": "CommTrans:512",
+            "routeLongName": "Everett - Northgate Station",
+            "routeShortName": "512",
+            "routeTextColor": "ffffff",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651694640000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1651697460000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697460000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station",
+              "stopCode": "2191",
+              "stopId": "CommTrans:2191",
+              "stopIndex": 6,
+              "stopSequence": 7,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "transitLeg": true,
+            "tripBlockId": "KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
+            "tripId": "CommTrans:9683834__KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
+          },
+          Object {
+            "agencyTimeZoneOffset": -25200000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 0,
+            "duration": 2,
+            "endTime": 1651697462000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651697460000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697460000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station",
+              "stopCode": "2191",
+              "stopId": "CommTrans:2191",
+              "stopIndex": 6,
+              "stopSequence": 7,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 2,
+              "points": "{~cbHfesiV??",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1651697460000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1651697462000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697700000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station - Bay 4",
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "1",
+            "agencyName": "Metro Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://metro.kingcounty.gov",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 3819.702008552735,
+            "duration": 660,
+            "endTime": 1651698360000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651697462000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697700000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station - Bay 4",
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
+            },
+            "hailedCar": false,
+            "headsign": "Downtown Seattle Ballard",
+            "interStopGeometry": Array [
+              Object {
+                "length": 11,
+                "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?",
+              },
+              Object {
+                "length": 6,
+                "points": "y}bbH|gsiV@?jDC~DACxDAdF",
+              },
+              Object {
+                "length": 7,
+                "points": "qrbbHvtsiV?xBAtG?\`GAhFiJ?kHH",
+              },
+              Object {
+                "length": 17,
+                "points": "kgcbH|ptiV_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMB",
+              },
+              Object {
+                "length": 4,
+                "points": "y_dbHxitiVI@_DBsC@",
+              },
+              Object {
+                "length": 7,
+                "points": "widbH\`jtiVu@?{DDoD@{IDI?b@rB",
+              },
+              Object {
+                "length": 22,
+                "points": "{\`ebHbntiV@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF",
+              },
+              Object {
+                "length": 7,
+                "points": "okdbHt{uiV?ZAfG?dG?V?H?|C",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1651697809000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651697809000,
+                "lat": 47.6977348,
+                "lon": -122.32856,
+                "name": "1st Ave NE & NE 95th St",
+                "stopCode": "17697",
+                "stopId": "kcm:17697",
+                "stopIndex": 1,
+                "stopSequence": 11,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651697871000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651697871000,
+                "lat": 47.6959953,
+                "lon": -122.330513,
+                "name": "N 92nd St & Corliss Ave N",
+                "stopCode": "17698",
+                "stopId": "kcm:17698",
+                "stopIndex": 2,
+                "stopSequence": 16,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651697993000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651697993000,
+                "lat": 47.6992683,
+                "lon": -122.334908,
+                "name": "College Way N & N 97th St",
+                "stopCode": "17710",
+                "stopId": "kcm:17710",
+                "stopIndex": 3,
+                "stopSequence": 22,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698072000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698072000,
+                "lat": 47.7032013,
+                "lon": -122.333794,
+                "name": "College Way N & N 103rd St",
+                "stopCode": "17730",
+                "stopId": "kcm:17730",
+                "stopIndex": 4,
+                "stopSequence": 38,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 311.94,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 109.32284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 109.10284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 108.87284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 108.82284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 109.06284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 109.01284254544677,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 109.22284254544678,
-                  },
-                  Object {
-                    "first": 68.93,
-                    "second": 109.91284254544678,
-                  },
-                  Object {
-                    "first": 68.929,
-                    "second": 109.91284254544678,
-                  },
-                  Object {
-                    "first": 78.929,
-                    "second": 110.67284254544678,
-                  },
-                  Object {
-                    "first": 88.929,
-                    "second": 111.06284254544678,
-                  },
-                  Object {
-                    "first": 98.929,
-                    "second": 112.14284254544678,
-                  },
-                  Object {
-                    "first": 108.929,
-                    "second": 112.73284254544677,
-                  },
-                  Object {
-                    "first": 118.929,
-                    "second": 113.51284254544677,
-                  },
-                  Object {
-                    "first": 128.929,
-                    "second": 114.32284254544678,
-                  },
-                  Object {
-                    "first": 138.929,
-                    "second": 115.02284254544678,
-                  },
-                  Object {
-                    "first": 148.929,
-                    "second": 115.71284254544678,
-                  },
-                  Object {
-                    "first": 158.929,
-                    "second": 116.67284254544678,
-                  },
-                  Object {
-                    "first": 168.929,
-                    "second": 117.28284254544678,
-                  },
-                  Object {
-                    "first": 178.929,
-                    "second": 118.00284254544678,
-                  },
-                  Object {
-                    "first": 188.249,
-                    "second": 118.66284254544678,
-                  },
-                  Object {
-                    "first": 188.25799999999998,
-                    "second": 118.66284254544678,
-                  },
-                  Object {
-                    "first": 198.25799999999998,
-                    "second": 119.40284254544677,
-                  },
-                  Object {
-                    "first": 208.25799999999998,
-                    "second": 119.94284254544678,
-                  },
-                  Object {
-                    "first": 218.25799999999998,
-                    "second": 120.58284254544678,
-                  },
-                  Object {
-                    "first": 228.25799999999998,
-                    "second": 121.12284254544677,
-                  },
-                  Object {
-                    "first": 238.25799999999998,
-                    "second": 121.50284254544678,
-                  },
-                  Object {
-                    "first": 248.25799999999998,
-                    "second": 121.56284254544678,
-                  },
-                  Object {
-                    "first": 258.258,
-                    "second": 121.97284254544678,
-                  },
-                  Object {
-                    "first": 270.038,
-                    "second": 122.00284254544678,
-                  },
-                  Object {
-                    "first": 270.039,
-                    "second": 122.00284254544678,
-                  },
-                  Object {
-                    "first": 281.539,
-                    "second": 122.26284254544677,
-                  },
-                  Object {
-                    "first": 281.536,
-                    "second": 122.26284254544677,
-                  },
-                  Object {
-                    "first": 288.896,
-                    "second": 122.19284254544678,
-                  },
-                  Object {
-                    "first": 288.896,
-                    "second": 122.19284254544678,
-                  },
-                  Object {
-                    "first": 297.966,
-                    "second": 122.48284254544677,
-                  },
-                  Object {
-                    "first": 297.962,
-                    "second": 122.48284254544677,
-                  },
-                  Object {
-                    "first": 311.942,
-                    "second": 123.00284254544678,
-                  },
-                ],
-                "lat": 45.5125719,
-                "lon": -122.7845438,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "service road",
+                "arrival": 1651698103000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698103000,
+                "lat": 47.7047577,
+                "lon": -122.333832,
+                "name": "Meridian Ave N & N 105th St",
+                "stopCode": "17740",
+                "stopId": "kcm:17740",
+                "stopIndex": 5,
+                "stopSequence": 41,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 23.106,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 123.00284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 123.17284254544678,
-                  },
-                  Object {
-                    "first": 23.11,
-                    "second": 123.45284254544679,
-                  },
-                ],
-                "lat": 45.5107701,
-                "lon": -122.7832351,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Sunset TC",
+                "arrival": 1651698185000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698185000,
+                "lat": 47.7085342,
+                "lon": -122.33461,
+                "name": "N Northgate Way & Meridian Ave N",
+                "stopCode": "17755",
+                "stopId": "kcm:17755",
+                "stopIndex": 6,
+                "stopSequence": 47,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698312000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698312000,
+                "lat": 47.7051163,
+                "lon": -122.341866,
+                "name": "N Northgate Way & Stone Ave N",
+                "stopCode": "40030",
+                "stopId": "kcm:40030",
+                "stopIndex": 7,
+                "stopSequence": 68,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
             ],
+            "legGeometry": Object {
+              "length": 74,
+              "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?@?jDC~DACxDAdF?xBAtG?\`GAhFiJ?kHH_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMBI@_DBsC@u@?{DDoD@{IDI?b@rB@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF?ZAfG?dG?V?H?|C",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "40",
+            "routeId": "kcm:102574",
+            "routeShortName": "40",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651697700000,
+            "steps": Array [],
             "to": Object {
-              "arrival": 1573689613000,
-              "departure": 1573689733000,
-              "lat": 45.51062185,
-              "lon": -122.7823028,
-              "name": "P+R Sunset TC",
-              "vertexType": "NORMAL",
+              "arrival": 1651698360000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698360000,
+              "lat": 47.7051239,
+              "lon": -122.345596,
+              "name": "N 105th St & Aurora Ave N",
+              "stopCode": "40032",
+              "stopId": "kcm:40032",
+              "stopIndex": 8,
+              "stopSequence": 74,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
-            "transitLeg": false,
+            "transitLeg": true,
+            "tripBlockId": "6367535",
+            "tripId": "kcm:546784580",
+            "tripShortName": "LOCAL",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 129.87800000000001,
-            "duration": 211,
-            "endTime": 1573689944000,
+            "distance": 78.93199999999999,
+            "duration": 61,
+            "endTime": 1651698421000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573689613000,
-              "departure": 1573689733000,
-              "lat": 45.51062185,
-              "lon": -122.7823028,
-              "name": "P+R Sunset TC",
-              "vertexType": "NORMAL",
+              "arrival": 1651698360000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698360000,
+              "lat": 47.7051239,
+              "lon": -122.345596,
+              "name": "N 105th St & Aurora Ave N",
+              "stopCode": "40032",
+              "stopId": "kcm:40032",
+              "stopIndex": 8,
+              "stopSequence": 74,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 9,
-              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
+              "length": 13,
+              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -72278,392 +78573,552 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689733000,
+            "startTime": 1651698360000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 19.622999999999998,
+                "elevation": Array [
+                  Object {
+                    "first": 10.365,
+                    "second": 98.12,
+                  },
+                  Object {
+                    "first": 19.625,
+                    "second": 97.7,
+                  },
+                ],
+                "lat": 47.705065371872415,
+                "lon": -122.34559550720056,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "North 105th Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 4.916,
+                "distance": 4.369,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 124.81284254544678,
+                    "second": 97.7,
                   },
                   Object {
-                    "first": 4.92,
-                    "second": 124.83284254544678,
+                    "first": 4.37,
+                    "second": 97.64,
                   },
                 ],
-                "lat": 45.5102908,
-                "lon": -122.7818368,
-                "relativeDirection": "SLIGHTLY_RIGHT",
+                "lat": 47.705022400000004,
+                "lon": -122.3453515,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "NORTHEAST",
+                "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 70.646,
+                "distance": 54.94,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 124.83284254544678,
+                    "second": 97.64,
                   },
                   Object {
-                    "first": 14.73,
-                    "second": 124.88284254544678,
+                    "first": 4.26,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 14.733,
-                    "second": 124.88284254544678,
+                    "first": 4.265,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 22.733,
-                    "second": 125.10284254544678,
+                    "first": 14.265,
+                    "second": 96.91,
                   },
                   Object {
-                    "first": 22.735,
-                    "second": 125.10284254544678,
+                    "first": 24.265,
+                    "second": 96.65,
                   },
                   Object {
-                    "first": 30.744999999999997,
-                    "second": 125.01284254544677,
+                    "first": 33.175,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 30.747,
-                    "second": 125.01284254544677,
+                    "first": 33.174,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 40.747,
-                    "second": 124.40284254544677,
+                    "first": 37.164,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 50.697,
-                    "second": 124.84284254544677,
+                    "first": 37.16,
+                    "second": 96.62,
                   },
-                ],
-                "lat": 45.5102601,
-                "lon": -122.7817914,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "steps",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 5.759,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 124.84284254544677,
+                    "first": 39.589999999999996,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 5.76,
-                    "second": 123.03284254544678,
+                    "first": 39.586,
+                    "second": 96.62,
                   },
-                ],
-                "lat": 45.5102506,
-                "lon": -122.7813456,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 48.557,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 123.03284254544678,
+                    "first": 41.976,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 10,
-                    "second": 122.86284254544678,
+                    "first": 41.976,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 20,
-                    "second": 123.26284254544677,
+                    "first": 50.196,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 30,
-                    "second": 122.91284254544678,
+                    "first": 50.193,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 43.81,
-                    "second": 124.38284254544678,
+                    "first": 53.443,
+                    "second": 96.62,
                   },
                 ],
-                "lat": 45.5102967,
-                "lon": -122.7813119,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Sunset TC (path)",
+                "lat": 47.7049831,
+                "lon": -122.3453516,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1573689944000,
-              "departure": 1573689945000,
-              "lat": 45.510098,
-              "lon": -122.780757,
-              "name": "Sunset TC MAX Station",
-              "stopCode": "9969",
-              "stopId": "TriMet:9969",
-              "stopIndex": 15,
-              "stopSequence": 16,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
+            "agencyId": "1",
+            "agencyName": "Metro Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://metro.kingcounty.gov",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 9135.118140577872,
-            "duration": 1280,
-            "endTime": 1573691225000,
+            "distance": 11857.370334253566,
+            "duration": 1910,
+            "endTime": 1651700364000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573689944000,
-              "departure": 1573689945000,
-              "lat": 45.510098,
-              "lon": -122.780757,
-              "name": "Sunset TC MAX Station",
-              "stopCode": "2600",
-              "stopId": "TriMet:9969",
-              "stopIndex": 15,
-              "stopSequence": 16,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "hailedCar": false,
-            "headsign": "Gresham",
+            "headsign": "Downtown Seattle",
             "interStopGeometry": Array [
               Object {
-                "length": 114,
-                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
+                "length": 7,
+                "points": "widbHvmviVvAAnCAnC?pCCnC?dAA",
               },
               Object {
-                "length": 63,
-                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
+                "length": 8,
+                "points": "wrcbHlmviVnB?\`DCRItDC\\\\?rC?~@?",
               },
               Object {
-                "length": 27,
-                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
+                "length": 9,
+                "points": "i|bbHzlviVpACpC?pCArA?NHh@?pCCj@?",
               },
               Object {
-                "length": 19,
-                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
+                "length": 12,
+                "points": "gfbbHzlviVbB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?",
               },
               Object {
-                "length": 32,
-                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
+                "length": 7,
+                "points": "ulabHtlviVL?hC?nCCpC?nC?t@?",
               },
               Object {
-                "length": 10,
-                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
+                "length": 5,
+                "points": "ux\`bHplviVxA?pCApC?xB?",
               },
               Object {
-                "length": 8,
-                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
+                "length": 59,
+                "points": "}h\`bHnlviVV?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJB",
               },
               Object {
-                "length": 22,
-                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+                "length": 23,
+                "points": "kv~aHxzviVLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?",
               },
               Object {
-                "length": 23,
-                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+                "length": 37,
+                "points": "m|{aHf~viVl@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DA",
+              },
+              Object {
+                "length": 21,
+                "points": "inwaHnrviVbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?",
+              },
+              Object {
+                "length": 35,
+                "points": "qdvaHjfviVlI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?",
+              },
+              Object {
+                "length": 9,
+                "points": "q~saHjgviV^@fABbCC\\\\IhFGj@hA~@tA|BbD",
+              },
+              Object {
+                "length": 9,
+                "points": "sgsaH~pviVDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gA",
+              },
+              Object {
+                "length": 4,
+                "points": "quraHxkviVnB{DxCeGfCeF",
+              },
+              Object {
+                "length": 14,
+                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
+              },
+              Object {
+                "length": 6,
+                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+              },
+              Object {
+                "length": 7,
+                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573690230000,
-                "departure": 1573690255000,
-                "lat": 45.510653,
-                "lon": -122.71634,
-                "name": "Washington Park MAX Station",
-                "stopCode": "10120",
-                "stopId": "TriMet:10120",
-                "stopIndex": 16,
-                "stopSequence": 17,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690480000,
-                "departure": 1573690515000,
-                "lat": 45.517989,
-                "lon": -122.693544,
-                "name": "Goose Hollow/SW Jefferson St MAX Station",
-                "stopCode": "10118",
-                "stopId": "TriMet:10118",
+                "arrival": 1651698520000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698520000,
+                "lat": 47.701088,
+                "lon": -122.34481,
+                "name": "Aurora Ave N & N 100th St",
+                "stopCode": "7100",
+                "stopId": "kcm:7100",
                 "stopIndex": 17,
-                "stopSequence": 18,
+                "stopSequence": 123,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690590000,
-                "departure": 1573690610000,
-                "lat": 45.520592,
-                "lon": -122.691005,
-                "name": "Kings Hill/SW Salmon St MAX Station",
-                "stopCode": "9759",
-                "stopId": "TriMet:9759",
+                "arrival": 1651698584000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698584000,
+                "lat": 47.6974945,
+                "lon": -122.344704,
+                "name": "Aurora Ave N & N 95th St",
+                "stopCode": "7120",
+                "stopId": "kcm:7120",
                 "stopIndex": 18,
-                "stopSequence": 19,
+                "stopSequence": 130,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690660000,
-                "departure": 1573690690000,
-                "lat": 45.521321,
-                "lon": -122.689886,
-                "name": "Providence Park MAX Station",
-                "stopCode": "9758",
-                "stopId": "TriMet:9758",
+                "arrival": 1651698647000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698647000,
+                "lat": 47.6939621,
+                "lon": -122.344734,
+                "name": "Aurora Ave N & N 90th St",
+                "stopCode": "7140",
+                "stopId": "kcm:7140",
                 "stopIndex": 19,
-                "stopSequence": 20,
+                "stopSequence": 138,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690835000,
-                "departure": 1573690870000,
-                "lat": 45.51916,
-                "lon": -122.68162,
-                "name": "Library/SW 9th Ave MAX Station",
-                "stopCode": "8333",
-                "stopId": "TriMet:8333",
+                "arrival": 1651698720000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698720000,
+                "lat": 47.6898766,
+                "lon": -122.344681,
+                "name": "Aurora Ave N & N 85th St",
+                "stopCode": "7160",
+                "stopId": "kcm:7160",
                 "stopIndex": 20,
-                "stopSequence": 21,
+                "stopSequence": 149,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690930000,
-                "departure": 1573690975000,
-                "lat": 45.518496,
-                "lon": -122.679145,
-                "name": "Pioneer Square South MAX Station",
-                "stopCode": "8334",
-                "stopId": "TriMet:8334",
+                "arrival": 1651698775000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698775000,
+                "lat": 47.6866722,
+                "lon": -122.344666,
+                "name": "Aurora Ave N & N 80th St",
+                "stopCode": "7180",
+                "stopId": "kcm:7180",
                 "stopIndex": 21,
-                "stopSequence": 22,
+                "stopSequence": 155,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573691015000,
-                "departure": 1573691060000,
-                "lat": 45.517942,
-                "lon": -122.677088,
-                "name": "Mall/SW 4th Ave MAX Station",
-                "stopCode": "8335",
-                "stopId": "TriMet:8335",
+                "arrival": 1651698817000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698817000,
+                "lat": 47.6841507,
+                "lon": -122.34465,
+                "name": "Aurora Ave N & N 76th St",
+                "stopCode": "7200",
+                "stopId": "kcm:7200",
                 "stopIndex": 22,
-                "stopSequence": 23,
+                "stopSequence": 159,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573691115000,
-                "departure": 1573691145000,
-                "lat": 45.517153,
-                "lon": -122.674172,
-                "name": "Yamhill District MAX Station",
-                "stopCode": "8336",
-                "stopId": "TriMet:8336",
+                "arrival": 1651698960000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698960000,
+                "lat": 47.6760826,
+                "lon": -122.346947,
+                "name": "Aurora Ave N & N 65th St",
+                "stopCode": "7210",
+                "stopId": "kcm:7210",
                 "stopIndex": 23,
-                "stopSequence": 24,
+                "stopSequence": 217,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699080000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699080000,
+                "lat": 47.6616707,
+                "lon": -122.347488,
+                "name": "Aurora Ave N & N 46th St",
+                "stopCode": "75408",
+                "stopId": "kcm:75408",
+                "stopIndex": 24,
+                "stopSequence": 239,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699474000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699474000,
+                "lat": 47.6389084,
+                "lon": -122.345596,
+                "name": "Aurora Ave N & Lynn St",
+                "stopCode": "6070",
+                "stopId": "kcm:6070",
+                "stopIndex": 25,
+                "stopSequence": 275,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699593000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699593000,
+                "lat": 47.6322517,
+                "lon": -122.343666,
+                "name": "Aurora Ave N & Galer St",
+                "stopCode": "6100",
+                "stopId": "kcm:6100",
+                "stopIndex": 26,
+                "stopSequence": 295,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699787000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699787000,
+                "lat": 47.6210556,
+                "lon": -122.343842,
+                "name": "7th Ave N & Thomas St",
+                "stopCode": "6176",
+                "stopId": "kcm:6176",
+                "stopIndex": 27,
+                "stopSequence": 329,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699857000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699857000,
+                "lat": 47.6174316,
+                "lon": -122.345345,
+                "name": "Wall St & 5th Ave",
+                "stopCode": "7430",
+                "stopId": "kcm:7430",
+                "stopIndex": 28,
+                "stopSequence": 337,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699928000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699928000,
+                "lat": 47.6144447,
+                "lon": -122.344513,
+                "name": "3rd Ave & Bell St",
+                "stopCode": "400",
+                "stopId": "kcm:400",
+                "stopIndex": 29,
+                "stopSequence": 345,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651699981000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699981000,
+                "lat": 47.6124382,
+                "lon": -122.34111,
+                "name": "3rd Ave & Virginia St",
+                "stopCode": "420",
+                "stopId": "kcm:420",
+                "stopIndex": 30,
+                "stopSequence": 348,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700040000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700040000,
+                "lat": 47.6097908,
+                "lon": -122.337959,
+                "name": "3rd Ave & Pike St",
+                "stopCode": "431",
+                "stopId": "kcm:431",
+                "stopIndex": 31,
+                "stopSequence": 361,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700212000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700212000,
+                "lat": 47.6065025,
+                "lon": -122.334938,
+                "name": "3rd Ave & Seneca St",
+                "stopCode": "468",
+                "stopId": "kcm:468",
+                "stopIndex": 32,
+                "stopSequence": 366,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
               },
             ],
             "legGeometry": Object {
-              "length": 310,
-              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              "length": 256,
+              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
             },
-            "mode": "TRAM",
+            "mode": "BUS",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573689945000,
+            "route": "E Line",
+            "routeId": "kcm:102615",
+            "routeShortName": "E Line",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651698454000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573691225000,
-              "departure": 1573691226000,
-              "lat": 45.52028,
-              "lon": -122.672146,
-              "name": "Oak/ SW 1st Ave MAX Station",
-              "stopCode": "8337",
-              "stopId": "TriMet:8337",
-              "stopIndex": 24,
-              "stopSequence": 25,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "transitLeg": true,
-            "tripBlockId": "9030",
-            "tripId": "TriMet:9265522",
+            "tripBlockId": "6367577",
+            "tripId": "kcm:491944150",
+            "tripShortName": "LOCAL",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 205.33399999999997,
-            "duration": 173,
-            "endTime": 1573691399000,
+            "distance": 135.17100000000002,
+            "duration": 108,
+            "endTime": 1651700473000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573691225000,
-              "departure": 1573691226000,
-              "lat": 45.52028,
-              "lon": -122.672146,
-              "name": "Oak/ SW 1st Ave MAX Station",
-              "stopCode": "8337",
-              "stopId": "TriMet:8337",
-              "stopIndex": 24,
-              "stopSequence": 25,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 19,
-              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
+              "length": 13,
+              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -72672,219 +79127,146 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573691226000,
+            "startTime": 1651700365000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 3.95,
-                "elevation": Array [],
-                "lat": 45.52028372216824,
-                "lon": -122.67216050734417,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Oak/SW 1st Ave (path)",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 8.284,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 7.512842545446778,
-                  },
-                  Object {
-                    "first": 8.28,
-                    "second": 7.602842545446778,
-                  },
-                ],
-                "lat": 45.5203121,
-                "lon": -122.6721326,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 11.162,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 7.602842545446778,
-                  },
-                  Object {
-                    "first": 6.74,
-                    "second": 7.532842545446778,
-                  },
-                  Object {
-                    "first": 6.738,
-                    "second": 7.532842545446778,
-                  },
-                  Object {
-                    "first": 11.158000000000001,
-                    "second": 7.482842545446779,
-                  },
-                ],
-                "lat": 45.5203813,
-                "lon": -122.6720932,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SW Oak St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 79.148,
+                "distance": 99.492,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 7.482842545446779,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 7.512842545446778,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 7.532842545446778,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 7.492842545446779,
+                    "first": 8.543,
+                    "second": 20.99,
                   },
                   Object {
-                    "first": 40,
-                    "second": 7.522842545446778,
+                    "first": 11.142999999999999,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 50,
-                    "second": 7.512842545446778,
+                    "first": 11.140999999999998,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 60,
-                    "second": 7.602842545446778,
+                    "first": 11.450999999999999,
+                    "second": 20.71,
                   },
                   Object {
-                    "first": 70,
-                    "second": 7.552842545446778,
+                    "first": 11.446999999999997,
+                    "second": 20.71,
                   },
                   Object {
-                    "first": 79.15,
-                    "second": 7.542842545446778,
+                    "first": 17.386999999999997,
+                    "second": 20.23,
                   },
-                ],
-                "lat": 45.5204174,
-                "lon": -122.6722269,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW 1st Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 102.78999999999999,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 7.542842545446778,
+                    "first": 17.381999999999998,
+                    "second": 20.23,
                   },
                   Object {
-                    "first": 11.54,
-                    "second": 7.682842545446778,
+                    "first": 21.191999999999997,
+                    "second": 19.99,
                   },
                   Object {
-                    "first": 11.536,
-                    "second": 7.682842545446778,
+                    "first": 25.188,
+                    "second": 19.7,
                   },
                   Object {
-                    "first": 26.286,
-                    "second": 7.742842545446779,
+                    "first": 35.188,
+                    "second": 19.35,
                   },
                   Object {
-                    "first": 26.285,
-                    "second": 7.742842545446779,
+                    "first": 45.188,
+                    "second": 19.17,
                   },
                   Object {
-                    "first": 36.285,
-                    "second": 7.702842545446778,
+                    "first": 55.188,
+                    "second": 18.99,
                   },
                   Object {
-                    "first": 47.864999999999995,
-                    "second": 7.742842545446779,
+                    "first": 65.188,
+                    "second": 18.75,
                   },
                   Object {
-                    "first": 47.864999999999995,
-                    "second": 7.742842545446779,
+                    "first": 75.188,
+                    "second": 18.52,
                   },
                   Object {
-                    "first": 57.864999999999995,
-                    "second": 7.762842545446778,
+                    "first": 85.188,
+                    "second": 18.27,
                   },
                   Object {
-                    "first": 67.865,
-                    "second": 7.702842545446778,
+                    "first": 99.488,
+                    "second": 17.93,
                   },
+                ],
+                "lat": 47.603566786898504,
+                "lon": -122.33230777867696,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 35.679,
+                "elevation": Array [
                   Object {
-                    "first": 73.965,
-                    "second": 7.8428425454467785,
+                    "first": 0.416,
+                    "second": 17.66,
                   },
                   Object {
-                    "first": 73.964,
-                    "second": 7.8428425454467785,
+                    "first": 10.416,
+                    "second": 16.75,
                   },
                   Object {
-                    "first": 83.964,
-                    "second": 7.742842545446779,
+                    "first": 20.416,
+                    "second": 15.91,
                   },
                   Object {
-                    "first": 93.964,
-                    "second": 7.852842545446778,
+                    "first": 30.416,
+                    "second": 15.12,
                   },
                   Object {
-                    "first": 102.794,
-                    "second": 7.922842545446779,
+                    "first": 32.906,
+                    "second": 14.9,
                   },
                 ],
-                "lat": 45.5210839,
-                "lon": -122.6718705,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SW Pine St",
+                "lat": 47.602787500000005,
+                "lon": -122.3316056,
+                "relativeDirection": "UTURN_RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
               },
             ],
             "to": Object {
-              "arrival": 1573691399000,
-              "lat": 45.521469054694954,
-              "lon": -122.67307275796767,
-              "name": "205 SW Pine St, Portland, OR, USA 97204",
-              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "arrival": 1651700473000,
+              "lat": 47.602632914527724,
+              "lon": -122.33197990547832,
+              "name": "208 James St, Seattle, WA 98104-2212, United States",
+              "orig": "208 James St, Seattle, WA 98104-2212, United States",
               "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573689007000,
+        "startTime": 1651694250000,
         "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 1280,
-        "waitingTime": 122,
-        "walkDistance": 387.15802624199944,
+        "transfers": 2,
+        "transitTime": 5390,
+        "waitingTime": 273,
+        "walkDistance": 677.2714626770405,
         "walkLimitExceeded": false,
-        "walkTime": 990,
+        "walkTime": 560,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -72895,7 +79277,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   color: #333;
 }
 
-.c65 {
+.c57 {
   color: #f44256;
 }
 
@@ -72909,21 +79291,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   text-decoration: none;
 }
 
-.c41 {
+.c40 {
   color: #008;
   margin-left: 5px;
 }
 
-.c41:hover {
+.c40:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c42 {
+.c41 {
   padding-left: 0px;
 }
 
-.c42:before {
+.c41:before {
   content: "|";
   color: black;
   margin-right: 5px;
@@ -72934,7 +79316,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   margin: 0 0.125em;
 }
 
-.c60 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -72986,25 +79368,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   width: 0;
 }
 
-.c47 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
 
-.c46 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c45 {
+.c44 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c43 {
+.c42 {
   color: #807373;
   margin-top: 5px;
 }
@@ -73031,7 +79409,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -73078,7 +79456,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   padding: 3px 0 10px 0;
 }
 
-.c40 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -73160,91 +79538,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   padding-left: 1ch;
 }
 
-.c63 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c64 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c61 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c51 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c55 {
-  -webkit-align-items: baseline;
-  -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 5px;
-  margin-top: 0.5em;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c55:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c53 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c54 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c52 {
-  float: left;
-  font-size: 18px;
-}
-
-.c50 {
-  display: block;
-  margin-top: 3px;
-  padding: 0;
-}
-
-.c49 {
-  color: #d14727;
-  cursor: auto;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c56 {
+.c47 {
   margin-top: 5px;
 }
 
-.c57 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -73252,30 +79566,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   display: flex;
 }
 
-.c59 {
+.c50 {
   font-size: 14px;
 }
 
-.c58 {
+.c49 {
   padding: 0;
 }
 
-.c48 {
+.c46 {
   margin-top: 5px;
 }
 
-.c48 a {
+.c46 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c48 a:hover {
+.c46 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c48 img {
+.c46 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -73289,7 +79603,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   font-family: Hind,sans-serif;
 }
 
-.c1 .c44 {
+.c1 .c43 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -73335,7 +79649,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   width: 100%;
 }
 
-.c1 .c62 {
+.c1 .c53 {
   margin-left: -23px;
 }
 
@@ -73359,9 +79673,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 }
 
 .c6 {
-  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -73369,23 +79686,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 }
 
 .c38 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #0070c0;
   bottom: -11px;
   position: absolute;
   top: 11px;
   z-index: 10;
 }
 
-.c39 {
+.c56 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -73428,13 +79743,754 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       >
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        47.97767, -122.20034
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      12:57 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 0.3 miles to 
+              <span
+                className="c25"
+              >
+                Everett Station Bay C1
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              6 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTH
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.1 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Smith Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        129 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Paine Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        61 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        67 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        313 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        380 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper transit"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Everett Station Bay C1
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:04 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details transit"
+    >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 2345
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="BUS"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "CommTrans:512",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 81.59 99.992"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M68.848,68.51"
+                      />
+                      <path
+                        d="M12.687,68.51"
+                      />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    512
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Northgate Station
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                Northgate Station
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c46 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://www.communitytransit.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Community Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47 transit-leg-details"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                47 min
+                 / 6 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c26 c40 c41"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Broadway & 34th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        South Everett Fwy Station Bay 3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Ash Way Park & Ride Bay 1
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Lynnwood Transit Center Bay D3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Mountlake Terrace Fwy Station Bay 6
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -73444,16 +80500,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c11 c12"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
+          height={14}
           viewBox="0 0 512 512"
-          width={20}
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -73466,13 +80523,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        330 SW Murray Blvd, Washington County, OR, USA 97005
+        Northgate Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      1:51 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -73482,6 +80539,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
     <div
       className="c20 place-details "
     >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 2191
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
       <div
         className="c21"
       >
@@ -73506,12 +80575,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       "shortName": undefined,
                     }
                   }
-                  viewBox="0 0 512 512"
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
                   width="100%"
+                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
                   <path
-                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
                   />
                 </svg>
               </span>
@@ -73522,11 +80597,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                - 
             </span>
             <span>
-              Drive 2.4 miles to 
+              Walk to 
               <span
                 className="c25"
               >
-                P+R Sunset TC
+                Northgate Station - Bay 4
               </span>
             </span>
             <button
@@ -73552,26 +80627,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               className="c26 c30"
               onClick={[Function]}
             >
-              10 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
+              0 min
               <span
                 className="c19 invisible-additional-details"
               >
@@ -73595,342 +80651,385 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             >
               <ol
                 className="c32"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper transit"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c56 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Northgate Station - Bay 4
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:55 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details transit"
+    >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 35318
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
               >
-                <li
-                  className="c33"
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
                 >
-                  <div
-                    className="c34"
+                  <span
+                    className="c24"
                   >
                     <svg
-                      viewBox="0 0 261 261"
+                      aria-label="BUS"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "kcm:102574",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 81.59 99.992"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M68.848,68.51"
                       />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      SOUTHWEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        parking aisle
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        158 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
-                  </div>
-                  <div
-                    className="c35"
+                  </span>
+                  <span
+                    className="c43 c44"
                   >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                    40
+                  </span>
+                </span>
+                <span
+                  className="c45"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
+                  <span>
+                    Downtown Seattle Ballard
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                N 105th St & Aurora Ave N
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c46 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://metro.kingcounty.gov"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Metro Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47 transit-leg-details"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                11 min
+                 / 8 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        150 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
                 >
-                  <div
-                    className="c34"
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c26 c40 c41"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c50"
+                >
+                  <ol
+                    className="c51"
                   >
-                    <svg
-                      viewBox="0 0 261 261"
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      SLIGHTLY_RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.4 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        1st Ave NE & NE 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.6 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        N 92nd St & Corliss Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.3 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        College Way N & N 97th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        SW Cedar Hills Blvd
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        College Way N & N 103rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        SW Barnes Rd
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.5 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        Meridian Ave N & N 105th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        N Northgate Way & Meridian Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        Sunset TC
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        76 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                        N Northgate Way & Stone Ave N
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </li>
@@ -73941,7 +81040,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c6 leg-line"
       />
       <span
         className="c7"
@@ -73949,12 +81048,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="#888"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={17}
+          height={20}
           viewBox="0 0 512 512"
-          width={17}
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -73971,13 +81086,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        P+R Sunset TC
+        N 105th St & Aurora Ave N
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:02 PM
+      2:06 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -73987,6 +81102,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
     <div
       className="c20 place-details "
     >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 40032
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
       <div
         className="c21"
       >
@@ -74033,11 +81160,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                - 
             </span>
             <span>
-              Walk 426 feet to 
+              Walk 259 feet to 
               <span
                 className="c25"
               >
-                Sunset TC MAX Station
+                Aurora Ave N & N 105th St
               </span>
             </span>
             <button
@@ -74063,7 +81190,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               className="c26 c30"
               onClick={[Function]}
             >
-              3 min
+              1 min
               <span
                 className="c31"
               >
@@ -74117,7 +81244,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -74125,17 +81252,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      SLIGHTLY_RIGHT
+                      Head 
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        North 105th Street
                       </span>
                       <span
                         className="c37"
                       >
-                        16 feet
+                        64 feet
                       </span>
                     </span>
                   </div>
@@ -74150,7 +81278,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -74158,17 +81286,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        steps
+                        service road
                       </span>
                       <span
                         className="c37"
                       >
-                        232 feet
+                        14 feet
                       </span>
                     </span>
                   </div>
@@ -74201,40 +81329,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       <span
                         className="c37"
                       >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Sunset TC (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        159 feet
+                        180 feet
                       </span>
                     </span>
                   </div>
@@ -74253,7 +81348,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c4 c5"
     >
       <div
-        className="c39 leg-line"
+        className="c56 leg-line"
       />
       <span
         className="c7"
@@ -74299,13 +81394,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        Sunset TC MAX Station
+        Aurora Ave N & N 105th St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:05 PM
+      2:07 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -74316,11 +81411,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c20 place-details transit"
     >
       <div
-        className="c40 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 2600
+        Stop ID 7080
         <button
-          className="c26 c41 c42"
+          className="c26 c40 c41"
           onClick={[Function]}
           role="link"
         >
@@ -74344,7 +81439,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                 Ride
               </span>
               <span
-                className="c22 c43"
+                className="c22 c42"
               >
                 <span
                   className="c23"
@@ -74353,268 +81448,115 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c24"
                   >
                     <svg
-                      aria-label="TRAM"
+                      aria-label="BUS"
                       height="100%"
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": "TriMet:100",
+                          "routeId": "kcm:102615",
                           "shortName": undefined,
                         }
                       }
                       version="1.0"
-                      viewBox="0 0 66.461 100"
+                      viewBox="0 0 81.59 99.992"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
-                      />
-                      <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
-                      />
-                    </svg>
-                  </span>
-                  <span
-                    className="c44 c45"
-                  >
-                    MAX Blue Line
-                  </span>
-                </span>
-                <span
-                  className="c46"
-                >
-                  <span>
-                    MAX Blue Line 
-                    <span
-                      className="c47"
-                    >
-                      to
-                    </span>
-                     Gresham
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                Oak/ SW 1st Ave MAX Station
-              </span>
-            </span>
-            <button
-              className="c26 c27 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c48 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <div
-            className="c26 c49 alert-toggle"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            2 alerts
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ul
-                className="c50 alert-body"
-              >
-                <li
-                  className="c51"
-                >
-                  <div
-                    className="c52"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c54"
-                  >
-                    Effective as of November 6, 2019
-                    <a
-                      className="c55"
-                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-                <li
-                  className="c51"
-                >
-                  <div
-                    className="c52"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
+                        d="M68.848,68.51"
+                      />
                       <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
+                        d="M12.687,68.51"
                       />
-                    </svg>
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c54"
-                  >
-                    Effective as of November 3, 2019
-                    <a
-                      className="c55"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
+                      <g>
                         <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
                         />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </div>
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    E Line
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Downtown Seattle
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                3rd Ave & Cherry St
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c46 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://metro.kingcounty.gov"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Metro Transit
+            </a>
           </div>
           <div
-            className="c56 transit-leg-details"
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
           >
             <div
-              className="c57"
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47 transit-leg-details"
+          >
+            <div
+              className="c48"
             >
               <button
-                className="c26 c58"
+                className="c26 c49"
                 onClick={[Function]}
               >
                 Ride 
-                21 min
-                 / 9 stops
+                31 min
+                 / 17 stops
                 <span
                   className="c31"
                 >
@@ -74641,7 +81583,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                 </span>
               </button>
               <button
-                className="c26 c41 c42"
+                className="c26 c40 c41"
                 onClick={[Function]}
                 role="link"
               >
@@ -74662,121 +81604,233 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                 style={Object {}}
               >
                 <div
-                  className="c59"
+                  className="c50"
                 >
                   <ol
-                    className="c60"
+                    className="c51"
                   >
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Washington Park MAX Station
+                        Aurora Ave N & N 100th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Goose Hollow/SW Jefferson St MAX Station
+                        Aurora Ave N & N 95th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Kings Hill/SW Salmon St MAX Station
+                        Aurora Ave N & N 90th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Providence Park MAX Station
+                        Aurora Ave N & N 85th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Library/SW 9th Ave MAX Station
+                        Aurora Ave N & N 80th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Pioneer Square South MAX Station
+                        Aurora Ave N & N 76th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Mall/SW 4th Ave MAX Station
+                        Aurora Ave N & N 65th St
                       </div>
                     </li>
                     <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62 c63"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c64"
+                        className="c55"
                       >
-                        Yamhill District MAX Station
+                        Aurora Ave N & N 46th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Lynn St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Galer St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        7th Ave N & Thomas St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Wall St & 5th Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Bell St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Virginia St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Pike St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Seneca St
                       </div>
                     </li>
                   </ol>
@@ -74795,7 +81849,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c6 leg-line"
       />
       <span
         className="c7"
@@ -74841,13 +81895,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        Oak/ SW 1st Ave MAX Station
+        3rd Ave & Cherry St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:27 PM
+      2:39 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -74858,11 +81912,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c20 place-details "
     >
       <div
-        className="c40 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 8337
+        Stop ID 490
         <button
-          className="c26 c41 c42"
+          className="c26 c40 c41"
           onClick={[Function]}
           role="link"
         >
@@ -74915,11 +81969,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                - 
             </span>
             <span>
-              Walk 0.1 miles to 
+              Walk 443 feet to 
               <span
                 className="c25"
               >
-                205 SW Pine St, Portland, OR, USA 97204
+                208 James St, Seattle, WA 98104-2212, United States
               </span>
             </span>
             <button
@@ -74945,7 +81999,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               className="c26 c30"
               onClick={[Function]}
             >
-              2 min
+              1 min
               <span
                 className="c31"
               >
@@ -75008,17 +82062,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                   >
                     <span>
                       Head 
-                      NORTHEAST
+                      SOUTHEAST
                        on 
                       <span
                         className="c36"
                       >
-                        Oak/SW 1st Ave (path)
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        13 feet
+                        326 feet
                       </span>
                     </span>
                   </div>
@@ -75033,7 +82087,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
                       />
                     </svg>
                   </div>
@@ -75041,54 +82095,732 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      CONTINUE
+                      UTURN_RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        27 feet
+                        117 feet
                       </span>
                     </span>
                   </div>
                 </li>
-                <li
-                  className="c33"
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c57 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        208 James St, Seattle, WA 98104-2212, United States
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      2:41 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      Arrive at 
+      208 James St, Seattle, WA 98104-2212, United States
+    </span>
+    <div
+      className="c20 place-details "
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    itinerary={
+      Object {
+        "duration": 61,
+        "elevationGained": 2.9800000000000004,
+        "elevationLost": 0.6900000000000002,
+        "endTime": 1576265401000,
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 50.523999999999994,
+            "duration": 61,
+            "endTime": 1576265401000,
+            "from": Object {
+              "departure": 1576265340000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 15,
+              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1576265340000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 0,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.172842545446779,
+                  },
+                  Object {
+                    "first": 4.82,
+                    "second": 15.222842545446778,
+                  },
+                  Object {
+                    "first": 4.825,
+                    "second": 15.022842545446778,
+                  },
+                  Object {
+                    "first": 14.825,
+                    "second": 16.282842545446776,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 16.832842545446777,
+                  },
+                  Object {
+                    "first": 26.308,
+                    "second": 16.832842545446777,
+                  },
+                  Object {
+                    "first": 36.308,
+                    "second": 17.55284254544678,
+                  },
+                  Object {
+                    "first": 47.248000000000005,
+                    "second": 16.862842545446778,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": true,
+                "distance": null,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.862842545446778,
+                  },
+                  Object {
+                    "first": 2.43,
+                    "second": 17.26284254544678,
+                  },
+                ],
+                "lat": 45.5188999,
+                "lon": -122.6795756,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "arrival": 1576265401000,
+              "lat": 45.51890847886523,
+              "lon": -122.67962369485272,
+              "name": "701 SW 6th Ave, Portland, OR, USA 97204",
+              "orig": "701 SW 6th Ave, Portland, OR, USA 97204",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1576265340000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 50.6389253702716,
+        "walkLimitExceeded": false,
+        "walkTime": 61,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c37 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 130px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-areas: "time line title" "time line instructions";
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+  grid-area: instructions;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c4 {
+  grid-area: line;
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  grid-area: title;
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c17 {
+  grid-area: time;
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        KGW Studio on the Sq, Portland, OR, USA
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      11:29 AM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Oak St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        37 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 166 feet to 
+              <span
+                className="c25"
+              >
+                701 SW 6th Ave, Portland, OR, USA 97204
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
                 <li
                   className="c33"
                 >
@@ -75099,7 +82831,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -75107,17 +82839,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      Head 
+                      NORTHWEST
                        on 
                       <span
                         className="c36"
                       >
-                        SW 1st Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        260 feet
+                        Unnamed Path
                       </span>
                     </span>
                   </div>
@@ -75145,12 +82873,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       <span
                         className="c36"
                       >
-                        SW Pine St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        337 feet
+                        Unnamed Path
                       </span>
                     </span>
                   </div>
@@ -75189,7 +82912,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c65 c12"
+          className="c8 c37 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -75211,19 +82934,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        701 SW 6th Ave, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:29 PM
+      11:30 AM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      701 SW 6th Ave, Portland, OR, USA 97204
     </span>
     <div
       className="c20 place-details "
@@ -75232,7 +82955,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -75246,360 +82969,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 6223,
-        "elevationGained": 0.930000000000005,
-        "elevationLost": 11.050000000000002,
-        "endTime": 1651700473000,
+        "duration": 1232,
+        "elevationGained": 1.3099999999999987,
+        "elevationLost": 7.98,
+        "endTime": 1573690001000,
         "fare": Object {
-          "details": Object {
-            "electronicRegular": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-            "electronicSenior": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 100,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-            "electronicSpecial": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-            "electronicYouth": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-            "regular": Array [
-              Object {
-                "isTransfer": false,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 225,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-            "senior": Array [
-              Object {
-                "isTransfer": false,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 100,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 100,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-            "youth": Array [
-              Object {
-                "isTransfer": false,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-            ],
-          },
+          "details": Object {},
           "fare": Object {
-            "electronicRegular": Object {
-              "cents": 325,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicSenior": Object {
-              "cents": 100,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicSpecial": Object {
-              "cents": 150,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicYouth": Object {
-              "cents": 150,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
             "regular": Object {
-              "cents": 550,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "senior": Object {
-              "cents": 200,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "youth": Object {
-              "cents": 300,
+              "cents": 250,
               "currency": Object {
                 "currency": "USD",
-                "currencyCode": "USD",
+                "currencyCode": "EUR",
                 "defaultFractionDigits": 2,
                 "symbol": "$",
               },
@@ -75608,585 +82989,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         },
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 462.78599999999994,
-            "duration": 389,
-            "endTime": 1651694639000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 72.439,
+            "duration": 75,
+            "endTime": 1573688844000,
             "from": Object {
-              "departure": 1651694250000,
-              "lat": 47.97766686876693,
-              "lon": -122.20034419816042,
-              "name": "47.97767, -122.20034",
-              "orig": "47.97767, -122.20034",
+              "departure": 1573688769000,
+              "lat": 45.501198436772924,
+              "lon": -122.62183393468378,
+              "name": "3940 SE Brooklyn St, Portland, OR, USA 97202",
+              "orig": "3940 SE Brooklyn St, Portland, OR, USA 97202",
               "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 27,
-              "points": "srycH\`hzhVd@?HEBGBKL]?Yp@C?e@AwCGc@bA]^KCSCa@vBq@l@OCSf@QHAbA[CQB?PGFCHCPG",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1651694250000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 173.423,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 19.72,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 19.74,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 19.78,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 19.66,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 19.34,
-                  },
-                  Object {
-                    "first": 50.07,
-                    "second": 19.05,
-                  },
-                  Object {
-                    "first": 50.093,
-                    "second": 19.05,
-                  },
-                  Object {
-                    "first": 59.583000000000006,
-                    "second": 18.69,
-                  },
-                  Object {
-                    "first": 87.879,
-                    "second": 18.69,
-                  },
-                  Object {
-                    "first": 97.879,
-                    "second": 18.69,
-                  },
-                  Object {
-                    "first": 107.879,
-                    "second": 18.7,
-                  },
-                  Object {
-                    "first": 116.179,
-                    "second": 18.71,
-                  },
-                  Object {
-                    "first": 102.55600000000001,
-                    "second": 18.2,
-                  },
-                  Object {
-                    "first": 112.55600000000001,
-                    "second": 17.89,
-                  },
-                  Object {
-                    "first": 122.55600000000001,
-                    "second": 17.59,
-                  },
-                  Object {
-                    "first": 132.556,
-                    "second": 17.29,
-                  },
-                  Object {
-                    "first": 142.556,
-                    "second": 17,
-                  },
-                  Object {
-                    "first": 152.556,
-                    "second": 16.73,
-                  },
-                  Object {
-                    "first": 159.166,
-                    "second": 16.53,
-                  },
-                  Object {
-                    "first": 159.166,
-                    "second": 16.53,
-                  },
-                  Object {
-                    "first": 173.426,
-                    "second": 16.12,
-                  },
-                ],
-                "lat": 47.9775488,
-                "lon": -122.20049,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "service road",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 39.188,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 16.12,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 16.11,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 16.11,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 16.09,
-                  },
-                  Object {
-                    "first": 39.19,
-                    "second": 16.08,
-                  },
-                ],
-                "lat": 47.976997100000006,
-                "lon": -122.1989226,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Smith Avenue",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 18.465,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 16.08,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 15.88,
-                  },
-                  Object {
-                    "first": 18.47,
-                    "second": 15.61,
-                  },
-                ],
-                "lat": 47.976659600000005,
-                "lon": -122.19877100000001,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "Paine Avenue",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 20.528,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 15.61,
-                  },
-                  Object {
-                    "first": 7.9,
-                    "second": 15.6,
-                  },
-                  Object {
-                    "first": 7.9,
-                    "second": 15.6,
-                  },
-                  Object {
-                    "first": 20.53,
-                    "second": 15.52,
-                  },
-                ],
-                "lat": 47.9764974,
-                "lon": -122.19871780000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "32nd Street",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 95.40899999999999,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 15.52,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 15.35,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 15.19,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 15.04,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 14.88,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 14.73,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 14.71,
-                  },
-                  Object {
-                    "first": 69.33,
-                    "second": 14.65,
-                  },
-                  Object {
-                    "first": 69.33,
-                    "second": 14.65,
-                  },
-                  Object {
-                    "first": 79.33,
-                    "second": 14.62,
-                  },
-                  Object {
-                    "first": 89.33,
-                    "second": 14.54,
-                  },
-                  Object {
-                    "first": 95.41,
-                    "second": 14.5,
-                  },
-                ],
-                "lat": 47.976534400000006,
-                "lon": -122.19844760000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "32nd Street",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 115.773,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 14.5,
-                  },
-                  Object {
-                    "first": 7.62,
-                    "second": 14.44,
-                  },
-                  Object {
-                    "first": 7.619,
-                    "second": 14.44,
-                  },
-                  Object {
-                    "first": 17.619,
-                    "second": 14.43,
-                  },
-                  Object {
-                    "first": 27.619,
-                    "second": 14.45,
-                  },
-                  Object {
-                    "first": 36.789,
-                    "second": 14.49,
-                  },
-                  Object {
-                    "first": 36.787,
-                    "second": 14.49,
-                  },
-                  Object {
-                    "first": 46.787,
-                    "second": 14.64,
-                  },
-                  Object {
-                    "first": 56.787,
-                    "second": 14.84,
-                  },
-                  Object {
-                    "first": 66.787,
-                    "second": 15.06,
-                  },
-                  Object {
-                    "first": 75.487,
-                    "second": 15.22,
-                  },
-                  Object {
-                    "first": 75.489,
-                    "second": 15.22,
-                  },
-                  Object {
-                    "first": 81.809,
-                    "second": 15.1,
-                  },
-                  Object {
-                    "first": 81.804,
-                    "second": 15.1,
-                  },
-                  Object {
-                    "first": 84.014,
-                    "second": 15.13,
-                  },
-                  Object {
-                    "first": 84.009,
-                    "second": 15.13,
-                  },
-                  Object {
-                    "first": 94.009,
-                    "second": 15.14,
-                  },
-                  Object {
-                    "first": 99.189,
-                    "second": 15.11,
-                  },
-                  Object {
-                    "first": 99.186,
-                    "second": 15.11,
-                  },
-                  Object {
-                    "first": 105.52600000000001,
-                    "second": 15.13,
-                  },
-                ],
-                "lat": 47.975706,
-                "lon": -122.19811390000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "path",
-              },
-            ],
-            "to": Object {
-              "arrival": 1651694639000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651694640000,
-              "lat": 47.97485103,
-              "lon": -122.1976189,
-              "name": "Everett Station Bay C1",
-              "stopCode": "2345",
-              "stopId": "CommTrans:2345",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 37716.533319948845,
-            "duration": 2820,
-            "endTime": 1651697460000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1651694639000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651694640000,
-              "lat": 47.97485103,
-              "lon": -122.1976189,
-              "name": "Everett Station Bay C1",
-              "stopCode": "2345",
-              "stopId": "CommTrans:2345",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "hailedCar": false,
-            "headsign": "Northgate Station",
-            "interStopGeometry": Array [
-              Object {
-                "length": 37,
-                "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@A",
-              },
-              Object {
-                "length": 192,
-                "points": "cuxcHdmzhVT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@X",
-              },
-              Object {
-                "length": 119,
-                "points": "ugjcH|~|hVlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UY",
-              },
-              Object {
-                "length": 155,
-                "points": "sfacHtreiVAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@",
-              },
-              Object {
-                "length": 139,
-                "points": "w\`zbHz~liV?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?",
-              },
-              Object {
-                "length": 270,
-                "points": "cmtbHp|piVD?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1651694640000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651694640000,
-                "lat": 47.972881,
-                "lon": -122.201485,
-                "name": "Broadway & 34th St",
-                "stopCode": "2367",
-                "stopId": "CommTrans:2367",
-                "stopIndex": 1,
-                "stopSequence": 2,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651695180000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651695180000,
-                "lat": 47.89901771,
-                "lon": -122.2144774,
-                "name": "South Everett Fwy Station Bay 3",
-                "stopCode": "2868",
-                "stopId": "CommTrans:2868",
-                "stopIndex": 2,
-                "stopSequence": 3,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651695660000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651695660000,
-                "lat": 47.85271272,
-                "lon": -122.2584482,
-                "name": "Ash Way Park & Ride Bay 1",
-                "stopCode": "2164",
-                "stopId": "CommTrans:2164",
-                "stopIndex": 3,
-                "stopSequence": 4,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651696080000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651696080000,
-                "lat": 47.81588022,
-                "lon": -122.2963008,
-                "name": "Lynnwood Transit Center Bay D3",
-                "stopCode": "2422",
-                "stopId": "CommTrans:2422",
-                "stopIndex": 4,
-                "stopSequence": 5,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651696320000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651696320000,
-                "lat": 47.78722526,
-                "lon": -122.3164054,
-                "name": "Mountlake Terrace Fwy Station Bay 6",
-                "stopCode": "2765",
-                "stopId": "CommTrans:2765",
-                "stopIndex": 5,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 907,
-              "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@AT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@XlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UYAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?D?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "512",
-            "routeColor": "0070c0",
-            "routeId": "CommTrans:512",
-            "routeLongName": "Everett - Northgate Station",
-            "routeShortName": "512",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651694640000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1651697460000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697460000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station",
-              "stopCode": "2191",
-              "stopId": "CommTrans:2191",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "transitLeg": true,
-            "tripBlockId": "KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
-            "tripId": "CommTrans:9683834__KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 0,
-            "duration": 2,
-            "endTime": 1651697462000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1651697460000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697460000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station",
-              "stopCode": "2191",
-              "stopId": "CommTrans:2191",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 2,
-              "points": "{~cbHfesiV??",
+            "legGeometry": Object {
+              "length": 4,
+              "points": "q}utGnqlkVAlH?mCP?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -76195,198 +83017,186 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651697460000,
-            "steps": Array [],
+            "startTime": 1573688769000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 62.396,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 47.86284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 47.822842545446775,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 47.44284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 46.85284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 45.542842545446774,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 44.85284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 44.36284254544678,
+                  },
+                  Object {
+                    "first": 62.4,
+                    "second": 44.17284254544678,
+                  },
+                ],
+                "lat": 45.501213679159676,
+                "lon": -122.62183383356971,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "SE Brooklyn St",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 10.043,
+                "elevation": Array [],
+                "lat": 45.5012222,
+                "lon": -122.622634,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Cesar E. Chavez Blvd",
+              },
+            ],
             "to": Object {
-              "arrival": 1651697462000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697700000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station - Bay 4",
-              "stopCode": "35318",
-              "stopId": "kcm:35318",
-              "stopIndex": 0,
-              "stopSequence": 1,
+              "arrival": 1573688844000,
+              "departure": 1573688845000,
+              "lat": 45.501132,
+              "lon": -122.622543,
+              "name": "SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)",
+              "stopCode": "7439",
+              "stopId": "TriMet:7439",
+              "stopIndex": 37,
+              "stopSequence": 38,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 3819.702008552735,
-            "duration": 660,
-            "endTime": 1651698360000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 1181.7957543835096,
+            "duration": 275,
+            "endTime": 1573689120000,
             "from": Object {
-              "arrival": 1651697462000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697700000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station - Bay 4",
-              "stopCode": "35318",
-              "stopId": "kcm:35318",
-              "stopIndex": 0,
-              "stopSequence": 1,
+              "arrival": 1573688844000,
+              "departure": 1573688845000,
+              "lat": 45.501132,
+              "lon": -122.622543,
+              "name": "SE Cesar Chavez Blvd & Brooklyn",
+              "stopCode": "7439",
+              "stopId": "TriMet:7439",
+              "stopIndex": 37,
+              "stopSequence": 38,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "hailedCar": false,
-            "headsign": "Downtown Seattle Ballard",
+            "headsign": "St. Johns via NAYA",
             "interStopGeometry": Array [
-              Object {
-                "length": 11,
-                "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?",
-              },
               Object {
                 "length": 6,
-                "points": "y}bbH|gsiV@?jDC~DACxDAdF",
-              },
-              Object {
-                "length": 7,
-                "points": "qrbbHvtsiV?xBAtG?\`GAhFiJ?kHH",
+                "points": "a}utGnvlkVQ?mCAmC@aAAu@?",
               },
               Object {
-                "length": 17,
-                "points": "kgcbH|ptiV_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMB",
+                "length": 12,
+                "points": "gjvtGlvlkVW?O?{@?q@?O@aA?E?y@?K@M?Y?",
               },
               Object {
-                "length": 4,
-                "points": "y_dbHxitiVI@_DBsC@",
+                "length": 13,
+                "points": "cuvtGpvlkVU?]@U?I?O?O?w@?aA@iCBgCBM?_A@",
               },
               Object {
                 "length": 7,
-                "points": "widbH\`jtiVu@?{DDoD@{IDI?b@rB",
-              },
-              Object {
-                "length": 22,
-                "points": "{\`ebHbntiV@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF",
+                "points": "qgwtG~vlkVK?M@s@@{A@qB@Y@",
               },
               Object {
                 "length": 7,
-                "points": "okdbHt{uiV?ZAfG?dG?V?H?|C",
+                "points": "gqwtGhwlkV??gFFg@?cC@k@?G?",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1651697809000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697809000,
-                "lat": 47.6977348,
-                "lon": -122.32856,
-                "name": "1st Ave NE & NE 95th St",
-                "stopCode": "17697",
-                "stopId": "kcm:17697",
-                "stopIndex": 1,
-                "stopSequence": 11,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651697871000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697871000,
-                "lat": 47.6959953,
-                "lon": -122.330513,
-                "name": "N 92nd St & Corliss Ave N",
-                "stopCode": "17698",
-                "stopId": "kcm:17698",
-                "stopIndex": 2,
-                "stopSequence": 16,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651697993000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697993000,
-                "lat": 47.6992683,
-                "lon": -122.334908,
-                "name": "College Way N & N 97th St",
-                "stopCode": "17710",
-                "stopId": "kcm:17710",
-                "stopIndex": 3,
-                "stopSequence": 22,
+                "arrival": 1573688899000,
+                "departure": 1573688899000,
+                "lat": 45.503239,
+                "lon": -122.622527,
+                "name": "SE Cesar Chavez Blvd & Clinton",
+                "stopCode": "7442",
+                "stopId": "TriMet:7442",
+                "stopIndex": 38,
+                "stopSequence": 39,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698072000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698072000,
-                "lat": 47.7032013,
-                "lon": -122.333794,
-                "name": "College Way N & N 103rd St",
-                "stopCode": "17730",
-                "stopId": "kcm:17730",
-                "stopIndex": 4,
-                "stopSequence": 38,
+                "arrival": 1573688944000,
+                "departure": 1573688944000,
+                "lat": 45.504987,
+                "lon": -122.622518,
+                "name": "SE Cesar Chavez Blvd & Division",
+                "stopCode": "7445",
+                "stopId": "TriMet:7445",
+                "stopIndex": 39,
+                "stopSequence": 40,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698103000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698103000,
-                "lat": 47.7047577,
-                "lon": -122.333832,
-                "name": "Meridian Ave N & N 105th St",
-                "stopCode": "17740",
-                "stopId": "kcm:17740",
-                "stopIndex": 5,
+                "arrival": 1573689021000,
+                "departure": 1573689021000,
+                "lat": 45.507935,
+                "lon": -122.622619,
+                "name": "SE Cesar Chavez Blvd & Lincoln",
+                "stopCode": "7468",
+                "stopId": "TriMet:7468",
+                "stopIndex": 40,
                 "stopSequence": 41,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698185000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698185000,
-                "lat": 47.7085342,
-                "lon": -122.33461,
-                "name": "N Northgate Way & Meridian Ave N",
-                "stopCode": "17755",
-                "stopId": "kcm:17755",
-                "stopIndex": 6,
-                "stopSequence": 47,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698312000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698312000,
-                "lat": 47.7051163,
-                "lon": -122.341866,
-                "name": "N Northgate Way & Stone Ave N",
-                "stopCode": "40030",
-                "stopId": "kcm:40030",
-                "stopIndex": 7,
-                "stopSequence": 68,
+                "arrival": 1573689061000,
+                "departure": 1573689061000,
+                "lat": 45.509481,
+                "lon": -122.622655,
+                "name": "SE Cesar Chavez Blvd & Stephens",
+                "stopCode": "7489",
+                "stopId": "TriMet:7489",
+                "stopIndex": 41,
+                "stopSequence": 42,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
             ],
             "legGeometry": Object {
-              "length": 74,
-              "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?@?jDC~DACxDAdF?xBAtG?\`GAhFiJ?kHH_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMBI@_DBsC@u@?{DDoD@{IDI?b@rB@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF?ZAfG?dG?V?H?|C",
+              "length": 41,
+              "points": "a}utGnvlkVQ?mCAmC@aAAu@?W?O?{@?q@?O@aA?E?y@?K@M?Y?U?]@U?I?O?O?w@?aA@iCBgCBM?_A@K?M@s@@{A@qB@Y@??gFFg@?cC@k@?G?",
             },
             "mode": "BUS",
             "pathway": false,
@@ -76394,62 +83204,57 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "40",
-            "routeId": "kcm:102574",
-            "routeShortName": "40",
+            "route": "755X",
+            "routeId": "TriMet:75",
+            "routeLongName": "Cesar Chavez/Lombard (very long route name)",
+            "routeShortName": "755X",
             "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651697700000,
+            "serviceDate": "20191113",
+            "startTime": 1573688845000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1651698360000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698360000,
-              "lat": 47.7051239,
-              "lon": -122.345596,
-              "name": "N 105th St & Aurora Ave N",
-              "stopCode": "40032",
-              "stopId": "kcm:40032",
-              "stopIndex": 8,
-              "stopSequence": 74,
+              "arrival": 1573689120000,
+              "departure": 1573689120000,
+              "lat": 45.511759,
+              "lon": -122.622672,
+              "name": "SE Cesar Chavez Blvd & Hawthorne",
+              "stopCode": "7459",
+              "stopId": "TriMet:7459",
+              "stopIndex": 42,
+              "stopSequence": 43,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "transitLeg": true,
-            "tripBlockId": "6367535",
-            "tripId": "kcm:546784580",
-            "tripShortName": "LOCAL",
+            "tripBlockId": "7508",
+            "tripId": "TriMet:9262578",
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 78.93199999999999,
-            "duration": 61,
-            "endTime": 1651698421000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 134.154,
+            "duration": 103,
+            "endTime": 1573689223000,
             "from": Object {
-              "arrival": 1651698360000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698360000,
-              "lat": 47.7051239,
-              "lon": -122.345596,
-              "name": "N 105th St & Aurora Ave N",
-              "stopCode": "40032",
-              "stopId": "kcm:40032",
-              "stopIndex": 8,
-              "stopSequence": 74,
+              "arrival": 1573689120000,
+              "departure": 1573689120000,
+              "lat": 45.511759,
+              "lon": -122.622672,
+              "name": "SE Cesar Chavez Blvd & Hawthorne",
+              "stopCode": "7459",
+              "stopId": "TriMet:7459",
+              "stopIndex": 42,
+              "stopSequence": 43,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 13,
-              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
+              "length": 9,
+              "points": "e_xtG|ulkVh@??t@i@?o@?QB?\\\\?R?X",
             },
             "mode": "WALK",
             "pathway": false,
@@ -76458,489 +83263,223 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651698360000,
+            "startTime": 1573689120000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 19.622999999999998,
+                "bogusName": true,
+                "distance": 44.486999999999995,
                 "elevation": Array [
                   Object {
-                    "first": 10.365,
-                    "second": 98.12,
+                    "first": 0,
+                    "second": 47.12284254544678,
                   },
                   Object {
-                    "first": 19.625,
-                    "second": 97.7,
+                    "first": 10,
+                    "second": 47.06284254544678,
                   },
-                ],
-                "lat": 47.705065371872415,
-                "lon": -122.34559550720056,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "North 105th Street",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 4.369,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 97.7,
+                    "first": 23.28,
+                    "second": 46.72284254544678,
                   },
                   Object {
-                    "first": 4.37,
-                    "second": 97.64,
+                    "first": 23.284,
+                    "second": 46.72284254544678,
+                  },
+                  Object {
+                    "first": 33.284,
+                    "second": 46.62284254544678,
+                  },
+                  Object {
+                    "first": 44.483999999999995,
+                    "second": 46.60284254544678,
                   },
                 ],
-                "lat": 47.705022400000004,
-                "lon": -122.3453515,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5117133,
+                "lon": -122.6225416,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
                 "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 54.94,
+                "bogusName": false,
+                "distance": 60.363,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 97.64,
-                  },
-                  Object {
-                    "first": 4.26,
-                    "second": 97.45,
-                  },
-                  Object {
-                    "first": 4.265,
-                    "second": 97.45,
-                  },
-                  Object {
-                    "first": 14.265,
-                    "second": 96.91,
-                  },
-                  Object {
-                    "first": 24.265,
-                    "second": 96.65,
-                  },
-                  Object {
-                    "first": 33.175,
-                    "second": 96.62,
-                  },
-                  Object {
-                    "first": 33.174,
-                    "second": 96.62,
-                  },
-                  Object {
-                    "first": 37.164,
-                    "second": 96.62,
-                  },
-                  Object {
-                    "first": 37.16,
-                    "second": 96.62,
+                    "second": 46.60284254544678,
                   },
                   Object {
-                    "first": 39.589999999999996,
-                    "second": 96.62,
+                    "first": 10,
+                    "second": 46.682842545446775,
                   },
                   Object {
-                    "first": 39.586,
-                    "second": 96.62,
+                    "first": 24.14,
+                    "second": 46.822842545446775,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 24.141,
+                    "second": 46.822842545446775,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 34.141,
+                    "second": 46.932842545446775,
                   },
                   Object {
-                    "first": 50.196,
-                    "second": 96.62,
+                    "first": 44.141,
+                    "second": 47.042842545446774,
                   },
                   Object {
-                    "first": 50.193,
-                    "second": 96.62,
+                    "first": 54.141,
+                    "second": 47.16284254544678,
                   },
                   Object {
-                    "first": 53.443,
-                    "second": 96.62,
+                    "first": 60.370999999999995,
+                    "second": 47.212842545446776,
                   },
                 ],
-                "lat": 47.7049831,
-                "lon": -122.3453516,
+                "lat": 45.5115025,
+                "lon": -122.6228156,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Cesar E. Chavez Blvd",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 29.304,
+                "elevation": Array [],
+                "lat": 45.5120447,
+                "lon": -122.6228358,
                 "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
+                "stayOn": false,
+                "streetName": "SE Hawthorne Blvd",
               },
             ],
             "to": Object {
-              "arrival": 1651698421000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698454000,
-              "lat": 47.7047806,
-              "lon": -122.344856,
-              "name": "Aurora Ave N & N 105th St",
-              "stopCode": "7080",
-              "stopId": "kcm:7080",
-              "stopIndex": 16,
-              "stopSequence": 117,
+              "arrival": 1573689223000,
+              "departure": 1573689600000,
+              "lat": 45.51213,
+              "lon": -122.623212,
+              "name": "SE Hawthorne & Cesar Chavez Blvd",
+              "stopCode": "2626",
+              "stopId": "TriMet:2626",
+              "stopIndex": 21,
+              "stopSequence": 22,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 11857.370334253566,
-            "duration": 1910,
-            "endTime": 1651700364000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 1152.1496223157228,
+            "duration": 275,
+            "endTime": 1573689875000,
             "from": Object {
-              "arrival": 1651698421000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698454000,
-              "lat": 47.7047806,
-              "lon": -122.344856,
-              "name": "Aurora Ave N & N 105th St",
-              "stopCode": "7080",
-              "stopId": "kcm:7080",
-              "stopIndex": 16,
-              "stopSequence": 117,
+              "arrival": 1573689223000,
+              "departure": 1573689600000,
+              "lat": 45.51213,
+              "lon": -122.623212,
+              "name": "SE Hawthorne & Cesar Chavez Blvd",
+              "stopCode": "2626",
+              "stopId": "TriMet:2626",
+              "stopIndex": 21,
+              "stopSequence": 22,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "hailedCar": false,
-            "headsign": "Downtown Seattle",
+            "headsign": "Portland",
             "interStopGeometry": Array [
               Object {
                 "length": 7,
-                "points": "widbHvmviVvAAnCAnC?pCCnC?dAA",
-              },
-              Object {
-                "length": 8,
-                "points": "wrcbHlmviVnB?\`DCRItDC\\\\?rC?~@?",
-              },
-              Object {
-                "length": 9,
-                "points": "i|bbHzlviVpACpC?pCArA?NHh@?pCCj@?",
-              },
-              Object {
-                "length": 12,
-                "points": "gfbbHzlviVbB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?",
-              },
-              Object {
-                "length": 7,
-                "points": "ulabHtlviVL?hC?nCCpC?nC?t@?",
-              },
-              Object {
-                "length": 5,
-                "points": "ux\`bHplviVxA?pCApC?xB?",
-              },
-              Object {
-                "length": 59,
-                "points": "}h\`bHnlviVV?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJB",
-              },
-              Object {
-                "length": 23,
-                "points": "kv~aHxzviVLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?",
-              },
-              Object {
-                "length": 37,
-                "points": "m|{aHf~viVl@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DA",
-              },
-              Object {
-                "length": 21,
-                "points": "inwaHnrviVbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?",
-              },
-              Object {
-                "length": 35,
-                "points": "qdvaHjfviVlI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?",
-              },
-              Object {
-                "length": 9,
-                "points": "q~saHjgviV^@fABbCC\\\\IhFGj@hA~@tA|BbD",
-              },
-              Object {
-                "length": 9,
-                "points": "sgsaH~pviVDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gA",
+                "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF",
               },
               Object {
-                "length": 4,
-                "points": "quraHxkviVnB{DxCeGfCeF",
+                "length": 11,
+                "points": "iaxtGfimkV?V?X?zC?b@?hA?rA?tB?tA?P?fC",
               },
               Object {
-                "length": 14,
-                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
+                "length": 11,
+                "points": "iaxtG|\`nkV?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC",
               },
               Object {
                 "length": 6,
-                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+                "points": "kaxtGrsnkV?x@?bC?lA?zB?n@",
               },
               Object {
-                "length": 7,
-                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
+                "length": 9,
+                "points": "kaxtGjaokV?J?R?T?fAAlD?\`C?hA?jD",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1651698520000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698520000,
-                "lat": 47.701088,
-                "lon": -122.34481,
-                "name": "Aurora Ave N & N 100th St",
-                "stopCode": "7100",
-                "stopId": "kcm:7100",
-                "stopIndex": 17,
-                "stopSequence": 123,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698584000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698584000,
-                "lat": 47.6974945,
-                "lon": -122.344704,
-                "name": "Aurora Ave N & N 95th St",
-                "stopCode": "7120",
-                "stopId": "kcm:7120",
-                "stopIndex": 18,
-                "stopSequence": 130,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698647000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698647000,
-                "lat": 47.6939621,
-                "lon": -122.344734,
-                "name": "Aurora Ave N & N 90th St",
-                "stopCode": "7140",
-                "stopId": "kcm:7140",
-                "stopIndex": 19,
-                "stopSequence": 138,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698720000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698720000,
-                "lat": 47.6898766,
-                "lon": -122.344681,
-                "name": "Aurora Ave N & N 85th St",
-                "stopCode": "7160",
-                "stopId": "kcm:7160",
-                "stopIndex": 20,
-                "stopSequence": 149,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698775000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698775000,
-                "lat": 47.6866722,
-                "lon": -122.344666,
-                "name": "Aurora Ave N & N 80th St",
-                "stopCode": "7180",
-                "stopId": "kcm:7180",
-                "stopIndex": 21,
-                "stopSequence": 155,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698817000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698817000,
-                "lat": 47.6841507,
-                "lon": -122.34465,
-                "name": "Aurora Ave N & N 76th St",
-                "stopCode": "7200",
-                "stopId": "kcm:7200",
+                "arrival": 1573689645000,
+                "departure": 1573689645000,
+                "lat": 45.512123,
+                "lon": -122.625631,
+                "name": "SE Hawthorne & 37th",
+                "stopCode": "2624",
+                "stopId": "TriMet:2624",
                 "stopIndex": 22,
-                "stopSequence": 159,
+                "stopSequence": 23,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698960000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698960000,
-                "lat": 47.6760826,
-                "lon": -122.346947,
-                "name": "Aurora Ave N & N 65th St",
-                "stopCode": "7210",
-                "stopId": "kcm:7210",
+                "arrival": 1573689716000,
+                "departure": 1573689716000,
+                "lat": 45.51212,
+                "lon": -122.62943,
+                "name": "SE Hawthorne & 34th",
+                "stopCode": "12892",
+                "stopId": "TriMet:12892",
                 "stopIndex": 23,
-                "stopSequence": 217,
+                "stopSequence": 24,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651699080000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699080000,
-                "lat": 47.6616707,
-                "lon": -122.347488,
-                "name": "Aurora Ave N & N 46th St",
-                "stopCode": "75408",
-                "stopId": "kcm:75408",
+                "arrival": 1573689772000,
+                "departure": 1573689772000,
+                "lat": 45.512139,
+                "lon": -122.632417,
+                "name": "SE Hawthorne & 32nd",
+                "stopCode": "2619",
+                "stopId": "TriMet:2619",
                 "stopIndex": 24,
-                "stopSequence": 239,
+                "stopSequence": 25,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651699474000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699474000,
-                "lat": 47.6389084,
-                "lon": -122.345596,
-                "name": "Aurora Ave N & Lynn St",
-                "stopCode": "6070",
-                "stopId": "kcm:6070",
+                "arrival": 1573689812000,
+                "departure": 1573689812000,
+                "lat": 45.51214,
+                "lon": -122.634614,
+                "name": "SE Hawthorne & 30th",
+                "stopCode": "2616",
+                "stopId": "TriMet:2616",
                 "stopIndex": 25,
-                "stopSequence": 275,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699593000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699593000,
-                "lat": 47.6322517,
-                "lon": -122.343666,
-                "name": "Aurora Ave N & Galer St",
-                "stopCode": "6100",
-                "stopId": "kcm:6100",
-                "stopIndex": 26,
-                "stopSequence": 295,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699787000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699787000,
-                "lat": 47.6210556,
-                "lon": -122.343842,
-                "name": "7th Ave N & Thomas St",
-                "stopCode": "6176",
-                "stopId": "kcm:6176",
-                "stopIndex": 27,
-                "stopSequence": 329,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699857000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699857000,
-                "lat": 47.6174316,
-                "lon": -122.345345,
-                "name": "Wall St & 5th Ave",
-                "stopCode": "7430",
-                "stopId": "kcm:7430",
-                "stopIndex": 28,
-                "stopSequence": 337,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699928000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699928000,
-                "lat": 47.6144447,
-                "lon": -122.344513,
-                "name": "3rd Ave & Bell St",
-                "stopCode": "400",
-                "stopId": "kcm:400",
-                "stopIndex": 29,
-                "stopSequence": 345,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651699981000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699981000,
-                "lat": 47.6124382,
-                "lon": -122.34111,
-                "name": "3rd Ave & Virginia St",
-                "stopCode": "420",
-                "stopId": "kcm:420",
-                "stopIndex": 30,
-                "stopSequence": 348,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651700040000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651700040000,
-                "lat": 47.6097908,
-                "lon": -122.337959,
-                "name": "3rd Ave & Pike St",
-                "stopCode": "431",
-                "stopId": "kcm:431",
-                "stopIndex": 31,
-                "stopSequence": 361,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651700212000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651700212000,
-                "lat": 47.6065025,
-                "lon": -122.334938,
-                "name": "3rd Ave & Seneca St",
-                "stopCode": "468",
-                "stopId": "kcm:468",
-                "stopIndex": 32,
-                "stopSequence": 366,
+                "stopSequence": 26,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
+                "zoneId": "B",
               },
             ],
             "legGeometry": Object {
-              "length": 256,
-              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
+              "length": 40,
+              "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF?V?X?zC?b@?hA?rA?tB?tA?P?fC?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC?x@?bC?lA?zB?n@?J?R?T?fAAlD?\`C?hA?jD",
             },
             "mode": "BUS",
             "pathway": false,
@@ -76948,62 +83487,57 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "E Line",
-            "routeId": "kcm:102615",
-            "routeShortName": "E Line",
+            "route": "1",
+            "routeId": "TriMet:14",
+            "routeLongName": "Hawthorne",
+            "routeShortName": "1",
             "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651698454000,
+            "serviceDate": "20191113",
+            "startTime": 1573689600000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1651700364000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651700365000,
-              "lat": 47.6035805,
-              "lon": -122.332275,
-              "name": "3rd Ave & Cherry St",
-              "stopCode": "490",
-              "stopId": "kcm:490",
-              "stopIndex": 33,
-              "stopSequence": 372,
+              "arrival": 1573689875000,
+              "departure": 1573689876000,
+              "lat": 45.512139,
+              "lon": -122.637998,
+              "name": "SE Hawthorne & 27th",
+              "stopCode": "2613",
+              "stopId": "TriMet:2613",
+              "stopIndex": 26,
+              "stopSequence": 27,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
+              "zoneId": "B",
             },
             "transitLeg": true,
-            "tripBlockId": "6367577",
-            "tripId": "kcm:491944150",
-            "tripShortName": "LOCAL",
+            "tripBlockId": "1402",
+            "tripId": "TriMet:9254091",
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 135.17100000000002,
-            "duration": 108,
-            "endTime": 1651700473000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 146.06499999999997,
+            "duration": 125,
+            "endTime": 1573690001000,
             "from": Object {
-              "arrival": 1651700364000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651700365000,
-              "lat": 47.6035805,
-              "lon": -122.332275,
-              "name": "3rd Ave & Cherry St",
-              "stopCode": "490",
-              "stopId": "kcm:490",
-              "stopIndex": 33,
-              "stopSequence": 372,
+              "arrival": 1573689875000,
+              "departure": 1573689876000,
+              "lat": 45.512139,
+              "lon": -122.637998,
+              "name": "SE Hawthorne & 27th",
+              "stopCode": "2613",
+              "stopId": "TriMet:2613",
+              "stopIndex": 26,
+              "stopSequence": 27,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
+              "zoneId": "B",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 13,
-              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
+              "length": 7,
+              "points": "maxtGnvokV?J?RQ?oCA?iB?G",
             },
             "mode": "WALK",
             "pathway": false,
@@ -77012,146 +83546,141 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651700365000,
+            "startTime": 1573689876000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "WEST",
                 "area": false,
-                "bogusName": true,
-                "distance": 99.492,
+                "bogusName": false,
+                "distance": 12.072,
+                "elevation": Array [],
+                "lat": 45.51207482860264,
+                "lon": -122.6379983821018,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "SE Hawthorne Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 89.603,
                 "elevation": Array [
                   Object {
-                    "first": 8.543,
-                    "second": 20.99,
-                  },
-                  Object {
-                    "first": 11.142999999999999,
-                    "second": 20.74,
-                  },
-                  Object {
-                    "first": 11.140999999999998,
-                    "second": 20.74,
-                  },
-                  Object {
-                    "first": 11.450999999999999,
-                    "second": 20.71,
-                  },
-                  Object {
-                    "first": 11.446999999999997,
-                    "second": 20.71,
-                  },
-                  Object {
-                    "first": 17.386999999999997,
-                    "second": 20.23,
-                  },
-                  Object {
-                    "first": 17.381999999999998,
-                    "second": 20.23,
+                    "first": 0,
+                    "second": 49.22284254544678,
                   },
                   Object {
-                    "first": 21.191999999999997,
-                    "second": 19.99,
+                    "first": 10,
+                    "second": 49.292842545446774,
                   },
                   Object {
-                    "first": 25.188,
-                    "second": 19.7,
+                    "first": 20,
+                    "second": 48.932842545446775,
                   },
                   Object {
-                    "first": 35.188,
-                    "second": 19.35,
+                    "first": 30,
+                    "second": 48.38284254544678,
                   },
-                  Object {
-                    "first": 45.188,
-                    "second": 19.17,
+                  Object {
+                    "first": 40,
+                    "second": 47.81284254544678,
                   },
                   Object {
-                    "first": 55.188,
-                    "second": 18.99,
+                    "first": 50,
+                    "second": 47.22284254544678,
                   },
                   Object {
-                    "first": 65.188,
-                    "second": 18.75,
+                    "first": 60,
+                    "second": 46.62284254544678,
                   },
                   Object {
-                    "first": 75.188,
-                    "second": 18.52,
+                    "first": 70,
+                    "second": 46.042842545446774,
                   },
                   Object {
-                    "first": 85.188,
-                    "second": 18.27,
+                    "first": 80,
+                    "second": 45.47284254544678,
                   },
                   Object {
-                    "first": 99.488,
-                    "second": 17.93,
+                    "first": 89.6,
+                    "second": 45.00284254544678,
                   },
                 ],
-                "lat": 47.603566786898504,
-                "lon": -122.33230777867696,
-                "relativeDirection": "DEPART",
+                "lat": 45.5120757,
+                "lon": -122.6381533,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "sidewalk",
+                "streetName": "SE 27th Ave",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "EAST",
                 "area": false,
-                "bogusName": true,
-                "distance": 35.679,
+                "bogusName": false,
+                "distance": 44.39,
                 "elevation": Array [
                   Object {
-                    "first": 0.416,
-                    "second": 17.66,
+                    "first": 0,
+                    "second": 45.00284254544678,
                   },
                   Object {
-                    "first": 10.416,
-                    "second": 16.75,
+                    "first": 10,
+                    "second": 45.25284254544678,
                   },
                   Object {
-                    "first": 20.416,
-                    "second": 15.91,
+                    "first": 20,
+                    "second": 45.402842545446774,
                   },
                   Object {
-                    "first": 30.416,
-                    "second": 15.12,
+                    "first": 30,
+                    "second": 45.63284254544678,
                   },
                   Object {
-                    "first": 32.906,
-                    "second": 14.9,
+                    "first": 41.55,
+                    "second": 46.06284254544678,
+                  },
+                  Object {
+                    "first": 41.547,
+                    "second": 46.06284254544678,
+                  },
+                  Object {
+                    "first": 44.387,
+                    "second": 46.24284254544678,
                   },
                 ],
-                "lat": 47.602787500000005,
-                "lon": -122.3316056,
-                "relativeDirection": "UTURN_RIGHT",
-                "stayOn": true,
-                "streetName": "sidewalk",
+                "lat": 45.5128815,
+                "lon": -122.6381445,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Madison St",
               },
             ],
             "to": Object {
-              "arrival": 1651700473000,
-              "lat": 47.602632914527724,
-              "lon": -122.33197990547832,
-              "name": "208 James St, Seattle, WA 98104-2212, United States",
-              "orig": "208 James St, Seattle, WA 98104-2212, United States",
+              "arrival": 1573690001000,
+              "lat": 45.51258575759002,
+              "lon": -122.63757592401461,
+              "name": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "orig": "1415 SE 28th Ave, Portland, OR, USA 97214",
               "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1651694250000,
+        "startTime": 1573688769000,
         "tooSloped": false,
-        "transfers": 2,
-        "transitTime": 5390,
-        "waitingTime": 273,
-        "walkDistance": 677.2714626770405,
+        "transfers": 1,
+        "transitTime": 550,
+        "waitingTime": 379,
+        "walkDistance": 352.75874626614717,
         "walkLimitExceeded": false,
-        "walkTime": 560,
+        "walkTime": 303,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -77201,7 +83730,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   margin: 0 0.125em;
 }
 
-.c51 {
+.c52 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -77253,6 +83782,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   width: 0;
 }
 
+.c46 {
+  font-weight: 200;
+}
+
 .c25 {
   font-weight: inherit;
 }
@@ -77294,7 +83827,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -77423,938 +83956,186 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   padding-left: 1ch;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c52 {
+.c53 {
   z-index: 30;
   position: relative;
 }
 
-.c47 {
-  margin-top: 5px;
-}
-
 .c48 {
-  color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c50 {
-  font-size: 14px;
-}
-
-.c49 {
-  padding: 0;
-}
-
-.c46 {
   margin-top: 5px;
 }
 
-.c46 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c46 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c46 img {
-  margin-left: 5px;
-  vertical-align: middle;
-}
-
-.c1 {
-  font-size: 16px;
-}
-
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
-
-.c1 .c43 {
-  background-color: rgb(15,106,172);
-  border-color: white;
-  border-image: initial;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
-  color: white;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 1.5;
-  margin-right: 8px;
-  min-width: 24px;
-  padding: 2px 3px;
-  text-align: center;
-}
-
-.c1 .c4 {
-  grid-area: line;
-  display: table-cell;
-  max-width: 20px;
-  width: 20px;
-  padding: 0;
-  position: relative;
-}
-
-.c1 .c13 {
-  grid-area: title;
-  color: #000;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.c1 .c15 {
-  height: inherit;
-  white-space: normal;
-}
-
-.c1 .c2 {
-  width: 100%;
-}
-
-.c1 .c53 {
-  margin-left: -23px;
-}
-
-.c1 .c17 {
-  grid-area: time;
+.c49 {
   color: #676767;
-  display: table-cell;
-  font-size: 14px;
-  padding-right: 4px;
-  padding-top: 2px;
-  text-align: right;
-  vertical-align: top;
-  width: 60px;
-}
-
-.c7 {
-  position: absolute;
-  width: 100%;
-  top: 3px;
-  z-index: 20;
-}
-
-.c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #0070c0;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c56 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #000088;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c9 {
-  left: 0;
-  line-height: inherit;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-.c10 {
-  top: 3px;
-}
-
-.c12 {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-<ol
-  className="c0 c1"
->
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c11 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        47.97767, -122.20034
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      12:57 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 0.3 miles to 
-              <span
-                className="c25"
-              >
-                Everett Station Bay C1
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              6 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.1 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Smith Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        129 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Paine Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        61 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        67 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        313 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        380 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper transit"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Everett Station Bay C1
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:04 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details transit"
-    >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 2345
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "CommTrans:512",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c43 c44"
-                  >
-                    512
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Northgate Station
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                Northgate Station
-              </span>
-            </span>
-            <button
-              className="c26 c27 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c46 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://www.communitytransit.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Community Transit
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47 transit-leg-details"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                47 min
-                 / 6 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c26 c40 c41"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Broadway & 34th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        South Everett Fwy Station Bay 3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Ash Way Park & Ride Bay 1
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Lynnwood Transit Center Bay D3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Mountlake Terrace Fwy Station Bay 6
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c51 {
+  font-size: 14px;
+}
+
+.c50 {
+  padding: 0;
+}
+
+.c47 {
+  margin-top: 5px;
+}
+
+.c47 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c47 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.c1 .c4 {
+  grid-area: line;
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  grid-area: title;
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c54 {
+  margin-left: -23px;
+}
+
+.c1 .c17 {
+  grid-area: time;
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #000088;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
   <li
     className="c2 c3 place-row-wrapper "
   >
@@ -78367,210 +84148,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <span
         className="c7"
       >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Northgate Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:51 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 2191
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk to 
-              <span
-                className="c25"
-              >
-                Northgate Station - Bay 4
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              0 min
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              />
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper transit"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c56 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
         <svg
           aria-hidden="true"
           className="c8 c9 c10"
@@ -78587,353 +84164,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             fill="currentColor"
           />
         </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Northgate Station - Bay 4
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:55 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details transit"
-    >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 35318
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "kcm:102574",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c43 c44"
-                  >
-                    40
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Downtown Seattle Ballard
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                N 105th St & Aurora Ave N
-              </span>
-            </span>
-            <button
-              className="c26 c27 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c46 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Metro Transit
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47 transit-leg-details"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                11 min
-                 / 8 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c26 c40 c41"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        1st Ave NE & NE 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N 92nd St & Corliss Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        College Way N & N 97th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        College Way N & N 103rd St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Meridian Ave N & N 105th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N Northgate Way & Meridian Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N Northgate Way & Stone Ave N
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
         <svg
           aria-hidden="true"
-          className="c8 c9"
-          color="black"
+          className="c8 c11 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -78942,23 +84175,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
             fill="currentColor"
           />
         </svg>
@@ -78971,13 +84188,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        N 105th St & Aurora Ave N
+        3940 SE Brooklyn St, Portland, OR, USA 97202
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:06 PM
+      3:46 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -78987,18 +84204,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
     <div
       className="c20 place-details "
     >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 40032
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
       <div
         className="c21"
       >
@@ -79045,11 +84250,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                - 
             </span>
             <span>
-              Walk 259 feet to 
+              Walk 238 feet to 
               <span
                 className="c25"
               >
-                Aurora Ave N & N 105th St
+                SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)
               </span>
             </span>
             <button
@@ -79138,17 +84343,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   >
                     <span>
                       Head 
-                      EAST
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        North 105th Street
+                        SE Brooklyn St
                       </span>
                       <span
                         className="c37"
                       >
-                        64 feet
+                        205 feet
                       </span>
                     </span>
                   </div>
@@ -79176,45 +84381,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       <span
                         className="c36"
                       >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        14 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
+                        SE Cesar E. Chavez Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        180 feet
+                        33 feet
                       </span>
                     </span>
                   </div>
@@ -79233,7 +84405,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       className="c4 c5"
     >
       <div
-        className="c56 leg-line"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -79279,13 +84451,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        Aurora Ave N & N 105th St
+        SE Cesar Chavez Blvd & Brooklyn
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:07 PM
+      3:47 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -79298,7 +84470,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <div
         className="c39 transit-leg-subheader"
       >
-        Stop ID 7080
+        Stop ID 7439
         <button
           className="c26 c40 c41"
           onClick={[Function]}
@@ -79338,7 +84510,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": "kcm:102615",
+                          "routeId": "TriMet:75",
                           "shortName": undefined,
                         }
                       }
@@ -79366,14 +84538,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   <span
                     className="c43 c44"
                   >
-                    E Line
+                    755X
                   </span>
                 </span>
                 <span
                   className="c45"
                 >
                   <span>
-                    Downtown Seattle
+                    Cesar Chavez/Lombard (very long route name) 
+                    <span
+                      className="c46"
+                    >
+                      to
+                    </span>
+                     St. Johns via NAYA
                   </span>
                 </span>
               </span>
@@ -79382,7 +84560,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
               >
                  - 
                 Disembark at 
-                3rd Ave & Cherry St
+                SE Cesar Chavez Blvd & Hawthorne
               </span>
             </span>
             <button
@@ -79403,16 +84581,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
           role="group"
         >
           <div
-            className="c46 agency-info"
+            className="c47 agency-info"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
+              href="http://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Metro Transit
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
             </a>
           </div>
           <div
@@ -79430,18 +84613,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             />
           </div>
           <div
-            className="c47 transit-leg-details"
+            className="c48 transit-leg-details"
           >
             <div
-              className="c48"
+              className="c49"
             >
               <button
-                className="c26 c49"
+                className="c26 c50"
                 onClick={[Function]}
               >
                 Ride 
-                31 min
-                 / 17 stops
+                4 min
+                 / 5 stops
                 <span
                   className="c31"
                 >
@@ -79470,252 +84653,84 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
               <button
                 className="c26 c40 c41"
                 onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 100th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 90th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 85th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 80th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 76th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 65th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 46th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & Lynn St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & Galer St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        7th Ave N & Thomas St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Wall St & 5th Ave
-                      </div>
-                    </li>
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c51"
+                >
+                  <ol
+                    className="c52"
+                  >
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Bell St
+                        SE Cesar Chavez Blvd & Clinton
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Virginia St
+                        SE Cesar Chavez Blvd & Division
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Pike St
+                        SE Cesar Chavez Blvd & Lincoln
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Seneca St
+                        SE Cesar Chavez Blvd & Stephens
                       </div>
                     </li>
                   </ol>
@@ -79780,13 +84795,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        3rd Ave & Cherry St
+        SE Cesar Chavez Blvd & Hawthorne
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:39 PM
+      3:52 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -79799,7 +84814,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <div
         className="c39 transit-leg-subheader"
       >
-        Stop ID 490
+        Stop ID 7459
         <button
           className="c26 c40 c41"
           onClick={[Function]}
@@ -79854,11 +84869,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                - 
             </span>
             <span>
-              Walk 443 feet to 
+              Walk 440 feet to 
               <span
                 className="c25"
               >
-                208 James St, Seattle, WA 98104-2212, United States
+                SE Hawthorne & Cesar Chavez Blvd
               </span>
             </span>
             <button
@@ -79947,17 +84962,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   >
                     <span>
                       Head 
-                      SOUTHEAST
+                      SOUTH
                        on 
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        service road
                       </span>
                       <span
                         className="c37"
                       >
-                        326 feet
+                        146 feet
                       </span>
                     </span>
                   </div>
@@ -79972,7 +84987,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -79980,17 +84995,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                     className="c35"
                   >
                     <span>
-                      UTURN_RIGHT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        SE Cesar E. Chavez Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        117 feet
+                        198 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SE Hawthorne Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        96 feet
                       </span>
                     </span>
                   </div>
@@ -80003,23 +85051,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
     </div>
   </li>
   <li
-    className="c2 c3 place-row-wrapper "
+    className="c2 c3 place-row-wrapper transit"
   >
     <div
       className="c4 c5"
     >
+      <div
+        className="c38 leg-line"
+      />
       <span
         className="c7"
       >
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -80029,16 +85080,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c57 c12"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -80051,473 +85103,297 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        208 James St, Seattle, WA 98104-2212, United States
+        SE Hawthorne & Cesar Chavez Blvd
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:41 PM
+      4:00 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
-      Arrive at 
-      208 James St, Seattle, WA 98104-2212, United States
+      otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 61,
-        "elevationGained": 2.9800000000000004,
-        "elevationLost": 0.6900000000000002,
-        "endTime": 1576265401000,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 50.523999999999994,
-            "duration": 61,
-            "endTime": 1576265401000,
-            "from": Object {
-              "departure": 1576265340000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 15,
-              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1576265340000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTHWEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 0,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 15.172842545446779,
-                  },
-                  Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
-                  },
-                  Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
-                  },
-                  Object {
-                    "first": 14.825,
-                    "second": 16.282842545446776,
-                  },
-                  Object {
-                    "first": 26.285,
-                    "second": 16.832842545446777,
-                  },
-                  Object {
-                    "first": 26.308,
-                    "second": 16.832842545446777,
-                  },
-                  Object {
-                    "first": 36.308,
-                    "second": 17.55284254544678,
-                  },
-                  Object {
-                    "first": 47.248000000000005,
-                    "second": 16.862842545446778,
-                  },
-                ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
+      className="c20 place-details transit"
+    >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 2626
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="BUS"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "TriMet:14",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 81.59 99.992"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M68.848,68.51"
+                      />
+                      <path
+                        d="M12.687,68.51"
+                      />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    1
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Hawthorne 
+                    <span
+                      className="c46"
+                    >
+                      to
+                    </span>
+                     Portland
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                SE Hawthorne & 27th
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c47 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
               Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": null,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 16.862842545446778,
-                  },
-                  Object {
-                    "first": 2.43,
-                    "second": 17.26284254544678,
-                  },
-                ],
-                "lat": 45.5188999,
-                "lon": -122.6795756,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-            ],
-            "to": Object {
-              "arrival": 1576265401000,
-              "lat": 45.51890847886523,
-              "lon": -122.67962369485272,
-              "name": "701 SW 6th Ave, Portland, OR, USA 97204",
-              "orig": "701 SW 6th Ave, Portland, OR, USA 97204",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1576265340000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 50.6389253702716,
-        "walkLimitExceeded": false,
-        "walkTime": 61,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
-.c8 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c11 {
-  color: #333;
-}
-
-.c37 {
-  color: #f44256;
-}
-
-.c26 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c31::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c0 {
-  list-style: none;
-  padding: 0;
-}
-
-.c21 {
-  color: #676767;
-  font-size: 13px;
-  padding-bottom: 12px;
-}
-
-.c27 {
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.c22 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  line-height: 16px;
-  min-height: 31px;
-  position: relative;
-}
-
-.c19 {
-  display: inline-block;
-  grid-row-start: 2;
-  grid-column-start: 1;
-  height: 0;
-  overflow: hidden;
-  width: 0;
-}
-
-.c25 {
-  font-weight: inherit;
-}
-
-.c24 img,
-.c24 svg {
-  margin-right: 6px;
-  height: 24px;
-  width: 24px;
-  vertical-align: bottom;
-}
-
-.c23 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.c5 {
-  grid-column-start: 2;
-  grid-row: span 2;
-  padding-right: 5px;
-}
-
-.c28 {
-  display: grid;
-  grid-template-columns: 100px auto;
-}
-
-.c3 {
-  max-width: 500px;
-  display: grid;
-  grid-template-areas: "time line title" "time line instructions";
-  grid-template-columns: 65px 30px auto;
-}
-
-.c18 {
-  grid-column-start: 1;
-  grid-row: 1 / span 2;
-  padding-right: 5px;
-  font-size: 0.9em;
-}
-
-.c20 {
-  grid-row-start: 2;
-  grid-column-start: 3;
-  grid-area: instructions;
-}
-
-.c14 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 1.2em;
-  grid-row-start: 1;
-  grid-column-start: 3;
-}
-
-.c16 {
-  font-size: inherit;
-  font-weight: bold;
-  height: 1.2em;
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 3px 0 10px 0;
-}
-
-.c32 {
-  display: block;
-  list-style: none;
-  padding: 0;
-}
-
-.c35 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c35 > span {
-  margin-right: 1ch;
-}
-
-.c29 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  margin-top: 10px;
-}
-
-.c29 a {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c30 {
-  color: #676767;
-  font-size: 13px;
-  font-style: normal;
-  padding: 0;
-}
-
-.c34 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c33 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c36 {
-  font-weight: 500;
-}
-
-.c1 {
-  font-size: 16px;
-}
-
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
-
-.c1 .c4 {
-  grid-area: line;
-  display: table-cell;
-  max-width: 20px;
-  width: 20px;
-  padding: 0;
-  position: relative;
-}
-
-.c1 .c13 {
-  grid-area: title;
-  color: #000;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.c1 .c15 {
-  height: inherit;
-  white-space: normal;
-}
-
-.c1 .c2 {
-  width: 100%;
-}
-
-.c1 .c17 {
-  grid-area: time;
-  color: #676767;
-  display: table-cell;
-  font-size: 14px;
-  padding-right: 4px;
-  padding-top: 2px;
-  text-align: right;
-  vertical-align: top;
-  width: 60px;
-}
-
-.c7 {
-  position: absolute;
-  width: 100%;
-  top: 3px;
-  z-index: 20;
-}
-
-.c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c9 {
-  left: 0;
-  line-height: inherit;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-.c10 {
-  top: 3px;
-}
-
-.c12 {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-<ol
-  className="c0 c1"
->
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c48 transit-leg-details"
+          >
+            <div
+              className="c49"
+            >
+              <button
+                className="c26 c50"
+                onClick={[Function]}
+              >
+                Ride 
+                4 min
+                 / 5 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c26 c40 c41"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c51"
+                >
+                  <ol
+                    className="c52"
+                  >
+                    <li
+                      className="c53"
+                    >
+                      <div
+                        className="c54 c55"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c56"
+                      >
+                        SE Hawthorne & 37th
+                      </div>
+                    </li>
+                    <li
+                      className="c53"
+                    >
+                      <div
+                        className="c54 c55"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c56"
+                      >
+                        SE Hawthorne & 34th
+                      </div>
+                    </li>
+                    <li
+                      className="c53"
+                    >
+                      <div
+                        className="c54 c55"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c56"
+                      >
+                        SE Hawthorne & 32nd
+                      </div>
+                    </li>
+                    <li
+                      className="c53"
+                    >
+                      <div
+                        className="c54 c55"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c56"
+                      >
+                        SE Hawthorne & 30th
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
   <li
     className="c2 c3 place-row-wrapper "
   >
@@ -80532,13 +85408,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
       >
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -80548,16 +85424,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c11 c12"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
+          height={14}
           viewBox="0 0 512 512"
-          width={20}
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -80570,13 +85447,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        SE Hawthorne & 27th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:29 AM
+      4:04 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -80586,6 +85463,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
     <div
       className="c20 place-details "
     >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 2613
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
       <div
         className="c21"
       >
@@ -80632,11 +85521,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 166 feet to 
+              Walk 479 feet to 
               <span
                 className="c25"
               >
-                701 SW 6th Ave, Portland, OR, USA 97204
+                1415 SE 28th Ave, Portland, OR, USA 97214
               </span>
             </span>
             <button
@@ -80662,7 +85551,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
               className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              2 min
               <span
                 className="c31"
               >
@@ -80725,12 +85614,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      NORTHWEST
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE Hawthorne Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        40 feet
                       </span>
                     </span>
                   </div>
@@ -80745,7 +85639,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -80753,12 +85647,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE 27th Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        294 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SE Madison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        146 feet
                       </span>
                     </span>
                   </div>
@@ -80797,7 +85729,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c37 c12"
+          className="c8 c57 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -80819,19 +85751,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        701 SW 6th Ave, Portland, OR, USA 97204
+        1415 SE 28th Ave, Portland, OR, USA 97214
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:30 AM
+      4:06 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      701 SW 6th Ave, Portland, OR, USA 97204
+      1415 SE 28th Ave, Portland, OR, USA 97214
     </span>
     <div
       className="c20 place-details "
@@ -80840,7 +85772,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -80865,7 +85797,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               "cents": 250,
               "currency": Object {
                 "currency": "USD",
-                "currencyCode": "EUR",
+                "currencyCode": "USD",
                 "defaultFractionDigits": 2,
                 "symbol": "$",
               },
@@ -80874,6 +85806,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         },
         "legs": Array [
           Object {
+            "accessibilityScore": 0.97,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
@@ -80978,6 +85911,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             "transitLeg": false,
           },
           Object {
+            "accessibilityScore": 0.7,
             "agencyId": "TRIMET",
             "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
@@ -81261,6 +86195,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             "transitLeg": false,
           },
           Object {
+            "accessibilityScore": 0.2,
             "agencyId": "TRIMET",
             "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
@@ -81398,6 +86333,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             "tripId": "TriMet:9254091",
           },
           Object {
+            "accessibilityScore": 0.1,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
@@ -81565,7 +86501,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -81576,11 +86512,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   color: #333;
 }
 
-.c57 {
+.c61 {
   color: #f44256;
 }
 
-.c26 {
+.c28 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -81590,32 +86526,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   text-decoration: none;
 }
 
-.c40 {
+.c43 {
   color: #008;
   margin-left: 5px;
 }
 
-.c40:hover {
+.c43:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c41 {
+.c44 {
   padding-left: 0px;
 }
 
-.c41:before {
+.c44:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c31::before {
+.c33::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c52 {
+.c55 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -81627,13 +86563,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   padding: 0;
 }
 
-.c21 {
+.c23 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c29 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -81644,7 +86580,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   z-index: 1;
 }
 
-.c22 {
+.c24 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -81658,7 +86594,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   position: relative;
 }
 
-.c19 {
+.c20 {
   display: inline-block;
   grid-row-start: 2;
   grid-column-start: 1;
@@ -81667,38 +86603,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   width: 0;
 }
 
-.c46 {
+.c49 {
   font-weight: 200;
 }
 
-.c25 {
+.c27 {
   font-weight: inherit;
 }
 
-.c45 {
+.c48 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c44 {
+.c47 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c42 {
+.c45 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c24 img,
-.c24 svg {
+.c26 img,
+.c26 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c23 {
+.c25 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -81710,9 +86646,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   padding-right: 5px;
 }
 
-.c28 {
+.c30 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -81729,7 +86665,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   font-size: 0.9em;
 }
 
-.c20 {
+.c22 {
   grid-row-start: 2;
   grid-column-start: 3;
   grid-area: instructions;
@@ -81759,7 +86695,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   padding: 3px 0 10px 0;
 }
 
-.c39 {
+.c42 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -81768,23 +86704,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   margin-top: -14px;
 }
 
-.c32 {
+.c34 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
+.c37 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c35 > span {
+.c37 > span {
   margin-right: 1ch;
 }
 
-.c29 {
+.c31 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -81795,7 +86731,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   margin-top: 10px;
 }
 
-.c29 a {
+.c31 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -81810,58 +86746,58 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   justify-content: center;
 }
 
-.c30 {
+.c32 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
+.c36 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c33 {
+.c35 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c36 {
+.c38 {
   font-weight: 500;
 }
 
-.c37 {
+.c39 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c55 {
+.c58 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c56 {
+.c59 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c56 {
   z-index: 30;
   position: relative;
 }
 
-.c48 {
+.c51 {
   margin-top: 5px;
 }
 
-.c49 {
+.c52 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -81869,34 +86805,113 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   display: flex;
 }
 
-.c51 {
+.c54 {
   font-size: 14px;
 }
 
-.c50 {
+.c53 {
   padding: 0;
 }
 
-.c47 {
+.c50 {
   margin-top: 5px;
 }
 
-.c47 a {
+.c50 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c47 a:hover {
+.c50 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c47 img {
+.c50 img {
   margin-left: 5px;
   vertical-align: middle;
 }
 
+.c19 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: none;
+  background-color: #bfffb5;
+  border-radius: 20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 0.25em;
+  max-width: 75px;
+  height: 30px;
+  padding: 0.25em 0.6em 0.25em 0.4em;
+  word-wrap: anywhere;
+}
+
+.c41 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: none;
+  background-color: #dbe9ff;
+  border-radius: 20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 0.25em;
+  max-width: 75px;
+  height: 30px;
+  padding: 0.25em 0.6em 0.25em 0.4em;
+  word-wrap: anywhere;
+}
+
+.c60 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: none;
+  background-color: #ffe4e5;
+  border-radius: 20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 0.25em;
+  max-width: 75px;
+  height: 30px;
+  padding: 0.25em 0.6em 0.25em 0.4em;
+  word-wrap: anywhere;
+}
+
+.c21 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c21 span {
+  display: block;
+}
+
 .c1 {
   font-size: 16px;
 }
@@ -81906,7 +86921,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   font-family: Hind,sans-serif;
 }
 
-.c1 .c43 {
+.c1 .c46 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -81952,7 +86967,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   width: 100%;
 }
 
-.c1 .c54 {
+.c1 .c57 {
   margin-left: -23px;
 }
 
@@ -81988,7 +87003,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   z-index: 10;
 }
 
-.c38 {
+.c40 {
   background-color: gray;
   left: 5px;
   right: 5px;
@@ -82080,29 +87095,73 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       3:46 PM
+      <div
+        className="c19"
+        color="#bfffb5"
+        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.likelyAccessible"
+      >
+        <span
+          className="c20 invisible-additional-details"
+        >
+          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.likelyAccessible
+        </span>
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          aria-hidden={true}
+          className="c21"
+        >
+          ✅
+        </span>
+      </div>
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c20 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c22 place-details "
     >
       <div
-        className="c21"
+        className="c23"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c24"
           >
             <span
-              className="c23"
+              className="c25"
             >
               <span
-                className="c24"
+                className="c26"
               >
                 <svg
                   height="100%"
@@ -82130,24 +87189,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <span
-              className="c19 invisible-additional-details"
+              className="c20 invisible-additional-details"
             >
                - 
             </span>
             <span>
               Walk 238 feet to 
               <span
-                className="c25"
+                className="c27"
               >
                 SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c28 c29"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -82155,19 +87214,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           </span>
         </div>
         <span
-          className="c28"
+          className="c30"
         >
           <span
-            className="c29"
+            className="c31"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c28 c32"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c31"
+                className="c33"
               >
                 <svg
                   aria-hidden="true"
@@ -82186,7 +87245,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </svg>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -82207,13 +87266,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c34"
               >
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -82224,19 +87283,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       Head 
                       WEST
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE Brooklyn St
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         205 feet
                       </span>
@@ -82244,10 +87303,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -82258,18 +87317,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE Cesar E. Chavez Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         33 feet
                       </span>
@@ -82290,7 +87349,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c40 leg-line"
       />
       <span
         className="c7"
@@ -82343,21 +87402,65 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       3:47 PM
+      <div
+        className="c41"
+        color="#dbe9ff"
+        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.unclear"
+      >
+        <span
+          className="c20 invisible-additional-details"
+        >
+          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.unclear
+        </span>
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          aria-hidden={true}
+          className="c21"
+        >
+          ？
+        </span>
+      </div>
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c20 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details transit"
+      className="c22 place-details transit"
     >
       <div
-        className="c39 transit-leg-subheader"
+        className="c42 transit-leg-subheader"
       >
         Stop ID 7439
         <button
-          className="c26 c40 c41"
+          className="c28 c43 c44"
           onClick={[Function]}
           role="link"
         >
@@ -82365,29 +87468,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         </button>
       </div>
       <div
-        className="c21"
+        className="c23"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c24"
           >
             <span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c24 c45"
               >
                 <span
-                  className="c23"
+                  className="c25"
                 >
                   <span
-                    className="c24"
+                    className="c26"
                   >
                     <svg
                       aria-label="BUS"
@@ -82421,18 +87524,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </span>
                   <span
-                    className="c43 c44"
+                    className="c46 c47"
                   >
                     755X
                   </span>
                 </span>
                 <span
-                  className="c45"
+                  className="c48"
                 >
                   <span>
                     Cesar Chavez/Lombard (very long route name) 
                     <span
-                      className="c46"
+                      className="c49"
                     >
                       to
                     </span>
@@ -82441,7 +87544,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </span>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                  - 
                 Disembark at 
@@ -82449,11 +87552,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <button
-              className="c26 c27 transit-leg-button"
+              className="c28 c29 transit-leg-button"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -82466,7 +87569,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           role="group"
         >
           <div
-            className="c47 agency-info"
+            className="c50 agency-info"
           >
             Service operated by 
             <a
@@ -82498,20 +87601,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             />
           </div>
           <div
-            className="c48 transit-leg-details"
+            className="c51 transit-leg-details"
           >
             <div
-              className="c49"
+              className="c52"
             >
               <button
-                className="c26 c50"
+                className="c28 c53"
                 onClick={[Function]}
               >
                 Ride 
                 4 min
                  / 5 stops
                 <span
-                  className="c31"
+                  className="c33"
                 >
                   <svg
                     aria-hidden="true"
@@ -82530,13 +87633,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </svg>
                 </span>
                 <span
-                  className="c19 invisible-additional-details"
+                  className="c20 invisible-additional-details"
                 >
                   (Expand details)
                 </span>
               </button>
               <button
-                className="c26 c40 c41"
+                className="c28 c43 c44"
                 onClick={[Function]}
                 role="link"
               >
@@ -82557,63 +87660,63 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c54"
                 >
                   <ol
-                    className="c52"
+                    className="c55"
                   >
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Cesar Chavez Blvd & Clinton
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Cesar Chavez Blvd & Division
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Cesar Chavez Blvd & Lincoln
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Cesar Chavez Blvd & Stephens
                       </div>
@@ -82689,19 +87792,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       3:52 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c20 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c22 place-details "
     >
       <div
-        className="c39 transit-leg-subheader"
+        className="c42 transit-leg-subheader"
       >
         Stop ID 7459
         <button
-          className="c26 c40 c41"
+          className="c28 c43 c44"
           onClick={[Function]}
           role="link"
         >
@@ -82709,19 +87812,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         </button>
       </div>
       <div
-        className="c21"
+        className="c23"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c24"
           >
             <span
-              className="c23"
+              className="c25"
             >
               <span
-                className="c24"
+                className="c26"
               >
                 <svg
                   height="100%"
@@ -82749,24 +87852,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <span
-              className="c19 invisible-additional-details"
+              className="c20 invisible-additional-details"
             >
                - 
             </span>
             <span>
               Walk 440 feet to 
               <span
-                className="c25"
+                className="c27"
               >
                 SE Hawthorne & Cesar Chavez Blvd
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c28 c29"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -82774,19 +87877,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           </span>
         </div>
         <span
-          className="c28"
+          className="c30"
         >
           <span
-            className="c29"
+            className="c31"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c28 c32"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c31"
+                className="c33"
               >
                 <svg
                   aria-hidden="true"
@@ -82805,7 +87908,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </svg>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -82826,13 +87929,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c34"
               >
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -82843,19 +87946,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       Head 
                       SOUTH
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         service road
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         146 feet
                       </span>
@@ -82863,10 +87966,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -82877,18 +87980,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE Cesar E. Chavez Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         198 feet
                       </span>
@@ -82896,10 +87999,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -82910,18 +88013,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       LEFT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE Hawthorne Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         96 feet
                       </span>
@@ -82942,7 +88045,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c40 leg-line"
       />
       <span
         className="c7"
@@ -82995,21 +88098,65 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       4:00 PM
+      <div
+        className="c60"
+        color="#ffe4e5"
+        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible"
+      >
+        <span
+          className="c20 invisible-additional-details"
+        >
+          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible
+        </span>
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          aria-hidden={true}
+          className="c21"
+        >
+          ❌
+        </span>
+      </div>
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c20 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details transit"
+      className="c22 place-details transit"
     >
       <div
-        className="c39 transit-leg-subheader"
+        className="c42 transit-leg-subheader"
       >
         Stop ID 2626
         <button
-          className="c26 c40 c41"
+          className="c28 c43 c44"
           onClick={[Function]}
           role="link"
         >
@@ -83017,29 +88164,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         </button>
       </div>
       <div
-        className="c21"
+        className="c23"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c24"
           >
             <span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c24 c45"
               >
                 <span
-                  className="c23"
+                  className="c25"
                 >
                   <span
-                    className="c24"
+                    className="c26"
                   >
                     <svg
                       aria-label="BUS"
@@ -83073,18 +88220,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </span>
                   <span
-                    className="c43 c44"
+                    className="c46 c47"
                   >
                     1
                   </span>
                 </span>
                 <span
-                  className="c45"
+                  className="c48"
                 >
                   <span>
                     Hawthorne 
                     <span
-                      className="c46"
+                      className="c49"
                     >
                       to
                     </span>
@@ -83093,7 +88240,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </span>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                  - 
                 Disembark at 
@@ -83101,11 +88248,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <button
-              className="c26 c27 transit-leg-button"
+              className="c28 c29 transit-leg-button"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -83118,7 +88265,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           role="group"
         >
           <div
-            className="c47 agency-info"
+            className="c50 agency-info"
           >
             Service operated by 
             <a
@@ -83150,20 +88297,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             />
           </div>
           <div
-            className="c48 transit-leg-details"
+            className="c51 transit-leg-details"
           >
             <div
-              className="c49"
+              className="c52"
             >
               <button
-                className="c26 c50"
+                className="c28 c53"
                 onClick={[Function]}
               >
                 Ride 
                 4 min
                  / 5 stops
                 <span
-                  className="c31"
+                  className="c33"
                 >
                   <svg
                     aria-hidden="true"
@@ -83182,13 +88329,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </svg>
                 </span>
                 <span
-                  className="c19 invisible-additional-details"
+                  className="c20 invisible-additional-details"
                 >
                   (Expand details)
                 </span>
               </button>
               <button
-                className="c26 c40 c41"
+                className="c28 c43 c44"
                 onClick={[Function]}
                 role="link"
               >
@@ -83209,63 +88356,63 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c54"
                 >
                   <ol
-                    className="c52"
+                    className="c55"
                   >
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Hawthorne & 37th
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Hawthorne & 34th
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Hawthorne & 32nd
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c56"
                     >
                       <div
-                        className="c54 c55"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c59"
                       >
                         SE Hawthorne & 30th
                       </div>
@@ -83339,21 +88486,65 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       4:04 PM
+      <div
+        className="c60"
+        color="#ffe4e5"
+        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible"
+      >
+        <span
+          className="c20 invisible-additional-details"
+        >
+          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible
+        </span>
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          aria-hidden={true}
+          className="c21"
+        >
+          ❌
+        </span>
+      </div>
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c20 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c22 place-details "
     >
       <div
-        className="c39 transit-leg-subheader"
+        className="c42 transit-leg-subheader"
       >
         Stop ID 2613
         <button
-          className="c26 c40 c41"
+          className="c28 c43 c44"
           onClick={[Function]}
           role="link"
         >
@@ -83361,19 +88552,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         </button>
       </div>
       <div
-        className="c21"
+        className="c23"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c24"
           >
             <span
-              className="c23"
+              className="c25"
             >
               <span
-                className="c24"
+                className="c26"
               >
                 <svg
                   height="100%"
@@ -83401,24 +88592,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <span
-              className="c19 invisible-additional-details"
+              className="c20 invisible-additional-details"
             >
                - 
             </span>
             <span>
               Walk 479 feet to 
               <span
-                className="c25"
+                className="c27"
               >
                 1415 SE 28th Ave, Portland, OR, USA 97214
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c28 c29"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -83426,19 +88617,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           </span>
         </div>
         <span
-          className="c28"
+          className="c30"
         >
           <span
-            className="c29"
+            className="c31"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c28 c32"
               onClick={[Function]}
             >
               2 min
               <span
-                className="c31"
+                className="c33"
               >
                 <svg
                   aria-hidden="true"
@@ -83457,7 +88648,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </svg>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c20 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -83478,13 +88669,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c34"
               >
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -83495,19 +88686,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       Head 
                       WEST
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE Hawthorne Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         40 feet
                       </span>
@@ -83515,10 +88706,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -83529,18 +88720,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE 27th Ave
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         294 feet
                       </span>
@@ -83548,10 +88739,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -83562,18 +88753,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
                         SE Madison St
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
                         146 feet
                       </span>
@@ -83614,7 +88805,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c57 c12"
+          className="c8 c61 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -83645,19 +88836,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       4:06 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c20 invisible-additional-details"
     >
       Arrive at 
       1415 SE 28th Ave, Portland, OR, USA 97214
     </span>
     <div
-      className="c20 place-details "
+      className="c22 place-details "
     />
   </li>
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -83671,10 +88862,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 1232,
-        "elevationGained": 1.3099999999999987,
-        "elevationLost": 7.98,
-        "endTime": 1573690001000,
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
@@ -83691,274 +88882,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         },
         "legs": Array [
           Object {
-            "accessibilityScore": 0.97,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 72.439,
-            "duration": 75,
-            "endTime": 1573688844000,
+            "distance": 81.875,
+            "duration": 71,
+            "endTime": 1573688769000,
             "from": Object {
-              "departure": 1573688769000,
-              "lat": 45.501198436772924,
-              "lon": -122.62183393468378,
-              "name": "3940 SE Brooklyn St, Portland, OR, USA 97202",
-              "orig": "3940 SE Brooklyn St, Portland, OR, USA 97202",
+              "departure": 1573688698000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 4,
-              "points": "q}utGnqlkVAlH?mCP?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688769000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 62.396,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 47.86284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 47.822842545446775,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 47.44284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 46.85284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 45.542842545446774,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 44.85284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 44.36284254544678,
-                  },
-                  Object {
-                    "first": 62.4,
-                    "second": 44.17284254544678,
-                  },
-                ],
-                "lat": 45.501213679159676,
-                "lon": -122.62183383356971,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "SE Brooklyn St",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 10.043,
-                "elevation": Array [],
-                "lat": 45.5012222,
-                "lon": -122.622634,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Cesar E. Chavez Blvd",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573688844000,
-              "departure": 1573688845000,
-              "lat": 45.501132,
-              "lon": -122.622543,
-              "name": "SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)",
-              "stopCode": "7439",
-              "stopId": "TriMet:7439",
-              "stopIndex": 37,
-              "stopSequence": 38,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "accessibilityScore": 0.7,
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1181.7957543835096,
-            "duration": 275,
-            "endTime": 1573689120000,
-            "from": Object {
-              "arrival": 1573688844000,
-              "departure": 1573688845000,
-              "lat": 45.501132,
-              "lon": -122.622543,
-              "name": "SE Cesar Chavez Blvd & Brooklyn",
-              "stopCode": "7439",
-              "stopId": "TriMet:7439",
-              "stopIndex": 37,
-              "stopSequence": 38,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "headsign": "St. Johns via NAYA",
-            "interStopGeometry": Array [
-              Object {
-                "length": 6,
-                "points": "a}utGnvlkVQ?mCAmC@aAAu@?",
-              },
-              Object {
-                "length": 12,
-                "points": "gjvtGlvlkVW?O?{@?q@?O@aA?E?y@?K@M?Y?",
-              },
-              Object {
-                "length": 13,
-                "points": "cuvtGpvlkVU?]@U?I?O?O?w@?aA@iCBgCBM?_A@",
-              },
-              Object {
-                "length": 7,
-                "points": "qgwtG~vlkVK?M@s@@{A@qB@Y@",
-              },
-              Object {
-                "length": 7,
-                "points": "gqwtGhwlkV??gFFg@?cC@k@?G?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573688899000,
-                "departure": 1573688899000,
-                "lat": 45.503239,
-                "lon": -122.622527,
-                "name": "SE Cesar Chavez Blvd & Clinton",
-                "stopCode": "7442",
-                "stopId": "TriMet:7442",
-                "stopIndex": 38,
-                "stopSequence": 39,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573688944000,
-                "departure": 1573688944000,
-                "lat": 45.504987,
-                "lon": -122.622518,
-                "name": "SE Cesar Chavez Blvd & Division",
-                "stopCode": "7445",
-                "stopId": "TriMet:7445",
-                "stopIndex": 39,
-                "stopSequence": 40,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689021000,
-                "departure": 1573689021000,
-                "lat": 45.507935,
-                "lon": -122.622619,
-                "name": "SE Cesar Chavez Blvd & Lincoln",
-                "stopCode": "7468",
-                "stopId": "TriMet:7468",
-                "stopIndex": 40,
-                "stopSequence": 41,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689061000,
-                "departure": 1573689061000,
-                "lat": 45.509481,
-                "lon": -122.622655,
-                "name": "SE Cesar Chavez Blvd & Stephens",
-                "stopCode": "7489",
-                "stopId": "TriMet:7489",
-                "stopIndex": 41,
-                "stopSequence": 42,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 41,
-              "points": "a}utGnvlkVQ?mCAmC@aAAu@?W?O?{@?q@?O@aA?E?y@?K@M?Y?U?]@U?I?O?O?w@?aA@iCBgCBM?_A@K?M@s@@{A@qB@Y@??gFFg@?cC@k@?G?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "755X",
-            "routeId": "TriMet:75",
-            "routeLongName": "Cesar Chavez/Lombard (very long route name)",
-            "routeShortName": "755X",
-            "routeType": 3,
-            "serviceDate": "20191113",
-            "startTime": 1573688845000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573689120000,
-              "departure": 1573689120000,
-              "lat": 45.511759,
-              "lon": -122.622672,
-              "name": "SE Cesar Chavez Blvd & Hawthorne",
-              "stopCode": "7459",
-              "stopId": "TriMet:7459",
-              "stopIndex": 42,
-              "stopSequence": 43,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": true,
-            "tripBlockId": "7508",
-            "tripId": "TriMet:9262578",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 134.154,
-            "duration": 103,
-            "endTime": 1573689223000,
-            "from": Object {
-              "arrival": 1573689120000,
-              "departure": 1573689120000,
-              "lat": 45.511759,
-              "lon": -122.622672,
-              "name": "SE Cesar Chavez Blvd & Hawthorne",
-              "stopCode": "7459",
-              "stopId": "TriMet:7459",
-              "stopIndex": 42,
-              "stopSequence": 43,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 9,
-              "points": "e_xtG|ulkVh@??t@i@?o@?QB?\\\\?R?X",
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -83967,283 +88910,212 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689120000,
+            "startTime": 1573688698000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
                 "bogusName": true,
-                "distance": 44.486999999999995,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 47.12284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 47.06284254544678,
-                  },
-                  Object {
-                    "first": 23.28,
-                    "second": 46.72284254544678,
-                  },
-                  Object {
-                    "first": 23.284,
-                    "second": 46.72284254544678,
-                  },
-                  Object {
-                    "first": 33.284,
-                    "second": 46.62284254544678,
-                  },
-                  Object {
-                    "first": 44.483999999999995,
-                    "second": 46.60284254544678,
-                  },
-                ],
-                "lat": 45.5117133,
-                "lon": -122.6225416,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "service road",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 60.363,
+                "distance": 50.946,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 46.60284254544678,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 10,
-                    "second": 46.682842545446775,
+                    "first": 4.82,
+                    "second": 15.222842545446778,
                   },
                   Object {
-                    "first": 24.14,
-                    "second": 46.822842545446775,
+                    "first": 4.825,
+                    "second": 15.022842545446778,
                   },
                   Object {
-                    "first": 24.141,
-                    "second": 46.822842545446775,
+                    "first": 18.515,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 34.141,
-                    "second": 46.932842545446775,
+                    "first": 18.511,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 44.141,
-                    "second": 47.042842545446774,
+                    "first": 28.511,
+                    "second": 14.342842545446779,
                   },
                   Object {
-                    "first": 54.141,
-                    "second": 47.16284254544678,
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
                   },
                   Object {
-                    "first": 60.370999999999995,
-                    "second": 47.212842545446776,
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
                   },
                 ],
-                "lat": 45.5115025,
-                "lon": -122.6228156,
-                "relativeDirection": "RIGHT",
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE Cesar E. Chavez Blvd",
+                "streetName": "path",
               },
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 29.304,
+                "distance": 30.929,
                 "elevation": Array [],
-                "lat": 45.5120447,
-                "lon": -122.6228358,
+                "lat": 45.5191414,
+                "lon": -122.679111,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
+                "streetName": "Pioneer Sq N (path)",
               },
             ],
             "to": Object {
-              "arrival": 1573689223000,
-              "departure": 1573689600000,
-              "lat": 45.51213,
-              "lon": -122.623212,
-              "name": "SE Hawthorne & Cesar Chavez Blvd",
-              "stopCode": "2626",
-              "stopId": "TriMet:2626",
-              "stopIndex": 21,
-              "stopSequence": 22,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "transitLeg": false,
           },
           Object {
-            "accessibilityScore": 0.2,
             "agencyId": "TRIMET",
             "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
             "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
             "arrivalDelay": 0,
+            "averageWait": 935,
             "departureDelay": 0,
-            "distance": 1152.1496223157228,
-            "duration": 275,
-            "endTime": 1573689875000,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "from": Object {
-              "arrival": 1573689223000,
-              "departure": 1573689600000,
-              "lat": 45.51213,
-              "lon": -122.623212,
-              "name": "SE Hawthorne & Cesar Chavez Blvd",
-              "stopCode": "2626",
-              "stopId": "TriMet:2626",
-              "stopIndex": 21,
-              "stopSequence": 22,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "hailedCar": false,
-            "headsign": "Portland",
+            "headsign": "Hillsboro",
             "interStopGeometry": Array [
               Object {
-                "length": 7,
-                "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF",
-              },
-              Object {
-                "length": 11,
-                "points": "iaxtGfimkV?V?X?zC?b@?hA?rA?tB?tA?P?fC",
-              },
-              Object {
-                "length": 11,
-                "points": "iaxtG|\`nkV?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC",
-              },
-              Object {
-                "length": 6,
-                "points": "kaxtGrsnkV?x@?bC?lA?zB?n@",
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               Object {
-                "length": 9,
-                "points": "kaxtGjaokV?J?R?T?fAAlD?\`C?hA?jD",
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573689645000,
-                "departure": 1573689645000,
-                "lat": 45.512123,
-                "lon": -122.625631,
-                "name": "SE Hawthorne & 37th",
-                "stopCode": "2624",
-                "stopId": "TriMet:2624",
-                "stopIndex": 22,
-                "stopSequence": 23,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689716000,
-                "departure": 1573689716000,
-                "lat": 45.51212,
-                "lon": -122.62943,
-                "name": "SE Hawthorne & 34th",
-                "stopCode": "12892",
-                "stopId": "TriMet:12892",
-                "stopIndex": 23,
-                "stopSequence": 24,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689772000,
-                "departure": 1573689772000,
-                "lat": 45.512139,
-                "lon": -122.632417,
-                "name": "SE Hawthorne & 32nd",
-                "stopCode": "2619",
-                "stopId": "TriMet:2619",
-                "stopIndex": 24,
-                "stopSequence": 25,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689812000,
-                "departure": 1573689812000,
-                "lat": 45.51214,
-                "lon": -122.634614,
-                "name": "SE Hawthorne & 30th",
-                "stopCode": "2616",
-                "stopId": "TriMet:2616",
-                "stopIndex": 25,
-                "stopSequence": 26,
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
                 "vertexType": "TRANSIT",
-                "zoneId": "B",
+                "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 40,
-              "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF?V?X?zC?b@?hA?rA?tB?tA?P?fC?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC?x@?bC?lA?zB?n@?J?R?T?fAAlD?\`C?hA?jD",
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
             },
-            "mode": "BUS",
+            "mode": "TRAM",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "1",
-            "routeId": "TriMet:14",
-            "routeLongName": "Hawthorne",
-            "routeShortName": "1",
-            "routeType": 3,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
             "serviceDate": "20191113",
-            "startTime": 1573689600000,
+            "startTime": 1573688770000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573689875000,
-              "departure": 1573689876000,
-              "lat": 45.512139,
-              "lon": -122.637998,
-              "name": "SE Hawthorne & 27th",
-              "stopCode": "2613",
-              "stopId": "TriMet:2613",
-              "stopIndex": 26,
-              "stopSequence": 27,
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "tripBlockId": "1402",
-            "tripId": "TriMet:9254091",
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
           },
           Object {
-            "accessibilityScore": 0.1,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 146.06499999999997,
-            "duration": 125,
-            "endTime": 1573690001000,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
             "from": Object {
-              "arrival": 1573689875000,
-              "departure": 1573689876000,
-              "lat": 45.512139,
-              "lon": -122.637998,
-              "name": "SE Hawthorne & 27th",
-              "stopCode": "2613",
-              "stopId": "TriMet:2613",
-              "stopIndex": 26,
-              "stopSequence": 27,
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 7,
-              "points": "maxtGnvokV?J?RQ?oCA?iB?G",
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -84252,141 +89124,126 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689876000,
+            "startTime": 1573688986000,
             "steps": Array [
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 12.072,
+                "distance": 5.864,
                 "elevation": Array [],
-                "lat": 45.51207482860264,
-                "lon": -122.6379983821018,
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
+                "streetName": "Providence Park (path)",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 89.603,
+                "bogusName": true,
+                "distance": 31.715,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 49.22284254544678,
+                    "second": 30.57284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 49.292842545446774,
+                    "second": 30.18284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 48.932842545446775,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 48.38284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 47.81284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 47.22284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 46.62284254544678,
+                    "second": 29.712842545446776,
                   },
                   Object {
-                    "first": 70,
-                    "second": 46.042842545446774,
+                    "first": 31.72,
+                    "second": 29.33284254544678,
                   },
+                ],
+                "lat": 45.5218184,
+                "lon": -122.6898884,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 8.242,
+                "elevation": Array [
                   Object {
-                    "first": 80,
-                    "second": 45.47284254544678,
+                    "first": 0,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 89.6,
-                    "second": 45.00284254544678,
+                    "first": 8.24,
+                    "second": 29.05284254544678,
                   },
                 ],
-                "lat": 45.5120757,
-                "lon": -122.6381533,
+                "lat": 45.52206,
+                "lon": -122.6900696,
                 "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 27th Ave",
+                "stayOn": true,
+                "streetName": "path",
               },
               Object {
                 "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 44.39,
+                "distance": 30.15,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 45.00284254544678,
+                    "second": 29.05284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 45.25284254544678,
+                    "second": 29.16284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 45.402842545446774,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 45.63284254544678,
-                  },
-                  Object {
-                    "first": 41.55,
-                    "second": 46.06284254544678,
-                  },
-                  Object {
-                    "first": 41.547,
-                    "second": 46.06284254544678,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 44.387,
-                    "second": 46.24284254544678,
+                    "first": 30.15,
+                    "second": 29.532842545446776,
                   },
                 ],
-                "lat": 45.5128815,
-                "lon": -122.6381445,
+                "lat": 45.52213,
+                "lon": -122.6900348,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SE Madison St",
+                "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "arrival": 1573690001000,
-              "lat": 45.51258575759002,
-              "lon": -122.63757592401461,
-              "name": "1415 SE 28th Ave, Portland, OR, USA 97214",
-              "orig": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "arrival": 1573689055000,
+              "lat": 45.522170898252,
+              "lon": -122.68959868692157,
+              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573688769000,
+        "startTime": 1573688698000,
         "tooSloped": false,
-        "transfers": 1,
-        "transitTime": 550,
-        "waitingTime": 379,
-        "walkDistance": 352.75874626614717,
+        "transfers": 0,
+        "transitTime": 215,
+        "waitingTime": 2,
+        "walkDistance": 157.97398507143885,
         "walkLimitExceeded": false,
-        "walkTime": 303,
+        "walkTime": 140,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -84397,11 +89254,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   color: #333;
 }
 
-.c61 {
+.c64 {
   color: #f44256;
 }
 
-.c28 {
+.c26 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -84411,32 +89268,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   text-decoration: none;
 }
 
-.c43 {
+.c40 {
   color: #008;
   margin-left: 5px;
 }
 
-.c43:hover {
+.c40:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c44 {
+.c41 {
   padding-left: 0px;
 }
 
-.c44:before {
+.c41:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c33::before {
+.c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c55 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -84448,13 +89305,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   padding: 0;
 }
 
-.c23 {
+.c21 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c29 {
+.c27 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -84465,7 +89322,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   z-index: 1;
 }
 
-.c24 {
+.c22 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -84479,7 +89336,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   position: relative;
 }
 
-.c20 {
+.c19 {
   display: inline-block;
   grid-row-start: 2;
   grid-column-start: 1;
@@ -84488,38 +89345,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   width: 0;
 }
 
-.c49 {
+.c46 {
   font-weight: 200;
 }
 
-.c27 {
+.c25 {
   font-weight: inherit;
 }
 
-.c48 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c47 {
+.c44 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c45 {
+.c42 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c26 img,
-.c26 svg {
+.c24 img,
+.c24 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c25 {
+.c23 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -84531,9 +89388,9 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   padding-right: 5px;
 }
 
-.c30 {
+.c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -84550,7 +89407,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   font-size: 0.9em;
 }
 
-.c22 {
+.c20 {
   grid-row-start: 2;
   grid-column-start: 3;
   grid-area: instructions;
@@ -84580,7 +89437,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   padding: 3px 0 10px 0;
 }
 
-.c42 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -84589,23 +89446,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   margin-top: -14px;
 }
 
-.c34 {
+.c32 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c37 {
+.c35 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c37 > span {
+.c35 > span {
   margin-right: 1ch;
 }
 
-.c31 {
+.c29 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -84616,7 +89473,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   margin-top: 10px;
 }
 
-.c31 a {
+.c29 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -84631,170 +89488,155 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   justify-content: center;
 }
 
-.c32 {
+.c30 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c36 {
+.c34 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c35 {
+.c33 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c38 {
+.c36 {
   font-weight: 500;
 }
 
-.c39 {
+.c37 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c58 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c59 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c56 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c51 {
+.c50 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
   margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c52 {
-  color: #676767;
+.c54 {
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  gap: 5px;
+  margin-top: 0.5em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c54 {
-  font-size: 14px;
+.c54:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
 }
 
-.c53 {
-  padding: 0;
+.c52 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
 }
 
-.c50 {
+.c53 {
   margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
 }
 
-.c50 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
+.c51 {
+  float: left;
+  font-size: 18px;
 }
 
-.c50 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
+.c49 {
+  display: block;
+  margin-top: 3px;
+  padding: 0;
 }
 
-.c50 img {
-  margin-left: 5px;
-  vertical-align: middle;
+.c48 {
+  color: #d14727;
+  cursor: cursor;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
 }
 
-.c19 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: none;
-  background-color: #bfffb5;
-  border-radius: 20px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 0.25em;
-  max-width: 75px;
-  height: 30px;
-  padding: 0.25em 0.6em 0.25em 0.4em;
-  word-wrap: anywhere;
+.c55 {
+  margin-top: 5px;
 }
 
-.c41 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: none;
-  background-color: #dbe9ff;
-  border-radius: 20px;
+.c56 {
+  color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 0.25em;
-  max-width: 75px;
-  height: 30px;
-  padding: 0.25em 0.6em 0.25em 0.4em;
-  word-wrap: anywhere;
 }
 
-.c60 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: none;
-  background-color: #ffe4e5;
-  border-radius: 20px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 0.25em;
-  max-width: 75px;
-  height: 30px;
-  padding: 0.25em 0.6em 0.25em 0.4em;
-  word-wrap: anywhere;
+.c58 {
+  font-size: 14px;
 }
 
-.c21 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
+.c57 {
+  padding: 0;
 }
 
-.c21 span {
-  display: block;
+.c47 {
+  margin-top: 5px;
+}
+
+.c47 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c47 img {
+  margin-left: 5px;
+  vertical-align: middle;
 }
 
 .c1 {
@@ -84806,7 +89648,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   font-family: Hind,sans-serif;
 }
 
-.c1 .c46 {
+.c1 .c43 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -84852,7 +89694,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   width: 100%;
 }
 
-.c1 .c57 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -84888,11 +89730,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   z-index: 10;
 }
 
-.c40 {
+.c38 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #000088;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -84973,80 +89815,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        3940 SE Brooklyn St, Portland, OR, USA 97202
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
-      <div
-        className="c19"
-        color="#bfffb5"
-        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.likelyAccessible"
-      >
-        <span
-          className="c20 invisible-additional-details"
-        >
-          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.likelyAccessible
-        </span>
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          aria-hidden={true}
-          className="c21"
-        >
-          ✅
-        </span>
-      </div>
+      3:44 PM
     </div>
     <span
-      className="c20 invisible-additional-details"
+      className="c19 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c22 place-details "
+      className="c20 place-details "
     >
       <div
-        className="c23"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c24"
+            className="c22"
           >
             <span
-              className="c25"
+              className="c23"
             >
               <span
-                className="c26"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -85074,24 +89872,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               </span>
             </span>
             <span
-              className="c20 invisible-additional-details"
+              className="c19 invisible-additional-details"
             >
                - 
             </span>
             <span>
-              Walk 238 feet to 
+              Walk 269 feet to 
               <span
-                className="c27"
+                className="c25"
               >
-                SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)
+                Pioneer Square North MAX Station
               </span>
             </span>
             <button
-              className="c28 c29"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -85099,19 +89897,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
           </span>
         </div>
         <span
-          className="c30"
+          className="c28"
         >
           <span
-            className="c31"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c28 c32"
+              className="c26 c30"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c33"
+                className="c31"
               >
                 <svg
                   aria-hidden="true"
@@ -85130,7 +89928,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                 </svg>
               </span>
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -85151,13 +89949,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               style={Object {}}
             >
               <ol
-                className="c34"
+                className="c32"
               >
                 <li
-                  className="c35"
+                  className="c33"
                 >
                   <div
-                    className="c36"
+                    className="c34"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -85168,54 +89966,54 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                     </svg>
                   </div>
                   <div
-                    className="c37"
+                    className="c35"
                   >
                     <span>
                       Head 
-                      WEST
+                      NORTHWEST
                        on 
                       <span
-                        className="c38"
+                        className="c36"
                       >
-                        SE Brooklyn St
+                        Unnamed Path
                       </span>
                       <span
-                        className="c39"
+                        className="c37"
                       >
-                        205 feet
+                        167 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c35"
+                  className="c33"
                 >
                   <div
-                    className="c36"
+                    className="c34"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c37"
+                    className="c35"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
-                        className="c38"
+                        className="c36"
                       >
-                        SE Cesar E. Chavez Blvd
+                        Pioneer Sq N (path)
                       </span>
                       <span
-                        className="c39"
+                        className="c37"
                       >
-                        33 feet
+                        101 feet
                       </span>
                     </span>
                   </div>
@@ -85234,7 +90032,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
       className="c4 c5"
     >
       <div
-        className="c40 leg-line"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -85280,72 +90078,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        SE Cesar Chavez Blvd & Brooklyn
+        Pioneer Square North MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:47 PM
-      <div
-        className="c41"
-        color="#dbe9ff"
-        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.unclear"
-      >
-        <span
-          className="c20 invisible-additional-details"
-        >
-          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.unclear
-        </span>
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          aria-hidden={true}
-          className="c21"
-        >
-          ？
-        </span>
-      </div>
+      3:46 PM
     </div>
     <span
-      className="c20 invisible-additional-details"
+      className="c19 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c22 place-details transit"
+      className="c20 place-details transit"
     >
       <div
-        className="c42 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 7439
+        Stop ID 8383
         <button
-          className="c28 c43 c44"
+          className="c26 c40 c41"
           onClick={[Function]}
           role="link"
         >
@@ -85353,95 +90107,90 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         </button>
       </div>
       <div
-        className="c23"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c24"
+            className="c22"
           >
             <span>
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c24 c45"
+                className="c22 c42"
               >
                 <span
-                  className="c25"
+                  className="c23"
                 >
                   <span
-                    className="c26"
+                    className="c24"
                   >
                     <svg
-                      aria-label="BUS"
+                      aria-label="TRAM"
                       height="100%"
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": "TriMet:75",
+                          "routeId": "TriMet:100",
                           "shortName": undefined,
                         }
                       }
                       version="1.0"
-                      viewBox="0 0 81.59 99.992"
+                      viewBox="0 0 66.461 100"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M68.848,68.51"
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
                       />
                       <path
-                        d="M12.687,68.51"
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
                       />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
                     </svg>
                   </span>
                   <span
-                    className="c46 c47"
+                    className="c43 c44"
                   >
-                    755X
+                    MAX Blue Line
                   </span>
                 </span>
                 <span
-                  className="c48"
+                  className="c45"
                 >
                   <span>
-                    Cesar Chavez/Lombard (very long route name) 
+                    MAX Blue Line 
                     <span
-                      className="c49"
+                      className="c46"
                     >
                       to
                     </span>
-                     St. Johns via NAYA
+                     Hillsboro
                   </span>
                 </span>
               </span>
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                  - 
                 Disembark at 
-                SE Cesar Chavez Blvd & Hawthorne
+                Providence Park MAX Station
               </span>
             </span>
             <button
-              className="c28 c29 transit-leg-button"
+              className="c26 c27 transit-leg-button"
               onClick={[Function]}
             >
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -85454,7 +90203,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
           role="group"
         >
           <div
-            className="c50 agency-info"
+            className="c47 agency-info"
           >
             Service operated by 
             <a
@@ -85471,35 +90220,266 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               />
             </a>
           </div>
+          <button
+            className="c26 c48 alert-toggle"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            3 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+              (Expand details)
+            </span>
+          </button>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
             <div
               style={Object {}}
-            />
+            >
+              <ul
+                className="c49 alert-body"
+              >
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of December 15, 2019
+                    <a
+                      className="c54"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c54"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c50"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 3, 2019
+                    <a
+                      className="c54"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c8"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c19 invisible-additional-details"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
           <div
-            className="c51 transit-leg-details"
+            className="c55 transit-leg-details"
           >
             <div
-              className="c52"
+              className="c56"
             >
               <button
-                className="c28 c53"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
-                4 min
-                 / 5 stops
+                3 min
+                 / 2 stops
                 <span
-                  className="c33"
+                  className="c31"
                 >
                   <svg
                     aria-hidden="true"
@@ -85518,13 +90498,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                   </svg>
                 </span>
                 <span
-                  className="c20 invisible-additional-details"
+                  className="c19 invisible-additional-details"
                 >
                   (Expand details)
                 </span>
               </button>
               <button
-                className="c28 c43 c44"
+                className="c26 c40 c41"
                 onClick={[Function]}
                 role="link"
               >
@@ -85545,71 +90525,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                 style={Object {}}
               >
                 <div
-                  className="c54"
+                  className="c58"
                 >
                   <ol
-                    className="c55"
+                    className="c59"
                   >
                     <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Cesar Chavez Blvd & Clinton
-                      </div>
-                    </li>
-                    <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Cesar Chavez Blvd & Division
-                      </div>
-                    </li>
-                    <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Cesar Chavez Blvd & Lincoln
-                      </div>
-                    </li>
-                    <li
-                      className="c56"
+                      className="c60"
                     >
                       <div
-                        className="c57 c58"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c63"
                       >
-                        SE Cesar Chavez Blvd & Stephens
+                        Galleria/SW 10th Ave MAX Station
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
+            <span>
+              Typical wait: 
+              15 min
+            </span>
           </div>
         </div>
       </div>
@@ -85668,28 +90610,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        SE Cesar Chavez Blvd & Hawthorne
+        Providence Park MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:52 PM
+      3:49 PM
     </div>
     <span
-      className="c20 invisible-additional-details"
+      className="c19 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c22 place-details "
+      className="c20 place-details "
     >
       <div
-        className="c42 transit-leg-subheader"
+        className="c39 transit-leg-subheader"
       >
-        Stop ID 7459
+        Stop ID 9757
         <button
-          className="c28 c43 c44"
+          className="c26 c40 c41"
           onClick={[Function]}
           role="link"
         >
@@ -85697,19 +90639,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         </button>
       </div>
       <div
-        className="c23"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c24"
+            className="c22"
           >
             <span
-              className="c25"
+              className="c23"
             >
               <span
-                className="c26"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -85737,24 +90679,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               </span>
             </span>
             <span
-              className="c20 invisible-additional-details"
+              className="c19 invisible-additional-details"
             >
                - 
             </span>
             <span>
-              Walk 440 feet to 
+              Walk 249 feet to 
               <span
-                className="c27"
+                className="c25"
               >
-                SE Hawthorne & Cesar Chavez Blvd
+                1737 SW Morrison St, Portland, OR, USA 97205
               </span>
             </span>
             <button
-              className="c28 c29"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -85762,19 +90704,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
           </span>
         </div>
         <span
-          className="c30"
+          className="c28"
         >
           <span
-            className="c31"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c28 c32"
+              className="c26 c30"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c33"
+                className="c31"
               >
                 <svg
                   aria-hidden="true"
@@ -85793,7 +90735,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                 </svg>
               </span>
               <span
-                className="c20 invisible-additional-details"
+                className="c19 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -85804,989 +90746,1447 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
             className="rah-static rah-static--height-zero "
             style={
               Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c34"
-              >
-                <li
-                  className="c35"
-                >
-                  <div
-                    className="c36"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c37"
-                  >
-                    <span>
-                      Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c38"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c39"
-                      >
-                        146 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c35"
-                >
-                  <div
-                    className="c36"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c37"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c38"
-                      >
-                        SE Cesar E. Chavez Blvd
-                      </span>
-                      <span
-                        className="c39"
-                      >
-                        198 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c35"
-                >
-                  <div
-                    className="c36"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c37"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c38"
-                      >
-                        SE Hawthorne Blvd
-                      </span>
-                      <span
-                        className="c39"
-                      >
-                        96 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper transit"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c40 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        SE Hawthorne & Cesar Chavez Blvd
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:00 PM
-      <div
-        className="c60"
-        color="#ffe4e5"
-        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible"
-      >
-        <span
-          className="c20 invisible-additional-details"
-        >
-          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible
-        </span>
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          aria-hidden={true}
-          className="c21"
-        >
-          ❌
-        </span>
-      </div>
-    </div>
-    <span
-      className="c20 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c22 place-details transit"
-    >
-      <div
-        className="c42 transit-leg-subheader"
-      >
-        Stop ID 2626
-        <button
-          className="c28 c43 c44"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c23"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c24"
-          >
-            <span>
-              <span
-                className="c20 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c24 c45"
-              >
-                <span
-                  className="c25"
-                >
-                  <span
-                    className="c26"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "TriMet:14",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c46 c47"
-                  >
-                    1
-                  </span>
-                </span>
-                <span
-                  className="c48"
-                >
-                  <span>
-                    Hawthorne 
-                    <span
-                      className="c49"
-                    >
-                      to
-                    </span>
-                     Portland
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c20 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                SE Hawthorne & 27th
-              </span>
-            </span>
-            <button
-              className="c28 c29 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c20 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c50 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      WEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Providence Park (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        104 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c64 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        1737 SW Morrison St, Portland, OR, USA 97205
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
+    </span>
+    <div
+      className="c20 place-details "
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={true}
+    itinerary={
+      Object {
+        "duration": 6223,
+        "elevationGained": 0.930000000000005,
+        "elevationLost": 11.050000000000002,
+        "endTime": 1651700473000,
+        "fare": Object {
+          "details": Object {
+            "electronicRegular": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "electronicSenior": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "electronicSpecial": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "electronicYouth": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "regular": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 225,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "senior": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "youth": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+          },
+          "fare": Object {
+            "electronicRegular": Object {
+              "cents": 325,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicSenior": Object {
+              "cents": 100,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicSpecial": Object {
+              "cents": 150,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicYouth": Object {
+              "cents": 150,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "regular": Object {
+              "cents": 550,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "senior": Object {
+              "cents": 200,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "youth": Object {
+              "cents": 300,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -25200000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 462.78599999999994,
+            "duration": 389,
+            "endTime": 1651694639000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "departure": 1651694250000,
+              "lat": 47.97766686876693,
+              "lon": -122.20034419816042,
+              "name": "47.97767, -122.20034",
+              "orig": "47.97767, -122.20034",
+              "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 27,
+              "points": "srycH\`hzhVd@?HEBGBKL]?Yp@C?e@AwCGc@bA]^KCSCa@vBq@l@OCSf@QHAbA[CQB?PGFCHCPG",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1651694250000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 173.423,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 19.72,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 19.74,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 19.78,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 19.66,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 19.34,
+                  },
+                  Object {
+                    "first": 50.07,
+                    "second": 19.05,
+                  },
+                  Object {
+                    "first": 50.093,
+                    "second": 19.05,
+                  },
+                  Object {
+                    "first": 59.583000000000006,
+                    "second": 18.69,
+                  },
+                  Object {
+                    "first": 87.879,
+                    "second": 18.69,
+                  },
+                  Object {
+                    "first": 97.879,
+                    "second": 18.69,
+                  },
+                  Object {
+                    "first": 107.879,
+                    "second": 18.7,
+                  },
+                  Object {
+                    "first": 116.179,
+                    "second": 18.71,
+                  },
+                  Object {
+                    "first": 102.55600000000001,
+                    "second": 18.2,
+                  },
+                  Object {
+                    "first": 112.55600000000001,
+                    "second": 17.89,
+                  },
+                  Object {
+                    "first": 122.55600000000001,
+                    "second": 17.59,
+                  },
+                  Object {
+                    "first": 132.556,
+                    "second": 17.29,
+                  },
+                  Object {
+                    "first": 142.556,
+                    "second": 17,
+                  },
+                  Object {
+                    "first": 152.556,
+                    "second": 16.73,
+                  },
+                  Object {
+                    "first": 159.166,
+                    "second": 16.53,
+                  },
+                  Object {
+                    "first": 159.166,
+                    "second": 16.53,
+                  },
+                  Object {
+                    "first": 173.426,
+                    "second": 16.12,
+                  },
+                ],
+                "lat": 47.9775488,
+                "lon": -122.20049,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 39.188,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.12,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 16.11,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 16.11,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 16.09,
+                  },
+                  Object {
+                    "first": 39.19,
+                    "second": 16.08,
+                  },
+                ],
+                "lat": 47.976997100000006,
+                "lon": -122.1989226,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Smith Avenue",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 18.465,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.08,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 15.88,
+                  },
+                  Object {
+                    "first": 18.47,
+                    "second": 15.61,
+                  },
+                ],
+                "lat": 47.976659600000005,
+                "lon": -122.19877100000001,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Paine Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 20.528,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.61,
+                  },
+                  Object {
+                    "first": 7.9,
+                    "second": 15.6,
+                  },
+                  Object {
+                    "first": 7.9,
+                    "second": 15.6,
+                  },
+                  Object {
+                    "first": 20.53,
+                    "second": 15.52,
+                  },
+                ],
+                "lat": 47.9764974,
+                "lon": -122.19871780000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "32nd Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 95.40899999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.52,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 15.35,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 15.19,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 15.04,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 14.88,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 14.73,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 14.71,
+                  },
+                  Object {
+                    "first": 69.33,
+                    "second": 14.65,
+                  },
+                  Object {
+                    "first": 69.33,
+                    "second": 14.65,
+                  },
+                  Object {
+                    "first": 79.33,
+                    "second": 14.62,
+                  },
+                  Object {
+                    "first": 89.33,
+                    "second": 14.54,
+                  },
+                  Object {
+                    "first": 95.41,
+                    "second": 14.5,
+                  },
+                ],
+                "lat": 47.976534400000006,
+                "lon": -122.19844760000001,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "32nd Street",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 115.773,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 14.5,
+                  },
+                  Object {
+                    "first": 7.62,
+                    "second": 14.44,
+                  },
+                  Object {
+                    "first": 7.619,
+                    "second": 14.44,
+                  },
+                  Object {
+                    "first": 17.619,
+                    "second": 14.43,
+                  },
+                  Object {
+                    "first": 27.619,
+                    "second": 14.45,
+                  },
+                  Object {
+                    "first": 36.789,
+                    "second": 14.49,
+                  },
+                  Object {
+                    "first": 36.787,
+                    "second": 14.49,
+                  },
+                  Object {
+                    "first": 46.787,
+                    "second": 14.64,
+                  },
+                  Object {
+                    "first": 56.787,
+                    "second": 14.84,
+                  },
+                  Object {
+                    "first": 66.787,
+                    "second": 15.06,
+                  },
+                  Object {
+                    "first": 75.487,
+                    "second": 15.22,
+                  },
+                  Object {
+                    "first": 75.489,
+                    "second": 15.22,
+                  },
+                  Object {
+                    "first": 81.809,
+                    "second": 15.1,
+                  },
+                  Object {
+                    "first": 81.804,
+                    "second": 15.1,
+                  },
+                  Object {
+                    "first": 84.014,
+                    "second": 15.13,
+                  },
+                  Object {
+                    "first": 84.009,
+                    "second": 15.13,
+                  },
+                  Object {
+                    "first": 94.009,
+                    "second": 15.14,
+                  },
+                  Object {
+                    "first": 99.189,
+                    "second": 15.11,
+                  },
+                  Object {
+                    "first": 99.186,
+                    "second": 15.11,
+                  },
+                  Object {
+                    "first": 105.52600000000001,
+                    "second": 15.13,
+                  },
+                ],
+                "lat": 47.975706,
+                "lon": -122.19811390000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "arrival": 1651694639000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651694640000,
+              "lat": 47.97485103,
+              "lon": -122.1976189,
+              "name": "Everett Station Bay C1",
+              "stopCode": "2345",
+              "stopId": "CommTrans:2345",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "29",
+            "agencyName": "Community Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://www.communitytransit.org/",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 37716.533319948845,
+            "duration": 2820,
+            "endTime": 1651697460000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651694639000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651694640000,
+              "lat": 47.97485103,
+              "lon": -122.1976189,
+              "name": "Everett Station Bay C1",
+              "stopCode": "2345",
+              "stopId": "CommTrans:2345",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "headsign": "Northgate Station",
+            "interStopGeometry": Array [
               Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c51 transit-leg-details"
-          >
-            <div
-              className="c52"
-            >
-              <button
-                className="c28 c53"
-                onClick={[Function]}
-              >
-                Ride 
-                4 min
-                 / 5 stops
-                <span
-                  className="c33"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c20 invisible-additional-details"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c28 c43 c44"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c54"
-                >
-                  <ol
-                    className="c55"
-                  >
-                    <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Hawthorne & 37th
-                      </div>
-                    </li>
-                    <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Hawthorne & 34th
-                      </div>
-                    </li>
-                    <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Hawthorne & 32nd
-                      </div>
-                    </li>
-                    <li
-                      className="c56"
-                    >
-                      <div
-                        className="c57 c58"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c59"
-                      >
-                        SE Hawthorne & 30th
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        SE Hawthorne & 27th
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:04 PM
-      <div
-        className="c60"
-        color="#ffe4e5"
-        title="otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible"
-      >
-        <span
-          className="c20 invisible-additional-details"
-        >
-          otpUi.ItineraryBody.tripAccessibility.legAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible
-        </span>
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          aria-hidden={true}
-          className="c21"
-        >
-          ❌
-        </span>
-      </div>
-    </div>
-    <span
-      className="c20 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c22 place-details "
-    >
-      <div
-        className="c42 transit-leg-subheader"
-      >
-        Stop ID 2613
-        <button
-          className="c28 c43 c44"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c23"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c24"
-          >
-            <span
-              className="c25"
-            >
-              <span
-                className="c26"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c20 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 479 feet to 
-              <span
-                className="c27"
-              >
-                1415 SE 28th Ave, Portland, OR, USA 97214
-              </span>
-            </span>
-            <button
-              className="c28 c29"
-              onClick={[Function]}
-            >
-              <span
-                className="c20 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c30"
-        >
-          <span
-            className="c31"
-          >
-            <button
-              aria-expanded={false}
-              className="c28 c32"
-              onClick={[Function]}
-            >
-              2 min
-              <span
-                className="c33"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c20 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
+                "length": 37,
+                "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@A",
+              },
+              Object {
+                "length": 192,
+                "points": "cuxcHdmzhVT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@X",
+              },
+              Object {
+                "length": 119,
+                "points": "ugjcH|~|hVlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UY",
+              },
+              Object {
+                "length": 155,
+                "points": "sfacHtreiVAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@",
+              },
+              Object {
+                "length": 139,
+                "points": "w\`zbHz~liV?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?",
+              },
+              Object {
+                "length": 270,
+                "points": "cmtbHp|piVD?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1651694640000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651694640000,
+                "lat": 47.972881,
+                "lon": -122.201485,
+                "name": "Broadway & 34th St",
+                "stopCode": "2367",
+                "stopId": "CommTrans:2367",
+                "stopIndex": 1,
+                "stopSequence": 2,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651695180000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651695180000,
+                "lat": 47.89901771,
+                "lon": -122.2144774,
+                "name": "South Everett Fwy Station Bay 3",
+                "stopCode": "2868",
+                "stopId": "CommTrans:2868",
+                "stopIndex": 2,
+                "stopSequence": 3,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651695660000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651695660000,
+                "lat": 47.85271272,
+                "lon": -122.2584482,
+                "name": "Ash Way Park & Ride Bay 1",
+                "stopCode": "2164",
+                "stopId": "CommTrans:2164",
+                "stopIndex": 3,
+                "stopSequence": 4,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651696080000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651696080000,
+                "lat": 47.81588022,
+                "lon": -122.2963008,
+                "name": "Lynnwood Transit Center Bay D3",
+                "stopCode": "2422",
+                "stopId": "CommTrans:2422",
+                "stopIndex": 4,
+                "stopSequence": 5,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+              Object {
+                "arrival": 1651696320000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651696320000,
+                "lat": 47.78722526,
+                "lon": -122.3164054,
+                "name": "Mountlake Terrace Fwy Station Bay 6",
+                "stopCode": "2765",
+                "stopId": "CommTrans:2765",
+                "stopIndex": 5,
+                "stopSequence": 6,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 907,
+              "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@AT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@XlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UYAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?D?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "512",
+            "routeColor": "0070c0",
+            "routeId": "CommTrans:512",
+            "routeLongName": "Everett - Northgate Station",
+            "routeShortName": "512",
+            "routeTextColor": "ffffff",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651694640000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1651697460000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697460000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station",
+              "stopCode": "2191",
+              "stopId": "CommTrans:2191",
+              "stopIndex": 6,
+              "stopSequence": 7,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "transitLeg": true,
+            "tripBlockId": "KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
+            "tripId": "CommTrans:9683834__KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
+          },
+          Object {
+            "agencyTimeZoneOffset": -25200000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 0,
+            "duration": 2,
+            "endTime": 1651697462000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651697460000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697460000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station",
+              "stopCode": "2191",
+              "stopId": "CommTrans:2191",
+              "stopIndex": 6,
+              "stopSequence": 7,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 2,
+              "points": "{~cbHfesiV??",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1651697460000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1651697462000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697700000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station - Bay 4",
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "1",
+            "agencyName": "Metro Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://metro.kingcounty.gov",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 3819.702008552735,
+            "duration": 660,
+            "endTime": 1651698360000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651697462000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651697700000,
+              "lat": 47.703022,
+              "lon": -122.328041,
+              "name": "Northgate Station - Bay 4",
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
+            },
+            "hailedCar": false,
+            "headsign": "Downtown Seattle Ballard",
+            "interStopGeometry": Array [
               Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c34"
-              >
-                <li
-                  className="c35"
-                >
-                  <div
-                    className="c36"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c37"
-                  >
-                    <span>
-                      Head 
-                      WEST
-                       on 
-                      <span
-                        className="c38"
-                      >
-                        SE Hawthorne Blvd
-                      </span>
-                      <span
-                        className="c39"
-                      >
-                        40 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c35"
-                >
-                  <div
-                    className="c36"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c37"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c38"
-                      >
-                        SE 27th Ave
-                      </span>
-                      <span
-                        className="c39"
-                      >
-                        294 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c35"
-                >
-                  <div
-                    className="c36"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c37"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c38"
-                      >
-                        SE Madison St
-                      </span>
-                      <span
-                        className="c39"
-                      >
-                        146 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c61 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        1415 SE 28th Ave, Portland, OR, USA 97214
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:06 PM
-    </div>
-    <span
-      className="c20 invisible-additional-details"
-    >
-      Arrive at 
-      1415 SE 28th Ave, Portland, OR, USA 97214
-    </span>
-    <div
-      className="c22 place-details "
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 357,
-        "elevationGained": 0.8399999999999999,
-        "elevationLost": 2.200000000000001,
-        "endTime": 1573689055000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
+                "length": 11,
+                "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?",
+              },
+              Object {
+                "length": 6,
+                "points": "y}bbH|gsiV@?jDC~DACxDAdF",
+              },
+              Object {
+                "length": 7,
+                "points": "qrbbHvtsiV?xBAtG?\`GAhFiJ?kHH",
+              },
+              Object {
+                "length": 17,
+                "points": "kgcbH|ptiV_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMB",
+              },
+              Object {
+                "length": 4,
+                "points": "y_dbHxitiVI@_DBsC@",
+              },
+              Object {
+                "length": 7,
+                "points": "widbH\`jtiVu@?{DDoD@{IDI?b@rB",
+              },
+              Object {
+                "length": 22,
+                "points": "{\`ebHbntiV@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF",
+              },
+              Object {
+                "length": 7,
+                "points": "okdbHt{uiV?ZAfG?dG?V?H?|C",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1651697809000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651697809000,
+                "lat": 47.6977348,
+                "lon": -122.32856,
+                "name": "1st Ave NE & NE 95th St",
+                "stopCode": "17697",
+                "stopId": "kcm:17697",
+                "stopIndex": 1,
+                "stopSequence": 11,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651697871000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651697871000,
+                "lat": 47.6959953,
+                "lon": -122.330513,
+                "name": "N 92nd St & Corliss Ave N",
+                "stopCode": "17698",
+                "stopId": "kcm:17698",
+                "stopIndex": 2,
+                "stopSequence": 16,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651697993000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651697993000,
+                "lat": 47.6992683,
+                "lon": -122.334908,
+                "name": "College Way N & N 97th St",
+                "stopCode": "17710",
+                "stopId": "kcm:17710",
+                "stopIndex": 3,
+                "stopSequence": 22,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698072000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698072000,
+                "lat": 47.7032013,
+                "lon": -122.333794,
+                "name": "College Way N & N 103rd St",
+                "stopCode": "17730",
+                "stopId": "kcm:17730",
+                "stopIndex": 4,
+                "stopSequence": 38,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698103000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698103000,
+                "lat": 47.7047577,
+                "lon": -122.333832,
+                "name": "Meridian Ave N & N 105th St",
+                "stopCode": "17740",
+                "stopId": "kcm:17740",
+                "stopIndex": 5,
+                "stopSequence": 41,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698185000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698185000,
+                "lat": 47.7085342,
+                "lon": -122.33461,
+                "name": "N Northgate Way & Meridian Ave N",
+                "stopCode": "17755",
+                "stopId": "kcm:17755",
+                "stopIndex": 6,
+                "stopSequence": 47,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698312000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698312000,
+                "lat": 47.7051163,
+                "lon": -122.341866,
+                "name": "N Northgate Way & Stone Ave N",
+                "stopCode": "40030",
+                "stopId": "kcm:40030",
+                "stopIndex": 7,
+                "stopSequence": 68,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
+            ],
+            "legGeometry": Object {
+              "length": 74,
+              "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?@?jDC~DACxDAdF?xBAtG?\`GAhFiJ?kHH_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMBI@_DBsC@u@?{DDoD@{IDI?b@rB@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF?ZAfG?dG?V?H?|C",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "40",
+            "routeId": "kcm:102574",
+            "routeShortName": "40",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651697700000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1651698360000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698360000,
+              "lat": 47.7051239,
+              "lon": -122.345596,
+              "name": "N 105th St & Aurora Ave N",
+              "stopCode": "40032",
+              "stopId": "kcm:40032",
+              "stopIndex": 8,
+              "stopSequence": 74,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
+            "transitLeg": true,
+            "tripBlockId": "6367535",
+            "tripId": "kcm:546784580",
+            "tripShortName": "LOCAL",
           },
-        },
-        "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 78.93199999999999,
+            "duration": 61,
+            "endTime": 1651698421000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "departure": 1573688698000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
-              "vertexType": "NORMAL",
+              "arrival": 1651698360000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698360000,
+              "lat": 47.7051239,
+              "lon": -122.345596,
+              "name": "N 105th St & Aurora Ave N",
+              "stopCode": "40032",
+              "stopId": "kcm:40032",
+              "stopIndex": 8,
+              "stopSequence": 74,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "length": 13,
+              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -86795,212 +92195,552 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688698000,
+            "startTime": 1651698360000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 19.622999999999998,
+                "elevation": Array [
+                  Object {
+                    "first": 10.365,
+                    "second": 98.12,
+                  },
+                  Object {
+                    "first": 19.625,
+                    "second": 97.7,
+                  },
+                ],
+                "lat": 47.705065371872415,
+                "lon": -122.34559550720056,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "North 105th Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 50.946,
+                "distance": 4.369,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.172842545446779,
+                    "second": 97.7,
                   },
                   Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
+                    "first": 4.37,
+                    "second": 97.64,
                   },
+                ],
+                "lat": 47.705022400000004,
+                "lon": -122.3453515,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 54.94,
+                "elevation": Array [
                   Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
+                    "first": 0,
+                    "second": 97.64,
                   },
                   Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
+                    "first": 4.26,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
+                    "first": 4.265,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
+                    "first": 14.265,
+                    "second": 96.91,
                   },
                   Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
+                    "first": 24.265,
+                    "second": 96.65,
                   },
                   Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
+                    "first": 33.175,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 33.174,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 37.164,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 37.16,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 39.589999999999996,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 39.586,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 41.976,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 41.976,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 50.196,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 50.193,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 53.443,
+                    "second": 96.62,
                   },
                 ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
+                "lat": 47.7049831,
+                "lon": -122.3453516,
                 "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
+                "stayOn": true,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1576471800,
-              },
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
+            "agencyId": "1",
+            "agencyName": "Metro Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://metro.kingcounty.gov",
             "arrivalDelay": 0,
-            "averageWait": 935,
             "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
+            "distance": 11857.370334253566,
+            "duration": 1910,
+            "endTime": 1651700364000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "hailedCar": false,
-            "headsign": "Hillsboro",
+            "headsign": "Downtown Seattle",
             "interStopGeometry": Array [
               Object {
-                "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+                "length": 7,
+                "points": "widbHvmviVvAAnCAnC?pCCnC?dAA",
               },
               Object {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+                "length": 8,
+                "points": "wrcbHlmviVnB?\`DCRItDC\\\\?rC?~@?",
+              },
+              Object {
+                "length": 9,
+                "points": "i|bbHzlviVpACpC?pCArA?NHh@?pCCj@?",
+              },
+              Object {
+                "length": 12,
+                "points": "gfbbHzlviVbB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?",
+              },
+              Object {
+                "length": 7,
+                "points": "ulabHtlviVL?hC?nCCpC?nC?t@?",
+              },
+              Object {
+                "length": 5,
+                "points": "ux\`bHplviVxA?pCApC?xB?",
+              },
+              Object {
+                "length": 59,
+                "points": "}h\`bHnlviVV?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJB",
+              },
+              Object {
+                "length": 23,
+                "points": "kv~aHxzviVLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?",
+              },
+              Object {
+                "length": 37,
+                "points": "m|{aHf~viVl@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DA",
+              },
+              Object {
+                "length": 21,
+                "points": "inwaHnrviVbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?",
+              },
+              Object {
+                "length": 35,
+                "points": "qdvaHjfviVlI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?",
+              },
+              Object {
+                "length": 9,
+                "points": "q~saHjgviV^@fABbCC\\\\IhFGj@hA~@tA|BbD",
+              },
+              Object {
+                "length": 9,
+                "points": "sgsaH~pviVDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gA",
+              },
+              Object {
+                "length": 4,
+                "points": "quraHxkviVnB{DxCeGfCeF",
+              },
+              Object {
+                "length": 14,
+                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
+              },
+              Object {
+                "length": 6,
+                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+              },
+              Object {
+                "length": 7,
+                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
+                "arrival": 1651698520000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698520000,
+                "lat": 47.701088,
+                "lon": -122.34481,
+                "name": "Aurora Ave N & N 100th St",
+                "stopCode": "7100",
+                "stopId": "kcm:7100",
+                "stopIndex": 17,
+                "stopSequence": 123,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698584000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698584000,
+                "lat": 47.6974945,
+                "lon": -122.344704,
+                "name": "Aurora Ave N & N 95th St",
+                "stopCode": "7120",
+                "stopId": "kcm:7120",
+                "stopIndex": 18,
+                "stopSequence": 130,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698647000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698647000,
+                "lat": 47.6939621,
+                "lon": -122.344734,
+                "name": "Aurora Ave N & N 90th St",
+                "stopCode": "7140",
+                "stopId": "kcm:7140",
+                "stopIndex": 19,
+                "stopSequence": 138,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698720000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698720000,
+                "lat": 47.6898766,
+                "lon": -122.344681,
+                "name": "Aurora Ave N & N 85th St",
+                "stopCode": "7160",
+                "stopId": "kcm:7160",
+                "stopIndex": 20,
+                "stopSequence": 149,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698775000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698775000,
+                "lat": 47.6866722,
+                "lon": -122.344666,
+                "name": "Aurora Ave N & N 80th St",
+                "stopCode": "7180",
+                "stopId": "kcm:7180",
+                "stopIndex": 21,
+                "stopSequence": 155,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698817000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698817000,
+                "lat": 47.6841507,
+                "lon": -122.34465,
+                "name": "Aurora Ave N & N 76th St",
+                "stopCode": "7200",
+                "stopId": "kcm:7200",
+                "stopIndex": 22,
+                "stopSequence": 159,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651698960000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698960000,
+                "lat": 47.6760826,
+                "lon": -122.346947,
+                "name": "Aurora Ave N & N 65th St",
+                "stopCode": "7210",
+                "stopId": "kcm:7210",
+                "stopIndex": 23,
+                "stopSequence": 217,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699080000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699080000,
+                "lat": 47.6616707,
+                "lon": -122.347488,
+                "name": "Aurora Ave N & N 46th St",
+                "stopCode": "75408",
+                "stopId": "kcm:75408",
+                "stopIndex": 24,
+                "stopSequence": 239,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699474000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699474000,
+                "lat": 47.6389084,
+                "lon": -122.345596,
+                "name": "Aurora Ave N & Lynn St",
+                "stopCode": "6070",
+                "stopId": "kcm:6070",
+                "stopIndex": 25,
+                "stopSequence": 275,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699593000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699593000,
+                "lat": 47.6322517,
+                "lon": -122.343666,
+                "name": "Aurora Ave N & Galer St",
+                "stopCode": "6100",
+                "stopId": "kcm:6100",
                 "stopIndex": 26,
-                "stopSequence": 27,
+                "stopSequence": 295,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699787000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699787000,
+                "lat": 47.6210556,
+                "lon": -122.343842,
+                "name": "7th Ave N & Thomas St",
+                "stopCode": "6176",
+                "stopId": "kcm:6176",
+                "stopIndex": 27,
+                "stopSequence": 329,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699857000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699857000,
+                "lat": 47.6174316,
+                "lon": -122.345345,
+                "name": "Wall St & 5th Ave",
+                "stopCode": "7430",
+                "stopId": "kcm:7430",
+                "stopIndex": 28,
+                "stopSequence": 337,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699928000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699928000,
+                "lat": 47.6144447,
+                "lon": -122.344513,
+                "name": "3rd Ave & Bell St",
+                "stopCode": "400",
+                "stopId": "kcm:400",
+                "stopIndex": 29,
+                "stopSequence": 345,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651699981000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699981000,
+                "lat": 47.6124382,
+                "lon": -122.34111,
+                "name": "3rd Ave & Virginia St",
+                "stopCode": "420",
+                "stopId": "kcm:420",
+                "stopIndex": 30,
+                "stopSequence": 348,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700040000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700040000,
+                "lat": 47.6097908,
+                "lon": -122.337959,
+                "name": "3rd Ave & Pike St",
+                "stopCode": "431",
+                "stopId": "kcm:431",
+                "stopIndex": 31,
+                "stopSequence": 361,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700212000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700212000,
+                "lat": 47.6065025,
+                "lon": -122.334938,
+                "name": "3rd Ave & Seneca St",
+                "stopCode": "468",
+                "stopId": "kcm:468",
+                "stopIndex": 32,
+                "stopSequence": 366,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
               },
             ],
             "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              "length": 256,
+              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
             },
-            "mode": "TRAM",
+            "mode": "BUS",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573688770000,
+            "route": "E Line",
+            "routeId": "kcm:102615",
+            "routeShortName": "E Line",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651698454000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
+            "tripBlockId": "6367577",
+            "tripId": "kcm:491944150",
+            "tripShortName": "LOCAL",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
+            "distance": 135.17100000000002,
+            "duration": 108,
+            "endTime": 1651700473000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
+              "length": 13,
+              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -87009,126 +92749,146 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688986000,
+            "startTime": 1651700365000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Providence Park (path)",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 31.715,
+                "distance": 99.492,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 30.57284254544678,
+                    "first": 8.543,
+                    "second": 20.99,
                   },
                   Object {
-                    "first": 10,
-                    "second": 30.18284254544678,
+                    "first": 11.142999999999999,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.712842545446776,
+                    "first": 11.140999999999998,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "first": 11.450999999999999,
+                    "second": 20.71,
                   },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
+                    "first": 11.446999999999997,
+                    "second": 20.71,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "first": 17.386999999999997,
+                    "second": 20.23,
+                  },
+                  Object {
+                    "first": 17.381999999999998,
+                    "second": 20.23,
+                  },
+                  Object {
+                    "first": 21.191999999999997,
+                    "second": 19.99,
+                  },
+                  Object {
+                    "first": 25.188,
+                    "second": 19.7,
+                  },
+                  Object {
+                    "first": 35.188,
+                    "second": 19.35,
+                  },
+                  Object {
+                    "first": 45.188,
+                    "second": 19.17,
+                  },
+                  Object {
+                    "first": 55.188,
+                    "second": 18.99,
+                  },
+                  Object {
+                    "first": 65.188,
+                    "second": 18.75,
+                  },
+                  Object {
+                    "first": 75.188,
+                    "second": 18.52,
+                  },
+                  Object {
+                    "first": 85.188,
+                    "second": 18.27,
+                  },
+                  Object {
+                    "first": 99.488,
+                    "second": 17.93,
                   },
                 ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                "lat": 47.603566786898504,
+                "lon": -122.33230777867696,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "sidewalk",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTHWEST",
                 "area": false,
-                "bogusName": false,
-                "distance": 30.15,
+                "bogusName": true,
+                "distance": 35.679,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
+                    "first": 0.416,
+                    "second": 17.66,
                   },
                   Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
+                    "first": 10.416,
+                    "second": 16.75,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
+                    "first": 20.416,
+                    "second": 15.91,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                    "first": 30.416,
+                    "second": 15.12,
+                  },
+                  Object {
+                    "first": 32.906,
+                    "second": 14.9,
                   },
                 ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Morrison St",
+                "lat": 47.602787500000005,
+                "lon": -122.3316056,
+                "relativeDirection": "UTURN_RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
               },
             ],
             "to": Object {
-              "arrival": 1573689055000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "arrival": 1651700473000,
+              "lat": 47.602632914527724,
+              "lon": -122.33197990547832,
+              "name": "208 James St, Seattle, WA 98104-2212, United States",
+              "orig": "208 James St, Seattle, WA 98104-2212, United States",
               "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573688698000,
+        "startTime": 1651694250000,
         "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 157.97398507143885,
+        "transfers": 2,
+        "transitTime": 5390,
+        "waitingTime": 273,
+        "walkDistance": 677.2714626770405,
         "walkLimitExceeded": false,
-        "walkTime": 140,
+        "walkTime": 560,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -87139,7 +92899,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   color: #333;
 }
 
-.c64 {
+.c57 {
   color: #f44256;
 }
 
@@ -87178,7 +92938,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   margin: 0 0.125em;
 }
 
-.c59 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -87230,10 +92990,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   width: 0;
 }
 
-.c46 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
@@ -87275,7 +93031,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -87404,91 +93160,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   padding-left: 1ch;
 }
 
-.c62 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c63 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c60 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c50 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c54 {
-  -webkit-align-items: baseline;
-  -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 5px;
-  margin-top: 0.5em;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c54:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c52 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c53 {
+.c47 {
   margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c51 {
-  float: left;
-  font-size: 18px;
-}
-
-.c49 {
-  display: block;
-  margin-top: 3px;
-  padding: 0;
 }
 
 .c48 {
-  color: #d14727;
-  cursor: cursor;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c55 {
-  margin-top: 5px;
-}
-
-.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -87496,30 +93188,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   display: flex;
 }
 
-.c58 {
+.c50 {
   font-size: 14px;
 }
 
-.c57 {
+.c49 {
   padding: 0;
 }
 
-.c47 {
+.c46 {
   margin-top: 5px;
 }
 
-.c47 a {
+.c46 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c47 a:hover {
+.c46 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c47 img {
+.c46 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -87579,7 +93271,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   width: 100%;
 }
 
-.c1 .c61 {
+.c1 .c53 {
   margin-left: -23px;
 }
 
@@ -87619,7 +93311,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #0070c0;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c56 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -87678,7 +93381,921 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c11 c12"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        47.97767, -122.20034
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      12:57 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk 0.3 miles to 
+              <span
+                className="c25"
+              >
+                Everett Station Bay C1
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              6 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTH
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.1 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Smith Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        129 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Paine Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        61 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        67 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        313 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        380 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper transit"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Everett Station Bay C1
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:04 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details transit"
+    >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 2345
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="BUS"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "CommTrans:512",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 81.59 99.992"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M68.848,68.51"
+                      />
+                      <path
+                        d="M12.687,68.51"
+                      />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    512
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Northgate Station
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                Northgate Station
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c46 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://www.communitytransit.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Community Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47 transit-leg-details"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                47 min
+                 / 6 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c26 c40 c41"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Broadway & 34th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        South Everett Fwy Station Bay 3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Ash Way Park & Ride Bay 1
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Lynnwood Transit Center Bay D3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Mountlake Terrace Fwy Station Bay 6
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Northgate Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:51 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details "
+    >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 2191
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  leg={
+                    Object {
+                      "longName": undefined,
+                      "routeId": undefined,
+                      "shortName": undefined,
+                    }
+                  }
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
+                  width="100%"
+                  x="0px"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
+                >
+                  <path
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19 invisible-additional-details"
+            >
+               - 
+            </span>
+            <span>
+              Walk to 
+              <span
+                className="c25"
+              >
+                Northgate Station - Bay 4
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              0 min
+              <span
+                className="c19 invisible-additional-details"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper transit"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c56 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -87687,7 +94304,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -87700,13 +94333,388 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        Northgate Station - Bay 4
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:44 PM
+      1:55 PM
+    </div>
+    <span
+      className="c19 invisible-additional-details"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20 place-details transit"
+    >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 35318
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="BUS"
+                      height="100%"
+                      leg={
+                        Object {
+                          "longName": undefined,
+                          "routeId": "kcm:102574",
+                          "shortName": undefined,
+                        }
+                      }
+                      version="1.0"
+                      viewBox="0 0 81.59 99.992"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M68.848,68.51"
+                      />
+                      <path
+                        d="M12.687,68.51"
+                      />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    40
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Downtown Seattle Ballard
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19 invisible-additional-details"
+              >
+                 - 
+                Disembark at 
+                N 105th St & Aurora Ave N
+              </span>
+            </span>
+            <button
+              className="c26 c27 transit-leg-button"
+              onClick={[Function]}
+            >
+              <span
+                className="c19 invisible-additional-details"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          className="transit-leg-details-wrapper"
+          role="group"
+        >
+          <div
+            className="c46 agency-info"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://metro.kingcounty.gov"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Metro Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47 transit-leg-details"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                11 min
+                 / 8 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19 invisible-additional-details"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <button
+                className="c26 c40 c41"
+                onClick={[Function]}
+                role="link"
+              >
+                Trip Viewer
+              </button>
+            </div>
+            <div
+              aria-hidden={true}
+              className="rah-static rah-static--height-zero "
+              style={
+                Object {
+                  "height": 0,
+                  "overflow": "hidden",
+                }
+              }
+            >
+              <div
+                style={Object {}}
+              >
+                <div
+                  className="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        1st Ave NE & NE 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N 92nd St & Corliss Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        College Way N & N 97th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        College Way N & N 103rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Meridian Ave N & N 105th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N Northgate Way & Meridian Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N Northgate Way & Stone Ave N
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3 place-row-wrapper "
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6 leg-line"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        N 105th St & Aurora Ave N
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      2:06 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -87716,6 +94724,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
     <div
       className="c20 place-details "
     >
+      <div
+        className="c39 transit-leg-subheader"
+      >
+        Stop ID 40032
+        <button
+          className="c26 c40 c41"
+          onClick={[Function]}
+          role="link"
+        >
+          Stop Viewer
+        </button>
+      </div>
       <div
         className="c21"
       >
@@ -87762,11 +94782,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                - 
             </span>
             <span>
-              Walk 269 feet to 
+              Walk 259 feet to 
               <span
                 className="c25"
               >
-                Pioneer Square North MAX Station
+                Aurora Ave N & N 105th St
               </span>
             </span>
             <button
@@ -87855,17 +94875,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                   >
                     <span>
                       Head 
-                      NORTHWEST
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        North 105th Street
                       </span>
                       <span
                         className="c37"
                       >
-                        167 feet
+                        64 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        14 feet
                       </span>
                     </span>
                   </div>
@@ -87893,12 +94946,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                       <span
                         className="c36"
                       >
-                        Pioneer Sq N (path)
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        101 feet
+                        180 feet
                       </span>
                     </span>
                   </div>
@@ -87917,7 +94970,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
       className="c4 c5"
     >
       <div
-        className="c38 leg-line"
+        className="c56 leg-line"
       />
       <span
         className="c7"
@@ -87963,13 +95016,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        Pioneer Square North MAX Station
+        Aurora Ave N & N 105th St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
+      2:07 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -87982,7 +95035,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
       <div
         className="c39 transit-leg-subheader"
       >
-        Stop ID 8383
+        Stop ID 7080
         <button
           className="c26 c40 c41"
           onClick={[Function]}
@@ -88017,48 +95070,47 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     className="c24"
                   >
                     <svg
-                      aria-label="TRAM"
+                      aria-label="BUS"
                       height="100%"
                       leg={
                         Object {
                           "longName": undefined,
-                          "routeId": "TriMet:100",
+                          "routeId": "kcm:102615",
                           "shortName": undefined,
                         }
                       }
                       version="1.0"
-                      viewBox="0 0 66.461 100"
+                      viewBox="0 0 81.59 99.992"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                        d="M68.848,68.51"
                       />
                       <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
                   </span>
                   <span
                     className="c43 c44"
                   >
-                    MAX Blue Line
+                    E Line
                   </span>
                 </span>
                 <span
                   className="c45"
                 >
                   <span>
-                    MAX Blue Line 
-                    <span
-                      className="c46"
-                    >
-                      to
-                    </span>
-                     Hillsboro
+                    Downtown Seattle
                   </span>
                 </span>
               </span>
@@ -88067,7 +95119,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
               >
                  - 
                 Disembark at 
-                Providence Park MAX Station
+                3rd Ave & Cherry St
               </span>
             </span>
             <button
@@ -88088,281 +95140,45 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
           role="group"
         >
           <div
-            className="c47 agency-info"
+            className="c46 agency-info"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
+              href="http://metro.kingcounty.gov"
               rel="noopener noreferrer"
               target="_blank"
             >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
+              Metro Transit
             </a>
           </div>
-          <button
-            className="c26 c48 alert-toggle"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            3 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-              (Expand details)
-            </span>
-          </button>
           <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
             style={
               Object {
-                "height": 0,
-                "overflow": "hidden",
+                "height": "auto",
+                "overflow": "visible",
               }
             }
           >
             <div
               style={Object {}}
-            >
-              <ul
-                className="c49 alert-body"
-              >
-                <li
-                  className="c50"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of December 15, 2019
-                    <a
-                      className="c54"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-                <li
-                  className="c50"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 6, 2019
-                    <a
-                      className="c54"
-                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-                <li
-                  className="c50"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 3, 2019
-                    <a
-                      className="c54"
-                      href="http://trimet.org/alerts/"
-                      target="_blank"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        className="c8"
-                        fill="currentColor"
-                        focusable="false"
-                        height={10}
-                        viewBox="0 0 512 512"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                      See alert on TriMet website
-                      <span
-                        className="c19 invisible-additional-details"
-                      >
-                         
-                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
-                      </span>
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </div>
+            />
           </div>
           <div
-            className="c55 transit-leg-details"
+            className="c47 transit-leg-details"
           >
             <div
-              className="c56"
+              className="c48"
             >
               <button
-                className="c26 c57"
+                className="c26 c49"
                 onClick={[Function]}
               >
                 Ride 
-                3 min
-                 / 2 stops
+                31 min
+                 / 17 stops
                 <span
                   className="c31"
                 >
@@ -88410,33 +95226,239 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                 style={Object {}}
               >
                 <div
-                  className="c58"
+                  className="c50"
                 >
                   <ol
-                    className="c59"
+                    className="c51"
                   >
                     <li
-                      className="c60"
+                      className="c52"
                     >
                       <div
-                        className="c61 c62"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c63"
+                        className="c55"
                       >
-                        Galleria/SW 10th Ave MAX Station
+                        Aurora Ave N & N 100th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 90th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 85th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 80th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 76th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 65th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 46th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Lynn St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Galer St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        7th Ave N & Thomas St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Wall St & 5th Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Bell St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Virginia St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Pike St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Seneca St
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
-            <span>
-              Typical wait: 
-              15 min
-            </span>
           </div>
         </div>
       </div>
@@ -88495,13 +95517,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        Providence Park MAX Station
+        3rd Ave & Cherry St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:49 PM
+      2:39 PM
     </div>
     <span
       className="c19 invisible-additional-details"
@@ -88514,7 +95536,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
       <div
         className="c39 transit-leg-subheader"
       >
-        Stop ID 9757
+        Stop ID 490
         <button
           className="c26 c40 c41"
           onClick={[Function]}
@@ -88569,11 +95591,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                - 
             </span>
             <span>
-              Walk 249 feet to 
+              Walk 443 feet to 
               <span
                 className="c25"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                208 James St, Seattle, WA 98104-2212, United States
               </span>
             </span>
             <button
@@ -88662,83 +95684,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                   >
                     <span>
                       Head 
-                      WEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Providence Park (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        104 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
+                      SOUTHEAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        27 feet
+                        326 feet
                       </span>
                     </span>
                   </div>
@@ -88753,7 +95709,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
                       />
                     </svg>
                   </div>
@@ -88761,17 +95717,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      UTURN_RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        SW Morrison St
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        99 feet
+                        117 feet
                       </span>
                     </span>
                   </div>
@@ -88810,7 +95766,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c64 c12"
+          className="c8 c57 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -88832,19 +95788,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        1737 SW Morrison St, Portland, OR, USA 97205
+        208 James St, Seattle, WA 98104-2212, United States
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      2:41 PM
     </div>
     <span
       className="c19 invisible-additional-details"
     >
       Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
+      208 James St, Seattle, WA 98104-2212, United States
     </span>
     <div
       className="c20 place-details "
@@ -88853,7 +95809,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -88865,7 +95821,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={true}
+    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 6223,
@@ -90773,7 +97729,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -90916,7 +97872,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -93694,7 +100650,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -93706,7 +100662,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 6223,
@@ -95614,7 +102569,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -95757,7 +102712,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
 
 .c28 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c3 {
@@ -98535,7 +105490,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 1`] = `
+exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -98546,1213 +105501,1816 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   onError={[Function]}
   textComponent={Symbol(react.fragment)}
 >
-  <OtpRRItineraryBodyWrapper
+  <ItineraryBodyDefaultsWrapper
     itinerary={
       Object {
-        "duration": 6223,
-        "elevationGained": 0.930000000000005,
-        "elevationLost": 11.050000000000002,
-        "endTime": 1651700473000,
+        "duration": 2392,
+        "elevationGained": 89.18000000000004,
+        "elevationLost": 34.78000000000004,
+        "endTime": 1573691399000,
         "fare": Object {
-          "details": Object {
-            "electronicRegular": Array [
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 250,
+              "currency": Object {
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 3913.6230000000005,
+            "duration": 606,
+            "endTime": 1573689613000,
+            "from": Object {
+              "departure": 1573689007000,
+              "lat": 45.516960039867676,
+              "lon": -122.81684703934856,
+              "name": "330 SW Murray Blvd, Washington County, OR, USA 97005",
+              "orig": "330 SW Murray Blvd, Washington County, OR, USA 97005",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 150,
+              "points": "k\`ytG\`urlVJTAAAPK\`@Eh@UGSI_A_@KW??UMuC}AY?qAq@EAOIk@Sk@So@Q?AWEe@GSAWCa@_@g@IWAq@AWGKGCCIKKOESEWAU?OB[Dg@BMJa@zBoJrAaGhAcFh@cDlWc_A|AmE|AwEjAuC~D_JJ[OKw@k@wB{A{B}Au@i@_@WaAs@eAq@AAUOHk@\`@cCFYF[@IFWBIFSFWJYHUL[Xs@JWFKR]FKPYX_@h@m@XUNMJIDCVQh@Y@ARMTMXQRMBAPMRQLORUX_@Ra@Ta@Pc@L]L_@@IDOHa@Fa@BOFe@Dc@Be@@i@@cB@aA@o@V?V@JBJBHDHHVVHJFDFFHDNDH@F?J?HAHAJEHEFEFGFGFIXo@Vq@Vm@Ne@Ni@BMBKDOKMSWRu@",
+            },
+            "mode": "CAR",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689007000,
+            "steps": Array [
               Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                "absoluteDirection": "SOUTHWEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 48.239999999999995,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 66.15284254544679,
+                  },
+                  Object {
+                    "first": 9.31,
+                    "second": 66.07284254544678,
+                  },
+                  Object {
+                    "first": 9.305,
+                    "second": 66.09284254544679,
+                  },
+                  Object {
+                    "first": 16.195,
+                    "second": 66.31284254544678,
+                  },
+                  Object {
+                    "first": 16.197,
+                    "second": 66.31284254544678,
+                  },
+                  Object {
+                    "first": 26.197,
+                    "second": 66.93284254544677,
+                  },
+                  Object {
+                    "first": 36.197,
+                    "second": 67.53284254544678,
+                  },
+                  Object {
+                    "first": 48.236999999999995,
+                    "second": 67.90284254544679,
+                  },
+                ],
+                "lat": 45.51702581777306,
+                "lon": -122.81696535340403,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "parking aisle",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 347.583,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 67.90284254544679,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 68.13284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 68.38284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 68.60284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 68.88284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 69.10284254544678,
+                  },
+                  Object {
+                    "first": 62.14,
+                    "second": 69.36284254544678,
+                  },
+                  Object {
+                    "first": 193.014,
+                    "second": 70.71284254544678,
+                  },
+                  Object {
+                    "first": 203.014,
+                    "second": 71.01284254544677,
+                  },
+                  Object {
+                    "first": 213.014,
+                    "second": 71.35284254544678,
+                  },
+                  Object {
+                    "first": 223.014,
+                    "second": 71.73284254544677,
+                  },
+                  Object {
+                    "first": 233.014,
+                    "second": 72.15284254544679,
+                  },
+                  Object {
+                    "first": 246.03400000000002,
+                    "second": 72.76284254544677,
+                  },
+                ],
+                "lat": 45.5170776,
+                "lon": -122.8175366,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW Murray Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 45.738,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 75.15284254544679,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 75.19284254544678,
+                  },
+                  Object {
+                    "first": 21.64,
+                    "second": 75.27284254544678,
+                  },
+                  Object {
+                    "first": 21.642,
+                    "second": 75.27284254544678,
+                  },
+                  Object {
+                    "first": 31.642,
+                    "second": 75.34284254544679,
+                  },
+                  Object {
+                    "first": 45.742000000000004,
+                    "second": 75.46284254544678,
+                  },
+                ],
+                "lat": 45.519972,
+                "lon": -122.815981,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Murray Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 643.86,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 75.46284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 75.69284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 75.88284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 76.04284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 76.07284254544678,
+                  },
+                  Object {
+                    "first": 46.2,
+                    "second": 76.04284254544677,
+                  },
+                  Object {
+                    "first": 46.198,
+                    "second": 76.04284254544677,
+                  },
+                  Object {
+                    "first": 56.198,
+                    "second": 75.99284254544678,
+                  },
+                  Object {
+                    "first": 66.19800000000001,
+                    "second": 76.21284254544678,
+                  },
+                  Object {
+                    "first": 76.19800000000001,
+                    "second": 76.42284254544677,
+                  },
+                  Object {
+                    "first": 86.19800000000001,
+                    "second": 76.74284254544678,
+                  },
+                  Object {
+                    "first": 96.19800000000001,
+                    "second": 77.19284254544678,
+                  },
+                  Object {
+                    "first": 106.19800000000001,
+                    "second": 77.24284254544678,
+                  },
+                  Object {
+                    "first": 116.19800000000001,
+                    "second": 77.49284254544678,
+                  },
+                  Object {
+                    "first": 126.19800000000001,
+                    "second": 77.21284254544678,
+                  },
+                  Object {
+                    "first": 136.198,
+                    "second": 77.24284254544678,
+                  },
+                  Object {
+                    "first": 146.198,
+                    "second": 76.97284254544678,
+                  },
+                  Object {
+                    "first": 156.198,
+                    "second": 76.93284254544677,
+                  },
+                  Object {
+                    "first": 166.198,
+                    "second": 77.30284254544678,
+                  },
+                  Object {
+                    "first": 176.198,
+                    "second": 77.66284254544678,
+                  },
+                  Object {
+                    "first": 187.05800000000002,
+                    "second": 77.63284254544678,
+                  },
+                  Object {
+                    "first": 187.061,
+                    "second": 77.63284254544678,
+                  },
+                  Object {
+                    "first": 197.061,
+                    "second": 77.42284254544677,
+                  },
+                  Object {
+                    "first": 207.061,
+                    "second": 77.04284254544677,
+                  },
+                  Object {
+                    "first": 217.061,
+                    "second": 76.88284254544678,
+                  },
+                  Object {
+                    "first": 227.061,
+                    "second": 76.54284254544677,
+                  },
+                  Object {
+                    "first": 237.061,
+                    "second": 76.28284254544678,
+                  },
+                  Object {
+                    "first": 247.061,
+                    "second": 76.01284254544677,
+                  },
+                  Object {
+                    "first": 257.06100000000004,
+                    "second": 75.60284254544678,
+                  },
+                  Object {
+                    "first": 267.06100000000004,
+                    "second": 75.32284254544678,
+                  },
+                  Object {
+                    "first": 277.06100000000004,
+                    "second": 74.90284254544679,
+                  },
+                  Object {
+                    "first": 287.06100000000004,
+                    "second": 74.51284254544677,
+                  },
+                  Object {
+                    "first": 297.06100000000004,
+                    "second": 74.23284254544677,
+                  },
+                  Object {
+                    "first": 307.06100000000004,
+                    "second": 73.79284254544677,
+                  },
+                  Object {
+                    "first": 317.06100000000004,
+                    "second": 73.50284254544678,
+                  },
+                  Object {
+                    "first": 327.06100000000004,
+                    "second": 73.06284254544678,
+                  },
+                  Object {
+                    "first": 337.06100000000004,
+                    "second": 72.74284254544678,
+                  },
+                  Object {
+                    "first": 347.06100000000004,
+                    "second": 72.51284254544677,
+                  },
+                  Object {
+                    "first": 357.06100000000004,
+                    "second": 71.87284254544679,
+                  },
+                  Object {
+                    "first": 367.06100000000004,
+                    "second": 71.74284254544678,
+                  },
+                  Object {
+                    "first": 377.06100000000004,
+                    "second": 71.09284254544679,
+                  },
+                  Object {
+                    "first": 387.06100000000004,
+                    "second": 69.44284254544678,
+                  },
+                  Object {
+                    "first": 397.06100000000004,
+                    "second": 65.96284254544678,
+                  },
+                  Object {
+                    "first": 407.06100000000004,
+                    "second": 64.89284254544677,
+                  },
+                  Object {
+                    "first": 417.06100000000004,
+                    "second": 64.63284254544678,
+                  },
+                  Object {
+                    "first": 427.06100000000004,
+                    "second": 64.55284254544678,
+                  },
+                  Object {
+                    "first": 437.06100000000004,
+                    "second": 64.35284254544678,
+                  },
+                  Object {
+                    "first": 447.06100000000004,
+                    "second": 63.962842545446776,
+                  },
+                  Object {
+                    "first": 457.06100000000004,
+                    "second": 63.70284254544678,
+                  },
+                  Object {
+                    "first": 467.06100000000004,
+                    "second": 64.40284254544679,
+                  },
+                  Object {
+                    "first": 477.06100000000004,
+                    "second": 64.86284254544678,
+                  },
+                  Object {
+                    "first": 487.06100000000004,
+                    "second": 64.53284254544678,
+                  },
+                  Object {
+                    "first": 497.06100000000004,
+                    "second": 64.96284254544678,
+                  },
+                  Object {
+                    "first": 507.06100000000004,
+                    "second": 64.74284254544678,
+                  },
+                  Object {
+                    "first": 517.061,
+                    "second": 64.07284254544678,
+                  },
+                  Object {
+                    "first": 527.061,
+                    "second": 64.36284254544678,
+                  },
+                  Object {
+                    "first": 537.061,
+                    "second": 64.99284254544678,
+                  },
+                  Object {
+                    "first": 547.061,
+                    "second": 67.31284254544678,
+                  },
+                  Object {
+                    "first": 557.061,
+                    "second": 67.44284254544678,
+                  },
+                  Object {
+                    "first": 567.061,
+                    "second": 67.59284254544679,
+                  },
+                  Object {
+                    "first": 577.061,
+                    "second": 67.19284254544678,
+                  },
+                  Object {
+                    "first": 587.061,
+                    "second": 67.36284254544678,
+                  },
+                  Object {
+                    "first": 597.061,
+                    "second": 67.33284254544678,
+                  },
+                  Object {
+                    "first": 607.061,
+                    "second": 67.27284254544678,
+                  },
+                  Object {
+                    "first": 617.061,
+                    "second": 67.31284254544678,
+                  },
+                  Object {
+                    "first": 627.061,
+                    "second": 67.23284254544677,
+                  },
+                  Object {
+                    "first": 637.061,
+                    "second": 67.17284254544677,
+                  },
+                  Object {
+                    "first": 643.861,
+                    "second": 67.12284254544679,
+                  },
+                ],
+                "lat": 45.5203809,
+                "lon": -122.8159174,
+                "relativeDirection": "SLIGHTLY_RIGHT",
+                "stayOn": false,
+                "streetName": "NW Murray Blvd",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 909.919,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 67.12284254544679,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 67.04284254544677,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 66.96284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 66.89284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 66.82284254544678,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 66.79284254544677,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 66.73284254544677,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 66.72284254544678,
+                  },
+                  Object {
+                    "first": 80,
+                    "second": 66.65284254544679,
+                  },
+                  Object {
+                    "first": 90,
+                    "second": 66.66284254544678,
+                  },
+                  Object {
+                    "first": 100,
+                    "second": 66.61284254544678,
+                  },
+                  Object {
+                    "first": 110,
+                    "second": 66.63284254544678,
+                  },
+                  Object {
+                    "first": 120,
+                    "second": 66.46284254544678,
+                  },
+                  Object {
+                    "first": 130,
+                    "second": 66.53284254544678,
+                  },
+                  Object {
+                    "first": 140,
+                    "second": 66.55284254544678,
+                  },
+                  Object {
+                    "first": 150,
+                    "second": 66.58284254544678,
+                  },
+                  Object {
+                    "first": 160,
+                    "second": 66.63284254544678,
+                  },
+                  Object {
+                    "first": 170,
+                    "second": 66.63284254544678,
+                  },
+                  Object {
+                    "first": 180,
+                    "second": 66.68284254544677,
+                  },
+                  Object {
+                    "first": 190,
+                    "second": 66.67284254544677,
+                  },
+                  Object {
+                    "first": 200,
+                    "second": 66.74284254544678,
+                  },
+                  Object {
+                    "first": 210,
+                    "second": 66.76284254544677,
+                  },
+                  Object {
+                    "first": 220,
+                    "second": 66.80284254544678,
+                  },
+                  Object {
+                    "first": 230,
+                    "second": 66.83284254544678,
+                  },
+                  Object {
+                    "first": 240,
+                    "second": 66.90284254544679,
+                  },
+                  Object {
+                    "first": 250,
+                    "second": 66.92284254544677,
+                  },
+                  Object {
+                    "first": 260,
+                    "second": 66.96284254544678,
+                  },
+                  Object {
+                    "first": 270,
+                    "second": 67.04284254544677,
+                  },
+                  Object {
+                    "first": 280,
+                    "second": 67.05284254544678,
+                  },
+                  Object {
+                    "first": 290,
+                    "second": 67.09284254544679,
+                  },
+                  Object {
+                    "first": 300,
+                    "second": 67.13284254544678,
+                  },
+                  Object {
+                    "first": 310,
+                    "second": 67.19284254544678,
+                  },
+                  Object {
+                    "first": 320,
+                    "second": 67.22284254544678,
+                  },
+                  Object {
+                    "first": 330,
+                    "second": 67.28284254544678,
+                  },
+                  Object {
+                    "first": 340,
+                    "second": 67.29284254544677,
+                  },
+                  Object {
+                    "first": 350,
+                    "second": 67.35284254544678,
+                  },
+                  Object {
+                    "first": 360,
+                    "second": 67.35284254544678,
+                  },
+                  Object {
+                    "first": 370,
+                    "second": 67.43284254544677,
+                  },
+                  Object {
+                    "first": 380,
+                    "second": 67.39284254544677,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 390,
+                    "second": 67.49284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 400,
+                    "second": 67.47284254544678,
                   },
-                },
-              },
-            ],
-            "electronicSenior": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 100,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 410,
+                    "second": 67.52284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 420,
+                    "second": 67.07284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 430,
+                    "second": 67.22284254544678,
                   },
-                },
-              },
-            ],
-            "electronicSpecial": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 440,
+                    "second": 67.31284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 450,
+                    "second": 67.00284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 460,
+                    "second": 67.56284254544678,
                   },
-                },
-              },
-            ],
-            "electronicYouth": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 470,
+                    "second": 66.92284254544677,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 480,
+                    "second": 67.60284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 490,
+                    "second": 66.91284254544678,
                   },
-                },
-              },
-            ],
-            "regular": Array [
-              Object {
-                "isTransfer": false,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 500,
+                    "second": 67.68284254544677,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 225,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 510,
+                    "second": 66.90284254544679,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 520,
+                    "second": 67.69284254544678,
                   },
-                },
-              },
-            ],
-            "senior": Array [
-              Object {
-                "isTransfer": false,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 100,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 530,
+                    "second": 67.19284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 100,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 540,
+                    "second": 67.78284254544678,
                   },
-                },
-              },
-              Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 550,
+                    "second": 67.59284254544679,
                   },
-                },
-              },
-            ],
-            "youth": Array [
-              Object {
-                "isTransfer": false,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                  Object {
+                    "first": 560,
+                    "second": 68.15284254544679,
                   },
-                },
+                  Object {
+                    "first": 570,
+                    "second": 68.27284254544678,
+                  },
+                  Object {
+                    "first": 580,
+                    "second": 68.09284254544679,
+                  },
+                  Object {
+                    "first": 590,
+                    "second": 68.89284254544677,
+                  },
+                  Object {
+                    "first": 600,
+                    "second": 68.67284254544677,
+                  },
+                  Object {
+                    "first": 610,
+                    "second": 69.65284254544679,
+                  },
+                  Object {
+                    "first": 620,
+                    "second": 69.03284254544678,
+                  },
+                  Object {
+                    "first": 630,
+                    "second": 70.04284254544677,
+                  },
+                  Object {
+                    "first": 640,
+                    "second": 69.74284254544678,
+                  },
+                  Object {
+                    "first": 650,
+                    "second": 70.59284254544679,
+                  },
+                  Object {
+                    "first": 660,
+                    "second": 70.57284254544678,
+                  },
+                  Object {
+                    "first": 670,
+                    "second": 71.11284254544678,
+                  },
+                  Object {
+                    "first": 680,
+                    "second": 71.29284254544677,
+                  },
+                  Object {
+                    "first": 690,
+                    "second": 71.82284254544678,
+                  },
+                  Object {
+                    "first": 700,
+                    "second": 72.23284254544677,
+                  },
+                  Object {
+                    "first": 710,
+                    "second": 72.61284254544678,
+                  },
+                  Object {
+                    "first": 720,
+                    "second": 72.94284254544678,
+                  },
+                  Object {
+                    "first": 730,
+                    "second": 73.33284254544678,
+                  },
+                  Object {
+                    "first": 740,
+                    "second": 73.71284254544678,
+                  },
+                  Object {
+                    "first": 750,
+                    "second": 74.14284254544677,
+                  },
+                  Object {
+                    "first": 760,
+                    "second": 74.52284254544678,
+                  },
+                  Object {
+                    "first": 770,
+                    "second": 74.95284254544677,
+                  },
+                  Object {
+                    "first": 780,
+                    "second": 75.38284254544678,
+                  },
+                  Object {
+                    "first": 790,
+                    "second": 75.82284254544678,
+                  },
+                  Object {
+                    "first": 800,
+                    "second": 76.30284254544678,
+                  },
+                  Object {
+                    "first": 810,
+                    "second": 76.66284254544678,
+                  },
+                  Object {
+                    "first": 820,
+                    "second": 77.28284254544678,
+                  },
+                  Object {
+                    "first": 830,
+                    "second": 77.70284254544677,
+                  },
+                  Object {
+                    "first": 840,
+                    "second": 78.31284254544678,
+                  },
+                  Object {
+                    "first": 850,
+                    "second": 78.80284254544678,
+                  },
+                  Object {
+                    "first": 860,
+                    "second": 79.36284254544678,
+                  },
+                  Object {
+                    "first": 870,
+                    "second": 79.84284254544679,
+                  },
+                  Object {
+                    "first": 880,
+                    "second": 80.40284254544679,
+                  },
+                  Object {
+                    "first": 890,
+                    "second": 80.77284254544678,
+                  },
+                  Object {
+                    "first": 900,
+                    "second": 81.51284254544677,
+                  },
+                  Object {
+                    "first": 909.92,
+                    "second": 81.78284254544678,
+                  },
+                ],
+                "lat": 45.5197514,
+                "lon": -122.809364,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "isTransfer": true,
-                "legIndex": 3,
-                "price": Object {
-                  "cents": 150,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 453.761,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 81.78284254544678,
                   },
-                },
+                  Object {
+                    "first": 10,
+                    "second": 82.56284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 82.73284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 83.71284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 83.76284254544677,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 84.83284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 85.02284254544678,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 86.01284254544677,
+                  },
+                  Object {
+                    "first": 80,
+                    "second": 86.15284254544677,
+                  },
+                  Object {
+                    "first": 90,
+                    "second": 86.62284254544677,
+                  },
+                  Object {
+                    "first": 100,
+                    "second": 87.07284254544678,
+                  },
+                  Object {
+                    "first": 110,
+                    "second": 87.44284254544678,
+                  },
+                  Object {
+                    "first": 120,
+                    "second": 88.03284254544678,
+                  },
+                  Object {
+                    "first": 130,
+                    "second": 88.36284254544678,
+                  },
+                  Object {
+                    "first": 140,
+                    "second": 89.00284254544678,
+                  },
+                  Object {
+                    "first": 150,
+                    "second": 89.48284254544677,
+                  },
+                  Object {
+                    "first": 160,
+                    "second": 90.19284254544678,
+                  },
+                  Object {
+                    "first": 170,
+                    "second": 90.63284254544678,
+                  },
+                  Object {
+                    "first": 180,
+                    "second": 90.98284254544677,
+                  },
+                  Object {
+                    "first": 190,
+                    "second": 91.16284254544678,
+                  },
+                  Object {
+                    "first": 200,
+                    "second": 91.57284254544678,
+                  },
+                  Object {
+                    "first": 210,
+                    "second": 91.55284254544678,
+                  },
+                  Object {
+                    "first": 220,
+                    "second": 92.11284254544678,
+                  },
+                  Object {
+                    "first": 230,
+                    "second": 91.98284254544677,
+                  },
+                  Object {
+                    "first": 240,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 250,
+                    "second": 92.36284254544678,
+                  },
+                  Object {
+                    "first": 260,
+                    "second": 92.42284254544678,
+                  },
+                  Object {
+                    "first": 270,
+                    "second": 92.67284254544678,
+                  },
+                  Object {
+                    "first": 280,
+                    "second": 92.28284254544678,
+                  },
+                  Object {
+                    "first": 290,
+                    "second": 92.92284254544678,
+                  },
+                  Object {
+                    "first": 300,
+                    "second": 92.57284254544678,
+                  },
+                  Object {
+                    "first": 310,
+                    "second": 92.89284254544678,
+                  },
+                  Object {
+                    "first": 320,
+                    "second": 92.95284254544679,
+                  },
+                  Object {
+                    "first": 330,
+                    "second": 92.77284254544678,
+                  },
+                  Object {
+                    "first": 340,
+                    "second": 93.03284254544678,
+                  },
+                  Object {
+                    "first": 350,
+                    "second": 92.80284254544678,
+                  },
+                  Object {
+                    "first": 360,
+                    "second": 92.91284254544678,
+                  },
+                  Object {
+                    "first": 370,
+                    "second": 93.01284254544677,
+                  },
+                  Object {
+                    "first": 380,
+                    "second": 92.59284254544677,
+                  },
+                  Object {
+                    "first": 390,
+                    "second": 93.09284254544677,
+                  },
+                  Object {
+                    "first": 400,
+                    "second": 92.67284254544678,
+                  },
+                  Object {
+                    "first": 410,
+                    "second": 92.97284254544678,
+                  },
+                  Object {
+                    "first": 420,
+                    "second": 92.73284254544677,
+                  },
+                  Object {
+                    "first": 430,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 440,
+                    "second": 92.35284254544678,
+                  },
+                  Object {
+                    "first": 453.76,
+                    "second": 92.35284254544678,
+                  },
+                ],
+                "exit": "68",
+                "lat": 45.5158447,
+                "lon": -122.7991022,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "isTransfer": true,
-                "legIndex": 5,
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 354.957,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 92.35284254544678,
                   },
-                },
-              },
-            ],
-          },
-          "fare": Object {
-            "electronicRegular": Object {
-              "cents": 325,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicSenior": Object {
-              "cents": 100,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicSpecial": Object {
-              "cents": 150,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicYouth": Object {
-              "cents": 150,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "regular": Object {
-              "cents": 550,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "senior": Object {
-              "cents": 200,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "youth": Object {
-              "cents": 300,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
+                  Object {
+                    "first": 10,
+                    "second": 92.45284254544679,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 92.59284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 92.68284254544677,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 92.76284254544677,
+                  },
+                  Object {
+                    "first": 46.41,
+                    "second": 92.88284254544678,
+                  },
+                  Object {
+                    "first": 46.405,
+                    "second": 92.88284254544678,
+                  },
+                  Object {
+                    "first": 56.405,
+                    "second": 93.26284254544677,
+                  },
+                  Object {
+                    "first": 66.405,
+                    "second": 93.94284254544678,
+                  },
+                  Object {
+                    "first": 76.405,
+                    "second": 93.84284254544677,
+                  },
+                  Object {
+                    "first": 86.405,
+                    "second": 93.92284254544678,
+                  },
+                  Object {
+                    "first": 96.405,
+                    "second": 93.87284254544677,
+                  },
+                  Object {
+                    "first": 106.405,
+                    "second": 93.63284254544678,
+                  },
+                  Object {
+                    "first": 116.405,
+                    "second": 94.07284254544678,
+                  },
+                  Object {
+                    "first": 122.105,
+                    "second": 94.33284254544678,
+                  },
+                  Object {
+                    "first": 122.109,
+                    "second": 94.33284254544678,
+                  },
+                  Object {
+                    "first": 132.10899999999998,
+                    "second": 94.61284254544678,
+                  },
+                  Object {
+                    "first": 142.10899999999998,
+                    "second": 94.83284254544678,
+                  },
+                  Object {
+                    "first": 152.10899999999998,
+                    "second": 94.85284254544678,
+                  },
+                  Object {
+                    "first": 162.10899999999998,
+                    "second": 94.77284254544678,
+                  },
+                  Object {
+                    "first": 172.10899999999998,
+                    "second": 94.72284254544678,
+                  },
+                  Object {
+                    "first": 182.10899999999998,
+                    "second": 94.75284254544678,
+                  },
+                  Object {
+                    "first": 192.10899999999998,
+                    "second": 95.16284254544678,
+                  },
+                  Object {
+                    "first": 199.379,
+                    "second": 95.40284254544677,
+                  },
+                  Object {
+                    "first": 199.375,
+                    "second": 95.40284254544677,
+                  },
+                  Object {
+                    "first": 209.375,
+                    "second": 95.77284254544678,
+                  },
+                  Object {
+                    "first": 219.375,
+                    "second": 95.91284254544678,
+                  },
+                  Object {
+                    "first": 233.555,
+                    "second": 95.97284254544678,
+                  },
+                  Object {
+                    "first": 233.559,
+                    "second": 95.97284254544678,
+                  },
+                  Object {
+                    "first": 243.559,
+                    "second": 95.93284254544677,
+                  },
+                  Object {
+                    "first": 254.399,
+                    "second": 95.94284254544678,
+                  },
+                  Object {
+                    "first": 254.401,
+                    "second": 95.94284254544678,
+                  },
+                  Object {
+                    "first": 264.401,
+                    "second": 95.86284254544678,
+                  },
+                  Object {
+                    "first": 274.401,
+                    "second": 95.67284254544678,
+                  },
+                  Object {
+                    "first": 284.401,
+                    "second": 95.54284254544677,
+                  },
+                  Object {
+                    "first": 296.041,
+                    "second": 95.32284254544678,
+                  },
+                  Object {
+                    "first": 296.041,
+                    "second": 95.32284254544678,
+                  },
+                  Object {
+                    "first": 306.041,
+                    "second": 95.12284254544677,
+                  },
+                  Object {
+                    "first": 316.041,
+                    "second": 94.91284254544678,
+                  },
+                  Object {
+                    "first": 326.041,
+                    "second": 94.76284254544677,
+                  },
+                  Object {
+                    "first": 339.131,
+                    "second": 94.53284254544678,
+                  },
+                  Object {
+                    "first": 339.131,
+                    "second": 94.53284254544678,
+                  },
+                  Object {
+                    "first": 349.131,
+                    "second": 94.33284254544678,
+                  },
+                  Object {
+                    "first": 354.96099999999996,
+                    "second": 94.27284254544678,
+                  },
+                ],
+                "lat": 45.5135001,
+                "lon": -122.7943431,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Cedar Hills Blvd",
               },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 462.78599999999994,
-            "duration": 389,
-            "endTime": 1651694639000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "departure": 1651694250000,
-              "lat": 47.97766686876693,
-              "lon": -122.20034419816042,
-              "name": "47.97767, -122.20034",
-              "orig": "47.97767, -122.20034",
-              "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 27,
-              "points": "srycH\`hzhVd@?HEBGBKL]?Yp@C?e@AwCGc@bA]^KCSCa@vBq@l@OCSf@QHAbA[CQB?PGFCHCPG",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1651694250000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "EAST",
                 "area": false,
-                "bogusName": true,
-                "distance": 173.423,
+                "bogusName": false,
+                "distance": 774.5189999999999,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 19.72,
+                    "first": 0,
+                    "second": 94.27284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 94.21284254544678,
+                  },
+                  Object {
+                    "first": 18.26,
+                    "second": 94.17284254544678,
+                  },
+                  Object {
+                    "first": 18.257,
+                    "second": 94.17284254544678,
+                  },
+                  Object {
+                    "first": 28.257,
+                    "second": 94.05284254544678,
+                  },
+                  Object {
+                    "first": 38.257000000000005,
+                    "second": 94.03284254544678,
+                  },
+                  Object {
+                    "first": 48.257000000000005,
+                    "second": 93.95284254544679,
+                  },
+                  Object {
+                    "first": 58.257000000000005,
+                    "second": 93.84284254544677,
+                  },
+                  Object {
+                    "first": 73.247,
+                    "second": 93.71284254544678,
+                  },
+                  Object {
+                    "first": 73.247,
+                    "second": 93.71284254544678,
+                  },
+                  Object {
+                    "first": 83.247,
+                    "second": 93.60284254544678,
+                  },
+                  Object {
+                    "first": 93.247,
+                    "second": 93.52284254544678,
+                  },
+                  Object {
+                    "first": 100.17699999999999,
+                    "second": 93.47284254544678,
+                  },
+                  Object {
+                    "first": 100.176,
+                    "second": 93.47284254544678,
+                  },
+                  Object {
+                    "first": 114.416,
+                    "second": 93.33284254544678,
+                  },
+                  Object {
+                    "first": 114.412,
+                    "second": 93.33284254544678,
+                  },
+                  Object {
+                    "first": 124.412,
+                    "second": 93.21284254544678,
+                  },
+                  Object {
+                    "first": 134.412,
+                    "second": 93.09284254544677,
+                  },
+                  Object {
+                    "first": 144.412,
+                    "second": 93.00284254544678,
+                  },
+                  Object {
+                    "first": 154.412,
+                    "second": 92.89284254544678,
+                  },
+                  Object {
+                    "first": 164.412,
+                    "second": 92.76284254544677,
+                  },
+                  Object {
+                    "first": 174.412,
+                    "second": 92.61284254544678,
+                  },
+                  Object {
+                    "first": 184.412,
+                    "second": 92.50284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 19.74,
+                    "first": 194.782,
+                    "second": 92.48284254544677,
                   },
                   Object {
-                    "first": 20,
-                    "second": 19.78,
+                    "first": 235.01,
+                    "second": 92.02284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 19.66,
+                    "first": 248.91,
+                    "second": 91.91284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 19.34,
+                    "first": 248.914,
+                    "second": 91.91284254544678,
                   },
                   Object {
-                    "first": 50.07,
-                    "second": 19.05,
+                    "first": 258.914,
+                    "second": 91.81284254544678,
                   },
                   Object {
-                    "first": 50.093,
-                    "second": 19.05,
+                    "first": 268.914,
+                    "second": 91.74284254544678,
                   },
                   Object {
-                    "first": 59.583000000000006,
-                    "second": 18.69,
+                    "first": 278.914,
+                    "second": 91.62284254544677,
                   },
                   Object {
-                    "first": 87.879,
-                    "second": 18.69,
+                    "first": 288.914,
+                    "second": 91.54284254544677,
                   },
                   Object {
-                    "first": 97.879,
-                    "second": 18.69,
+                    "first": 298.094,
+                    "second": 91.45284254544679,
                   },
                   Object {
-                    "first": 107.879,
-                    "second": 18.7,
+                    "first": 298.09,
+                    "second": 91.45284254544679,
                   },
                   Object {
-                    "first": 116.179,
-                    "second": 18.71,
+                    "first": 308.09,
+                    "second": 91.35284254544678,
                   },
                   Object {
-                    "first": 102.55600000000001,
-                    "second": 18.2,
+                    "first": 318.09,
+                    "second": 91.25284254544678,
                   },
                   Object {
-                    "first": 112.55600000000001,
-                    "second": 17.89,
+                    "first": 325.19,
+                    "second": 91.16284254544678,
                   },
                   Object {
-                    "first": 122.55600000000001,
-                    "second": 17.59,
+                    "first": 325.18899999999996,
+                    "second": 91.16284254544678,
                   },
                   Object {
-                    "first": 132.556,
-                    "second": 17.29,
+                    "first": 335.18899999999996,
+                    "second": 91.05284254544678,
                   },
                   Object {
-                    "first": 142.556,
-                    "second": 17,
+                    "first": 345.18899999999996,
+                    "second": 90.96284254544678,
                   },
                   Object {
-                    "first": 152.556,
-                    "second": 16.73,
+                    "first": 355.18899999999996,
+                    "second": 90.85284254544678,
                   },
                   Object {
-                    "first": 159.166,
-                    "second": 16.53,
+                    "first": 365.18899999999996,
+                    "second": 90.72284254544678,
                   },
                   Object {
-                    "first": 159.166,
-                    "second": 16.53,
+                    "first": 375.18899999999996,
+                    "second": 90.58284254544678,
                   },
                   Object {
-                    "first": 173.426,
-                    "second": 16.12,
+                    "first": 385.18899999999996,
+                    "second": 90.47284254544678,
                   },
-                ],
-                "lat": 47.9775488,
-                "lon": -122.20049,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "service road",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 39.188,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 16.12,
+                    "first": 390.679,
+                    "second": 90.41284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 16.11,
+                    "first": 435.15199999999993,
+                    "second": 89.99284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 16.11,
+                    "first": 445.15199999999993,
+                    "second": 89.95284254544679,
                   },
                   Object {
-                    "first": 30,
-                    "second": 16.09,
+                    "first": 455.15199999999993,
+                    "second": 89.98284254544677,
                   },
                   Object {
-                    "first": 39.19,
-                    "second": 16.08,
+                    "first": 465.15199999999993,
+                    "second": 90.02284254544678,
                   },
-                ],
-                "lat": 47.976997100000006,
-                "lon": -122.1989226,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Smith Avenue",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 18.465,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 16.08,
+                    "first": 475.15199999999993,
+                    "second": 90.14284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 15.88,
+                    "first": 483.69199999999995,
+                    "second": 90.31284254544678,
                   },
                   Object {
-                    "first": 18.47,
-                    "second": 15.61,
+                    "first": 483.6869999999999,
+                    "second": 90.31284254544678,
                   },
-                ],
-                "lat": 47.976659600000005,
-                "lon": -122.19877100000001,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "Paine Avenue",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 20.528,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 15.61,
+                    "first": 493.6869999999999,
+                    "second": 90.57284254544678,
                   },
                   Object {
-                    "first": 7.9,
-                    "second": 15.6,
+                    "first": 503.6869999999999,
+                    "second": 90.90284254544677,
                   },
                   Object {
-                    "first": 7.9,
-                    "second": 15.6,
+                    "first": 513.6869999999999,
+                    "second": 91.29284254544677,
                   },
                   Object {
-                    "first": 20.53,
-                    "second": 15.52,
+                    "first": 523.6869999999999,
+                    "second": 91.76284254544677,
+                  },
+                  Object {
+                    "first": 533.6869999999999,
+                    "second": 92.27284254544678,
+                  },
+                  Object {
+                    "first": 543.6869999999999,
+                    "second": 92.79284254544677,
+                  },
+                  Object {
+                    "first": 553.6869999999999,
+                    "second": 93.36284254544678,
+                  },
+                  Object {
+                    "first": 563.6869999999999,
+                    "second": 93.99284254544678,
+                  },
+                  Object {
+                    "first": 573.6869999999999,
+                    "second": 94.62284254544677,
+                  },
+                  Object {
+                    "first": 587.5269999999999,
+                    "second": 95.65284254544677,
+                  },
+                  Object {
+                    "first": 587.5419999999999,
+                    "second": 95.65284254544677,
+                  },
+                  Object {
+                    "first": 597.5419999999999,
+                    "second": 96.35284254544678,
+                  },
+                  Object {
+                    "first": 607.5419999999999,
+                    "second": 97.01284254544677,
+                  },
+                  Object {
+                    "first": 617.5419999999999,
+                    "second": 97.86284254544678,
+                  },
+                  Object {
+                    "first": 627.5419999999999,
+                    "second": 98.59284254544677,
+                  },
+                  Object {
+                    "first": 637.5419999999999,
+                    "second": 99.25284254544678,
+                  },
+                  Object {
+                    "first": 647.5419999999999,
+                    "second": 99.97284254544678,
+                  },
+                  Object {
+                    "first": 657.5419999999999,
+                    "second": 100.84284254544677,
+                  },
+                  Object {
+                    "first": 667.5419999999999,
+                    "second": 101.61284254544678,
+                  },
+                  Object {
+                    "first": 677.5419999999999,
+                    "second": 102.34284254544677,
+                  },
+                  Object {
+                    "first": 687.5419999999999,
+                    "second": 103.03284254544678,
+                  },
+                  Object {
+                    "first": 697.5419999999999,
+                    "second": 103.71284254544678,
+                  },
+                  Object {
+                    "first": 707.5419999999999,
+                    "second": 104.39284254544678,
+                  },
+                  Object {
+                    "first": 717.5419999999999,
+                    "second": 105.12284254544677,
+                  },
+                  Object {
+                    "first": 729.9519999999999,
+                    "second": 106.04284254544677,
+                  },
+                  Object {
+                    "first": 729.9499999999999,
+                    "second": 106.04284254544677,
+                  },
+                  Object {
+                    "first": 739.9499999999999,
+                    "second": 106.80284254544678,
+                  },
+                  Object {
+                    "first": 749.9499999999999,
+                    "second": 107.46284254544678,
+                  },
+                  Object {
+                    "first": 759.9499999999999,
+                    "second": 108.24284254544678,
+                  },
+                  Object {
+                    "first": 774.52,
+                    "second": 109.32284254544678,
                   },
                 ],
-                "lat": 47.9764974,
-                "lon": -122.19871780000001,
-                "relativeDirection": "LEFT",
+                "lat": 45.5163189,
+                "lon": -122.7922059,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "32nd Street",
+                "streetName": "SW Barnes Rd",
               },
               Object {
                 "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 95.40899999999999,
+                "bogusName": true,
+                "distance": 311.94,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.52,
+                    "second": 109.32284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 15.35,
+                    "second": 109.10284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 15.19,
+                    "second": 108.87284254544677,
                   },
                   Object {
                     "first": 30,
-                    "second": 15.04,
+                    "second": 108.82284254544678,
                   },
                   Object {
                     "first": 40,
-                    "second": 14.88,
+                    "second": 109.06284254544678,
                   },
                   Object {
                     "first": 50,
-                    "second": 14.73,
+                    "second": 109.01284254544677,
                   },
                   Object {
                     "first": 60,
-                    "second": 14.71,
+                    "second": 109.22284254544678,
                   },
                   Object {
-                    "first": 69.33,
-                    "second": 14.65,
+                    "first": 68.93,
+                    "second": 109.91284254544678,
                   },
                   Object {
-                    "first": 69.33,
-                    "second": 14.65,
+                    "first": 68.929,
+                    "second": 109.91284254544678,
                   },
                   Object {
-                    "first": 79.33,
-                    "second": 14.62,
+                    "first": 78.929,
+                    "second": 110.67284254544678,
                   },
                   Object {
-                    "first": 89.33,
-                    "second": 14.54,
+                    "first": 88.929,
+                    "second": 111.06284254544678,
                   },
                   Object {
-                    "first": 95.41,
-                    "second": 14.5,
+                    "first": 98.929,
+                    "second": 112.14284254544678,
                   },
-                ],
-                "lat": 47.976534400000006,
-                "lon": -122.19844760000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "32nd Street",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 115.773,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 14.5,
+                    "first": 108.929,
+                    "second": 112.73284254544677,
                   },
                   Object {
-                    "first": 7.62,
-                    "second": 14.44,
+                    "first": 118.929,
+                    "second": 113.51284254544677,
                   },
                   Object {
-                    "first": 7.619,
-                    "second": 14.44,
+                    "first": 128.929,
+                    "second": 114.32284254544678,
                   },
                   Object {
-                    "first": 17.619,
-                    "second": 14.43,
+                    "first": 138.929,
+                    "second": 115.02284254544678,
                   },
                   Object {
-                    "first": 27.619,
-                    "second": 14.45,
+                    "first": 148.929,
+                    "second": 115.71284254544678,
                   },
                   Object {
-                    "first": 36.789,
-                    "second": 14.49,
+                    "first": 158.929,
+                    "second": 116.67284254544678,
                   },
                   Object {
-                    "first": 36.787,
-                    "second": 14.49,
+                    "first": 168.929,
+                    "second": 117.28284254544678,
                   },
                   Object {
-                    "first": 46.787,
-                    "second": 14.64,
+                    "first": 178.929,
+                    "second": 118.00284254544678,
                   },
                   Object {
-                    "first": 56.787,
-                    "second": 14.84,
+                    "first": 188.249,
+                    "second": 118.66284254544678,
                   },
                   Object {
-                    "first": 66.787,
-                    "second": 15.06,
+                    "first": 188.25799999999998,
+                    "second": 118.66284254544678,
                   },
                   Object {
-                    "first": 75.487,
-                    "second": 15.22,
+                    "first": 198.25799999999998,
+                    "second": 119.40284254544677,
                   },
                   Object {
-                    "first": 75.489,
-                    "second": 15.22,
+                    "first": 208.25799999999998,
+                    "second": 119.94284254544678,
                   },
                   Object {
-                    "first": 81.809,
-                    "second": 15.1,
+                    "first": 218.25799999999998,
+                    "second": 120.58284254544678,
                   },
                   Object {
-                    "first": 81.804,
-                    "second": 15.1,
+                    "first": 228.25799999999998,
+                    "second": 121.12284254544677,
                   },
                   Object {
-                    "first": 84.014,
-                    "second": 15.13,
+                    "first": 238.25799999999998,
+                    "second": 121.50284254544678,
                   },
                   Object {
-                    "first": 84.009,
-                    "second": 15.13,
+                    "first": 248.25799999999998,
+                    "second": 121.56284254544678,
                   },
                   Object {
-                    "first": 94.009,
-                    "second": 15.14,
+                    "first": 258.258,
+                    "second": 121.97284254544678,
                   },
                   Object {
-                    "first": 99.189,
-                    "second": 15.11,
+                    "first": 270.038,
+                    "second": 122.00284254544678,
                   },
                   Object {
-                    "first": 99.186,
-                    "second": 15.11,
+                    "first": 270.039,
+                    "second": 122.00284254544678,
                   },
                   Object {
-                    "first": 105.52600000000001,
-                    "second": 15.13,
+                    "first": 281.539,
+                    "second": 122.26284254544677,
+                  },
+                  Object {
+                    "first": 281.536,
+                    "second": 122.26284254544677,
+                  },
+                  Object {
+                    "first": 288.896,
+                    "second": 122.19284254544678,
+                  },
+                  Object {
+                    "first": 288.896,
+                    "second": 122.19284254544678,
+                  },
+                  Object {
+                    "first": 297.966,
+                    "second": 122.48284254544677,
+                  },
+                  Object {
+                    "first": 297.962,
+                    "second": 122.48284254544677,
+                  },
+                  Object {
+                    "first": 311.942,
+                    "second": 123.00284254544678,
                   },
                 ],
-                "lat": 47.975706,
-                "lon": -122.19811390000001,
-                "relativeDirection": "LEFT",
+                "lat": 45.5125719,
+                "lon": -122.7845438,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "path",
-              },
-            ],
-            "to": Object {
-              "arrival": 1651694639000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651694640000,
-              "lat": 47.97485103,
-              "lon": -122.1976189,
-              "name": "Everett Station Bay C1",
-              "stopCode": "2345",
-              "stopId": "CommTrans:2345",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 37716.533319948845,
-            "duration": 2820,
-            "endTime": 1651697460000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1651694639000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651694640000,
-              "lat": 47.97485103,
-              "lon": -122.1976189,
-              "name": "Everett Station Bay C1",
-              "stopCode": "2345",
-              "stopId": "CommTrans:2345",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "hailedCar": false,
-            "headsign": "Northgate Station",
-            "interStopGeometry": Array [
-              Object {
-                "length": 37,
-                "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@A",
-              },
-              Object {
-                "length": 192,
-                "points": "cuxcHdmzhVT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@X",
-              },
-              Object {
-                "length": 119,
-                "points": "ugjcH|~|hVlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UY",
-              },
-              Object {
-                "length": 155,
-                "points": "sfacHtreiVAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@",
-              },
-              Object {
-                "length": 139,
-                "points": "w\`zbHz~liV?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?",
-              },
-              Object {
-                "length": 270,
-                "points": "cmtbHp|piVD?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1651694640000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651694640000,
-                "lat": 47.972881,
-                "lon": -122.201485,
-                "name": "Broadway & 34th St",
-                "stopCode": "2367",
-                "stopId": "CommTrans:2367",
-                "stopIndex": 1,
-                "stopSequence": 2,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651695180000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651695180000,
-                "lat": 47.89901771,
-                "lon": -122.2144774,
-                "name": "South Everett Fwy Station Bay 3",
-                "stopCode": "2868",
-                "stopId": "CommTrans:2868",
-                "stopIndex": 2,
-                "stopSequence": 3,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651695660000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651695660000,
-                "lat": 47.85271272,
-                "lon": -122.2584482,
-                "name": "Ash Way Park & Ride Bay 1",
-                "stopCode": "2164",
-                "stopId": "CommTrans:2164",
-                "stopIndex": 3,
-                "stopSequence": 4,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-              },
-              Object {
-                "arrival": 1651696080000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651696080000,
-                "lat": 47.81588022,
-                "lon": -122.2963008,
-                "name": "Lynnwood Transit Center Bay D3",
-                "stopCode": "2422",
-                "stopId": "CommTrans:2422",
-                "stopIndex": 4,
-                "stopSequence": 5,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
+                "streetName": "service road",
               },
               Object {
-                "arrival": 1651696320000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651696320000,
-                "lat": 47.78722526,
-                "lon": -122.3164054,
-                "name": "Mountlake Terrace Fwy Station Bay 6",
-                "stopCode": "2765",
-                "stopId": "CommTrans:2765",
-                "stopIndex": 5,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 23.106,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 123.00284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 123.17284254544678,
+                  },
+                  Object {
+                    "first": 23.11,
+                    "second": 123.45284254544679,
+                  },
+                ],
+                "lat": 45.5107701,
+                "lon": -122.7832351,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Sunset TC",
               },
             ],
-            "legGeometry": Object {
-              "length": 907,
-              "points": "saycHxvyhVODWHGq@?KDIVIx@Y?Af@QDA\\\\O@?????PIJAHFHTATELSJDv@B\`D@hC@nC@hCBvC\\\\?H?D?DAJ?^AJ?vACj@AT?BAF?N?LAv@AdBC~@Af@At@AbBC\`ACv@Cf@AJ?tAEhACp@Ap@AxAAhAA~@AzBEdAA\`BCd@Ab@Af@Ah@A|AIRC\\\\Ep@In@I\\\\Gt@Kv@AZAf@G\`@Cr@OVEh@ExAI|AGr@E\`@C\\\\G^In@SxAk@x@U^Id@En@C~@A\\\\?v@?~B?vAAhACxACfCErACvB@n@@tADfABh@B\`AD|ENNA\`AGxAO\`AOJAv@MbAQnAWj@MbAUp@Oh@Kb@KxFmAzMuCfDs@\`AQp@Iv@Et@Al@Ap@Bx@F~ALn@F|BP|AJp@Dt@Bf@@dAEvAMfBY~Ce@\`C_@rF{@xCe@ZEn@Kl@Gn@Id@Ch@Ap@@h@@\`AH|@N\`AT~@\\\\LDNFZN\`@RZRt@j@|@t@r@r@\\\\^Z\`@Xb@Zf@^n@\\\\p@n@pAv@bBl@rAf@fAx@fB|@fBj@~@^h@PVb@j@\`@d@X\\\\f@d@n@j@x@j@|@b@~@b@h@P\\\\JhA\\\\jOvEd@NdEvAzCdAlDjAvBp@NFxFpB\`LvDpS\`HpDfARFTFp@RvDhAvH~BRFHBPDLDdBj@xAj@vC\`APFF@jExAXJj@PtCf@jGxArJtCZeCZJzB|@\\\\Lh@Rp@XlAd@nCfA[jBpCnAhD|A|DnBvBfBhAlAd@j@fAzAjBtChBfDpCxDbB~BtAjBp@z@fClDzHnKhQhVr@\`AtG~IdJjMtAlBpKvNnNrRnAdBhBdCz@lA|@jAz@jAx@~@dAfAlAfApA~@~@j@vAr@hAb@fA^hAXbBZbC^vBZbG~@dLfBlDh@~AVhBb@fA^xAj@tAp@fBjAhBvArAfAfErD|[~WjI|GvK~Iz@p@^n@^h@d@b@l@l@\`@\`@\\\\\\\\Z^Z\`@^j@nBvC\\\\f@NPJLTLJDJ@N?LALDPFLJLTFT?j@AfBAdBqDWYCiAIc@Ca@G]Ic@Qc@Ue@]OMQQe@o@Yg@c@w@k@kAUe@MU_@k@Ya@b@q@Lc@VZ??JJBZNn@Pf@HNP^PZ\\\\@JWEi@UYAA]e@A?SW[_@OEKK??W[Bg@?EC_AB}AJiAVkAJOHGJAL@t@l@bAt@vAz@rAl@tAf@dBb@lB^f@JvGfARLvGrB|MvB\`BXVDdC\`@hBZrDl@\`Dh@fFx@nCd@bEp@xIvAzB^xDl@fAR~AXdAVzAd@h@Rn@TLFd@Rz@\`@VLXNdAf@\`Aj@n@^r@f@dAv@t@n@\`A|@hAhA~@fAv@~@b@h@^d@\`@l@d@p@b@p@v@pAp@pA\\\\n@\`@z@z@jBb@|@Xl@~AxD~@xBVn@P\`@\`A|Bz@lBpAvCl@pAxB|ExC\`HlAvCl@tAv@hBhExJhE~JnFbM\`AzBlApC\`BvDhFtL~AnCx@~Av@~AzA|Cj@fAjC\`Gp@~A|BpFW^W\\\\[\\\\g@j@]Xg@Xq@T[DW@Y?a@?wDEgAA?jAKBEFEJ?FAB?L?b@?R??A|@?F???@?r@?FA|@?@?P?r@A?@LBHDHDBH?FCDEBI@K@C?s@???S@}@?G?u@?t@?FA|@?R???r@ABAJCHEDGBI?ECEICIAM@??s@?Q?A@}@?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?c@?g@fA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFLXP\`@LZj@pATh@Zr@b@bAn@xATd@lCjGj@pAbA~B^z@~F~MJVbA~Bx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^RJVLb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtATJBr@JjBXt@LnARt@LjBZj@JdC\`@pATv@JTBjAJ\`AFfAFrADV@b@@R?J?p@Sh@Cf@AvCKV?lACxBCdC@R?lBAX@B?Z?D?X?dA?^?tCAxC@Z?r@@~@DtBPnCVrC^vCb@dBTj@P^Rx@L|@LtInAVDn@Jl@JVDt@H~Cb@~Dl@fARz@Tr@Tt@XD@RJd@Tv@\`@r@b@vClB~@n@~AdAb@XfDxB\\\\Tf@\\\\h@ZLHHDZN\`Ad@h@Rt@Tt@Rj@Lt@Lt@Jv@Jz@LzMdBnAPdAPz@P~@Tp@Rl@Pl@P|@\\\\zB\`AnAp@dAl@z@h@p@d@\`@Zn@f@x@r@n@l@lEhEn@p@v@z@dBdBhAfA\`A|@z@p@l@\`@NJfAl@hAj@v@Xv@Vx@Tx@Pb@HTDdALbAHx@BfBAJ?n@CB?r@ELAtAQfAURE^KnAc@hAa@pAc@n@S\`@KdAUr@KjAIx@Ct@?~@Dt@D~@Lz@NjDn@\`APD@jARfAPfAPj@DVBT@j@@p@?v@CXCNAf@GNCz@Mv@S^KXI~@]pAm@rFuChJ{E|FuCvFsCv@a@\`Ae@bAe@x@]x@Yp@UzA]z@Q|@Qv@Mx@Kv@I\`AG\`AEhAC|A?~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@\`@ZxB|ATd@??\`@l@f@d@FFh@f@p@f@r@f@l@\`@PJn@^VDn@T^Lt@PNBd@Jv@LXBl@@|A?xBCh@Fz@JNDNLHLDPBP@TCPENGJIHULi@@kC?WUKSMc@BeB?m@?gA?[?O?O?[Na@L[JQHIFITQd@[dA?b@?X?t@@??t@B~AAV?P?J?hCAbAArA?b@?X?rA?fCCB_A?S?]X?BI@GBABC@A|C?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "512",
-            "routeColor": "0070c0",
-            "routeId": "CommTrans:512",
-            "routeLongName": "Everett - Northgate Station",
-            "routeShortName": "512",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651694640000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1651697460000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697460000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station",
-              "stopCode": "2191",
-              "stopId": "CommTrans:2191",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "transitLeg": true,
-            "tripBlockId": "KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
-            "tripId": "CommTrans:9683834__KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 0,
-            "duration": 2,
-            "endTime": 1651697462000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1651697460000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697460000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station",
-              "stopCode": "2191",
-              "stopId": "CommTrans:2191",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 2,
-              "points": "{~cbHfesiV??",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1651697460000,
-            "steps": Array [],
             "to": Object {
-              "arrival": 1651697462000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697700000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station - Bay 4",
-              "stopCode": "35318",
-              "stopId": "kcm:35318",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
+              "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 3819.702008552735,
-            "duration": 660,
-            "endTime": 1651698360000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1651697462000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697700000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station - Bay 4",
-              "stopCode": "35318",
-              "stopId": "kcm:35318",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "headsign": "Downtown Seattle Ballard",
-            "interStopGeometry": Array [
-              Object {
-                "length": 11,
-                "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?",
-              },
-              Object {
-                "length": 6,
-                "points": "y}bbH|gsiV@?jDC~DACxDAdF",
-              },
-              Object {
-                "length": 7,
-                "points": "qrbbHvtsiV?xBAtG?\`GAhFiJ?kHH",
-              },
-              Object {
-                "length": 17,
-                "points": "kgcbH|ptiV_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMB",
-              },
-              Object {
-                "length": 4,
-                "points": "y_dbHxitiVI@_DBsC@",
-              },
-              Object {
-                "length": 7,
-                "points": "widbH\`jtiVu@?{DDoD@{IDI?b@rB",
-              },
-              Object {
-                "length": 22,
-                "points": "{\`ebHbntiV@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF",
-              },
-              Object {
-                "length": 7,
-                "points": "okdbHt{uiV?ZAfG?dG?V?H?|C",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1651697809000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697809000,
-                "lat": 47.6977348,
-                "lon": -122.32856,
-                "name": "1st Ave NE & NE 95th St",
-                "stopCode": "17697",
-                "stopId": "kcm:17697",
-                "stopIndex": 1,
-                "stopSequence": 11,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651697871000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697871000,
-                "lat": 47.6959953,
-                "lon": -122.330513,
-                "name": "N 92nd St & Corliss Ave N",
-                "stopCode": "17698",
-                "stopId": "kcm:17698",
-                "stopIndex": 2,
-                "stopSequence": 16,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651697993000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697993000,
-                "lat": 47.6992683,
-                "lon": -122.334908,
-                "name": "College Way N & N 97th St",
-                "stopCode": "17710",
-                "stopId": "kcm:17710",
-                "stopIndex": 3,
-                "stopSequence": 22,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698072000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698072000,
-                "lat": 47.7032013,
-                "lon": -122.333794,
-                "name": "College Way N & N 103rd St",
-                "stopCode": "17730",
-                "stopId": "kcm:17730",
-                "stopIndex": 4,
-                "stopSequence": 38,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698103000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698103000,
-                "lat": 47.7047577,
-                "lon": -122.333832,
-                "name": "Meridian Ave N & N 105th St",
-                "stopCode": "17740",
-                "stopId": "kcm:17740",
-                "stopIndex": 5,
-                "stopSequence": 41,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698185000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698185000,
-                "lat": 47.7085342,
-                "lon": -122.33461,
-                "name": "N Northgate Way & Meridian Ave N",
-                "stopCode": "17755",
-                "stopId": "kcm:17755",
-                "stopIndex": 6,
-                "stopSequence": 47,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698312000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698312000,
-                "lat": 47.7051163,
-                "lon": -122.341866,
-                "name": "N Northgate Way & Stone Ave N",
-                "stopCode": "40030",
-                "stopId": "kcm:40030",
-                "stopIndex": 7,
-                "stopSequence": 68,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 74,
-              "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?@?jDC~DACxDAdF?xBAtG?\`GAhFiJ?kHH_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMBI@_DBsC@u@?{DDoD@{IDI?b@rB@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF?ZAfG?dG?V?H?|C",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "40",
-            "routeId": "kcm:102574",
-            "routeShortName": "40",
-            "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651697700000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1651698360000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698360000,
-              "lat": 47.7051239,
-              "lon": -122.345596,
-              "name": "N 105th St & Aurora Ave N",
-              "stopCode": "40032",
-              "stopId": "kcm:40032",
-              "stopIndex": 8,
-              "stopSequence": 74,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
-            },
-            "transitLeg": true,
-            "tripBlockId": "6367535",
-            "tripId": "kcm:546784580",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 78.93199999999999,
-            "duration": 61,
-            "endTime": 1651698421000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 129.87800000000001,
+            "duration": 211,
+            "endTime": 1573689944000,
             "from": Object {
-              "arrival": 1651698360000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698360000,
-              "lat": 47.7051239,
-              "lon": -122.345596,
-              "name": "N 105th St & Aurora Ave N",
-              "stopCode": "40032",
-              "stopId": "kcm:40032",
-              "stopIndex": 8,
-              "stopSequence": 74,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
+              "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 13,
-              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
+              "length": 9,
+              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
             },
             "mode": "WALK",
             "pathway": false,
@@ -99761,552 +107319,392 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651698360000,
+            "startTime": 1573689733000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 19.622999999999998,
-                "elevation": Array [
-                  Object {
-                    "first": 10.365,
-                    "second": 98.12,
-                  },
-                  Object {
-                    "first": 19.625,
-                    "second": 97.7,
-                  },
-                ],
-                "lat": 47.705065371872415,
-                "lon": -122.34559550720056,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "North 105th Street",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 4.369,
+                "distance": 4.916,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 97.7,
+                    "second": 124.81284254544678,
                   },
                   Object {
-                    "first": 4.37,
-                    "second": 97.64,
+                    "first": 4.92,
+                    "second": 124.83284254544678,
                   },
                 ],
-                "lat": 47.705022400000004,
-                "lon": -122.3453515,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5102908,
+                "lon": -122.7818368,
+                "relativeDirection": "SLIGHTLY_RIGHT",
                 "stayOn": false,
-                "streetName": "service road",
+                "streetName": "path",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 54.94,
+                "distance": 70.646,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 97.64,
+                    "second": 124.83284254544678,
                   },
                   Object {
-                    "first": 4.26,
-                    "second": 97.45,
+                    "first": 14.73,
+                    "second": 124.88284254544678,
                   },
                   Object {
-                    "first": 4.265,
-                    "second": 97.45,
+                    "first": 14.733,
+                    "second": 124.88284254544678,
                   },
                   Object {
-                    "first": 14.265,
-                    "second": 96.91,
+                    "first": 22.733,
+                    "second": 125.10284254544678,
                   },
                   Object {
-                    "first": 24.265,
-                    "second": 96.65,
+                    "first": 22.735,
+                    "second": 125.10284254544678,
                   },
                   Object {
-                    "first": 33.175,
-                    "second": 96.62,
+                    "first": 30.744999999999997,
+                    "second": 125.01284254544677,
                   },
                   Object {
-                    "first": 33.174,
-                    "second": 96.62,
+                    "first": 30.747,
+                    "second": 125.01284254544677,
                   },
                   Object {
-                    "first": 37.164,
-                    "second": 96.62,
+                    "first": 40.747,
+                    "second": 124.40284254544677,
                   },
                   Object {
-                    "first": 37.16,
-                    "second": 96.62,
+                    "first": 50.697,
+                    "second": 124.84284254544677,
                   },
+                ],
+                "lat": 45.5102601,
+                "lon": -122.7817914,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "steps",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 5.759,
+                "elevation": Array [
                   Object {
-                    "first": 39.589999999999996,
-                    "second": 96.62,
+                    "first": 0,
+                    "second": 124.84284254544677,
                   },
                   Object {
-                    "first": 39.586,
-                    "second": 96.62,
+                    "first": 5.76,
+                    "second": 123.03284254544678,
                   },
+                ],
+                "lat": 45.5102506,
+                "lon": -122.7813456,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 48.557,
+                "elevation": Array [
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 0,
+                    "second": 123.03284254544678,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 10,
+                    "second": 122.86284254544678,
                   },
                   Object {
-                    "first": 50.196,
-                    "second": 96.62,
+                    "first": 20,
+                    "second": 123.26284254544677,
                   },
                   Object {
-                    "first": 50.193,
-                    "second": 96.62,
+                    "first": 30,
+                    "second": 122.91284254544678,
                   },
                   Object {
-                    "first": 53.443,
-                    "second": 96.62,
+                    "first": 43.81,
+                    "second": 124.38284254544678,
                   },
                 ],
-                "lat": 47.7049831,
-                "lon": -122.3453516,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
+                "lat": 45.5102967,
+                "lon": -122.7813119,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Sunset TC (path)",
               },
             ],
             "to": Object {
-              "arrival": 1651698421000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698454000,
-              "lat": 47.7047806,
-              "lon": -122.344856,
-              "name": "Aurora Ave N & N 105th St",
-              "stopCode": "7080",
-              "stopId": "kcm:7080",
-              "stopIndex": 16,
-              "stopSequence": 117,
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "9969",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "R",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 11857.370334253566,
-            "duration": 1910,
-            "endTime": 1651700364000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 9135.118140577872,
+            "duration": 1280,
+            "endTime": 1573691225000,
             "from": Object {
-              "arrival": 1651698421000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698454000,
-              "lat": 47.7047806,
-              "lon": -122.344856,
-              "name": "Aurora Ave N & N 105th St",
-              "stopCode": "7080",
-              "stopId": "kcm:7080",
-              "stopIndex": 16,
-              "stopSequence": 117,
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "2600",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "R",
             },
             "hailedCar": false,
-            "headsign": "Downtown Seattle",
+            "headsign": "Gresham",
             "interStopGeometry": Array [
               Object {
-                "length": 7,
-                "points": "widbHvmviVvAAnCAnC?pCCnC?dAA",
-              },
-              Object {
-                "length": 8,
-                "points": "wrcbHlmviVnB?\`DCRItDC\\\\?rC?~@?",
-              },
-              Object {
-                "length": 9,
-                "points": "i|bbHzlviVpACpC?pCArA?NHh@?pCCj@?",
-              },
-              Object {
-                "length": 12,
-                "points": "gfbbHzlviVbB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?",
-              },
-              Object {
-                "length": 7,
-                "points": "ulabHtlviVL?hC?nCCpC?nC?t@?",
-              },
-              Object {
-                "length": 5,
-                "points": "ux\`bHplviVxA?pCApC?xB?",
-              },
-              Object {
-                "length": 59,
-                "points": "}h\`bHnlviVV?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJB",
-              },
-              Object {
-                "length": 23,
-                "points": "kv~aHxzviVLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?",
-              },
-              Object {
-                "length": 37,
-                "points": "m|{aHf~viVl@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DA",
+                "length": 114,
+                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
               },
               Object {
-                "length": 21,
-                "points": "inwaHnrviVbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?",
+                "length": 63,
+                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
               },
               Object {
-                "length": 35,
-                "points": "qdvaHjfviVlI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?",
+                "length": 27,
+                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
               },
               Object {
-                "length": 9,
-                "points": "q~saHjgviV^@fABbCC\\\\IhFGj@hA~@tA|BbD",
+                "length": 19,
+                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
               },
               Object {
-                "length": 9,
-                "points": "sgsaH~pviVDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gA",
+                "length": 32,
+                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
               },
               Object {
-                "length": 4,
-                "points": "quraHxkviVnB{DxCeGfCeF",
+                "length": 10,
+                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
               },
               Object {
-                "length": 14,
-                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
+                "length": 8,
+                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
               },
               Object {
-                "length": 6,
-                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+                "length": 22,
+                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
               },
               Object {
-                "length": 7,
-                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
+                "length": 23,
+                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1651698520000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698520000,
-                "lat": 47.701088,
-                "lon": -122.34481,
-                "name": "Aurora Ave N & N 100th St",
-                "stopCode": "7100",
-                "stopId": "kcm:7100",
+                "arrival": 1573690230000,
+                "departure": 1573690255000,
+                "lat": 45.510653,
+                "lon": -122.71634,
+                "name": "Washington Park MAX Station",
+                "stopCode": "10120",
+                "stopId": "TriMet:10120",
+                "stopIndex": 16,
+                "stopSequence": 17,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690480000,
+                "departure": 1573690515000,
+                "lat": 45.517989,
+                "lon": -122.693544,
+                "name": "Goose Hollow/SW Jefferson St MAX Station",
+                "stopCode": "10118",
+                "stopId": "TriMet:10118",
                 "stopIndex": 17,
-                "stopSequence": 123,
+                "stopSequence": 18,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "R",
               },
               Object {
-                "arrival": 1651698584000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698584000,
-                "lat": 47.6974945,
-                "lon": -122.344704,
-                "name": "Aurora Ave N & N 95th St",
-                "stopCode": "7120",
-                "stopId": "kcm:7120",
+                "arrival": 1573690590000,
+                "departure": 1573690610000,
+                "lat": 45.520592,
+                "lon": -122.691005,
+                "name": "Kings Hill/SW Salmon St MAX Station",
+                "stopCode": "9759",
+                "stopId": "TriMet:9759",
                 "stopIndex": 18,
-                "stopSequence": 130,
+                "stopSequence": 19,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "R",
               },
               Object {
-                "arrival": 1651698647000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698647000,
-                "lat": 47.6939621,
-                "lon": -122.344734,
-                "name": "Aurora Ave N & N 90th St",
-                "stopCode": "7140",
-                "stopId": "kcm:7140",
+                "arrival": 1573690660000,
+                "departure": 1573690690000,
+                "lat": 45.521321,
+                "lon": -122.689886,
+                "name": "Providence Park MAX Station",
+                "stopCode": "9758",
+                "stopId": "TriMet:9758",
                 "stopIndex": 19,
-                "stopSequence": 138,
+                "stopSequence": 20,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "R",
               },
               Object {
-                "arrival": 1651698720000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698720000,
-                "lat": 47.6898766,
-                "lon": -122.344681,
-                "name": "Aurora Ave N & N 85th St",
-                "stopCode": "7160",
-                "stopId": "kcm:7160",
+                "arrival": 1573690835000,
+                "departure": 1573690870000,
+                "lat": 45.51916,
+                "lon": -122.68162,
+                "name": "Library/SW 9th Ave MAX Station",
+                "stopCode": "8333",
+                "stopId": "TriMet:8333",
                 "stopIndex": 20,
-                "stopSequence": 149,
+                "stopSequence": 21,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "R",
               },
               Object {
-                "arrival": 1651698775000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698775000,
-                "lat": 47.6866722,
-                "lon": -122.344666,
-                "name": "Aurora Ave N & N 80th St",
-                "stopCode": "7180",
-                "stopId": "kcm:7180",
+                "arrival": 1573690930000,
+                "departure": 1573690975000,
+                "lat": 45.518496,
+                "lon": -122.679145,
+                "name": "Pioneer Square South MAX Station",
+                "stopCode": "8334",
+                "stopId": "TriMet:8334",
                 "stopIndex": 21,
-                "stopSequence": 155,
+                "stopSequence": 22,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "R",
               },
               Object {
-                "arrival": 1651698817000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698817000,
-                "lat": 47.6841507,
-                "lon": -122.34465,
-                "name": "Aurora Ave N & N 76th St",
-                "stopCode": "7200",
-                "stopId": "kcm:7200",
+                "arrival": 1573691015000,
+                "departure": 1573691060000,
+                "lat": 45.517942,
+                "lon": -122.677088,
+                "name": "Mall/SW 4th Ave MAX Station",
+                "stopCode": "8335",
+                "stopId": "TriMet:8335",
                 "stopIndex": 22,
-                "stopSequence": 159,
+                "stopSequence": 23,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "R",
               },
               Object {
-                "arrival": 1651698960000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698960000,
-                "lat": 47.6760826,
-                "lon": -122.346947,
-                "name": "Aurora Ave N & N 65th St",
-                "stopCode": "7210",
-                "stopId": "kcm:7210",
+                "arrival": 1573691115000,
+                "departure": 1573691145000,
+                "lat": 45.517153,
+                "lon": -122.674172,
+                "name": "Yamhill District MAX Station",
+                "stopCode": "8336",
+                "stopId": "TriMet:8336",
                 "stopIndex": 23,
-                "stopSequence": 217,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699080000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699080000,
-                "lat": 47.6616707,
-                "lon": -122.347488,
-                "name": "Aurora Ave N & N 46th St",
-                "stopCode": "75408",
-                "stopId": "kcm:75408",
-                "stopIndex": 24,
-                "stopSequence": 239,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699474000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699474000,
-                "lat": 47.6389084,
-                "lon": -122.345596,
-                "name": "Aurora Ave N & Lynn St",
-                "stopCode": "6070",
-                "stopId": "kcm:6070",
-                "stopIndex": 25,
-                "stopSequence": 275,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699593000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699593000,
-                "lat": 47.6322517,
-                "lon": -122.343666,
-                "name": "Aurora Ave N & Galer St",
-                "stopCode": "6100",
-                "stopId": "kcm:6100",
-                "stopIndex": 26,
-                "stopSequence": 295,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699787000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699787000,
-                "lat": 47.6210556,
-                "lon": -122.343842,
-                "name": "7th Ave N & Thomas St",
-                "stopCode": "6176",
-                "stopId": "kcm:6176",
-                "stopIndex": 27,
-                "stopSequence": 329,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699857000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699857000,
-                "lat": 47.6174316,
-                "lon": -122.345345,
-                "name": "Wall St & 5th Ave",
-                "stopCode": "7430",
-                "stopId": "kcm:7430",
-                "stopIndex": 28,
-                "stopSequence": 337,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699928000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699928000,
-                "lat": 47.6144447,
-                "lon": -122.344513,
-                "name": "3rd Ave & Bell St",
-                "stopCode": "400",
-                "stopId": "kcm:400",
-                "stopIndex": 29,
-                "stopSequence": 345,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651699981000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699981000,
-                "lat": 47.6124382,
-                "lon": -122.34111,
-                "name": "3rd Ave & Virginia St",
-                "stopCode": "420",
-                "stopId": "kcm:420",
-                "stopIndex": 30,
-                "stopSequence": 348,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651700040000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651700040000,
-                "lat": 47.6097908,
-                "lon": -122.337959,
-                "name": "3rd Ave & Pike St",
-                "stopCode": "431",
-                "stopId": "kcm:431",
-                "stopIndex": 31,
-                "stopSequence": 361,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651700212000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651700212000,
-                "lat": 47.6065025,
-                "lon": -122.334938,
-                "name": "3rd Ave & Seneca St",
-                "stopCode": "468",
-                "stopId": "kcm:468",
-                "stopIndex": 32,
-                "stopSequence": 366,
+                "stopSequence": 24,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
+                "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 256,
-              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
+              "length": 310,
+              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
             },
-            "mode": "BUS",
+            "mode": "TRAM",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "E Line",
-            "routeId": "kcm:102615",
-            "routeShortName": "E Line",
-            "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651698454000,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573689945000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1651700364000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651700365000,
-              "lat": 47.6035805,
-              "lon": -122.332275,
-              "name": "3rd Ave & Cherry St",
-              "stopCode": "490",
-              "stopId": "kcm:490",
-              "stopIndex": 33,
-              "stopSequence": 372,
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "tripBlockId": "6367577",
-            "tripId": "kcm:491944150",
-            "tripShortName": "LOCAL",
+            "tripBlockId": "9030",
+            "tripId": "TriMet:9265522",
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 135.17100000000002,
-            "duration": 108,
-            "endTime": 1651700473000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 205.33399999999997,
+            "duration": 173,
+            "endTime": 1573691399000,
             "from": Object {
-              "arrival": 1651700364000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651700365000,
-              "lat": 47.6035805,
-              "lon": -122.332275,
-              "name": "3rd Ave & Cherry St",
-              "stopCode": "490",
-              "stopId": "kcm:490",
-              "stopIndex": 33,
-              "stopSequence": 372,
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
+              "zoneId": "R",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 13,
-              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
+              "length": 19,
+              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
             },
             "mode": "WALK",
             "pathway": false,
@@ -100315,161 +107713,238 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651700365000,
+            "startTime": 1573691226000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 3.95,
+                "elevation": Array [],
+                "lat": 45.52028372216824,
+                "lon": -122.67216050734417,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Oak/SW 1st Ave (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 99.492,
+                "distance": 8.284,
                 "elevation": Array [
                   Object {
-                    "first": 8.543,
-                    "second": 20.99,
-                  },
-                  Object {
-                    "first": 11.142999999999999,
-                    "second": 20.74,
+                    "first": 0,
+                    "second": 7.512842545446778,
                   },
                   Object {
-                    "first": 11.140999999999998,
-                    "second": 20.74,
+                    "first": 8.28,
+                    "second": 7.602842545446778,
                   },
+                ],
+                "lat": 45.5203121,
+                "lon": -122.6721326,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 11.162,
+                "elevation": Array [
                   Object {
-                    "first": 11.450999999999999,
-                    "second": 20.71,
+                    "first": 0,
+                    "second": 7.602842545446778,
                   },
                   Object {
-                    "first": 11.446999999999997,
-                    "second": 20.71,
+                    "first": 6.74,
+                    "second": 7.532842545446778,
                   },
                   Object {
-                    "first": 17.386999999999997,
-                    "second": 20.23,
+                    "first": 6.738,
+                    "second": 7.532842545446778,
                   },
                   Object {
-                    "first": 17.381999999999998,
-                    "second": 20.23,
+                    "first": 11.158000000000001,
+                    "second": 7.482842545446779,
                   },
+                ],
+                "lat": 45.5203813,
+                "lon": -122.6720932,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Oak St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 79.148,
+                "elevation": Array [
                   Object {
-                    "first": 21.191999999999997,
-                    "second": 19.99,
+                    "first": 0,
+                    "second": 7.482842545446779,
                   },
                   Object {
-                    "first": 25.188,
-                    "second": 19.7,
+                    "first": 10,
+                    "second": 7.512842545446778,
                   },
                   Object {
-                    "first": 35.188,
-                    "second": 19.35,
+                    "first": 20,
+                    "second": 7.532842545446778,
                   },
                   Object {
-                    "first": 45.188,
-                    "second": 19.17,
+                    "first": 30,
+                    "second": 7.492842545446779,
                   },
                   Object {
-                    "first": 55.188,
-                    "second": 18.99,
+                    "first": 40,
+                    "second": 7.522842545446778,
                   },
                   Object {
-                    "first": 65.188,
-                    "second": 18.75,
+                    "first": 50,
+                    "second": 7.512842545446778,
                   },
                   Object {
-                    "first": 75.188,
-                    "second": 18.52,
+                    "first": 60,
+                    "second": 7.602842545446778,
                   },
                   Object {
-                    "first": 85.188,
-                    "second": 18.27,
+                    "first": 70,
+                    "second": 7.552842545446778,
                   },
                   Object {
-                    "first": 99.488,
-                    "second": 17.93,
+                    "first": 79.15,
+                    "second": 7.542842545446778,
                   },
                 ],
-                "lat": 47.603566786898504,
-                "lon": -122.33230777867696,
-                "relativeDirection": "DEPART",
+                "lat": 45.5204174,
+                "lon": -122.6722269,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "sidewalk",
+                "streetName": "SW 1st Ave",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "WEST",
                 "area": false,
-                "bogusName": true,
-                "distance": 35.679,
+                "bogusName": false,
+                "distance": 102.78999999999999,
                 "elevation": Array [
                   Object {
-                    "first": 0.416,
-                    "second": 17.66,
+                    "first": 0,
+                    "second": 7.542842545446778,
                   },
                   Object {
-                    "first": 10.416,
-                    "second": 16.75,
+                    "first": 11.54,
+                    "second": 7.682842545446778,
                   },
                   Object {
-                    "first": 20.416,
-                    "second": 15.91,
+                    "first": 11.536,
+                    "second": 7.682842545446778,
                   },
                   Object {
-                    "first": 30.416,
-                    "second": 15.12,
+                    "first": 26.286,
+                    "second": 7.742842545446779,
                   },
                   Object {
-                    "first": 32.906,
-                    "second": 14.9,
+                    "first": 26.285,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 36.285,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 57.864999999999995,
+                    "second": 7.762842545446778,
+                  },
+                  Object {
+                    "first": 67.865,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 73.965,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 73.964,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 83.964,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 93.964,
+                    "second": 7.852842545446778,
+                  },
+                  Object {
+                    "first": 102.794,
+                    "second": 7.922842545446779,
                   },
                 ],
-                "lat": 47.602787500000005,
-                "lon": -122.3316056,
-                "relativeDirection": "UTURN_RIGHT",
-                "stayOn": true,
-                "streetName": "sidewalk",
+                "lat": 45.5210839,
+                "lon": -122.6718705,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Pine St",
               },
             ],
             "to": Object {
-              "arrival": 1651700473000,
-              "lat": 47.602632914527724,
-              "lon": -122.33197990547832,
-              "name": "208 James St, Seattle, WA 98104-2212, United States",
-              "orig": "208 James St, Seattle, WA 98104-2212, United States",
+              "arrival": 1573691399000,
+              "lat": 45.521469054694954,
+              "lon": -122.67307275796767,
+              "name": "205 SW Pine St, Portland, OR, USA 97204",
+              "orig": "205 SW Pine St, Portland, OR, USA 97204",
               "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1651694250000,
+        "startTime": 1573689007000,
         "tooSloped": false,
-        "transfers": 2,
-        "transitTime": 5390,
-        "waitingTime": 273,
-        "walkDistance": 677.2714626770405,
+        "transfers": 0,
+        "transitTime": 1280,
+        "waitingTime": 122,
+        "walkDistance": 387.15802624199944,
         "walkLimitExceeded": false,
-        "walkTime": 560,
+        "walkTime": 990,
       }
     }
+    showApproximateAccessLegTravelTimes={true}
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 2`] = `
-.c8 {
+exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
+.c22 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c11 {
-  color: #333;
+.c59 {
+  color: #f44256;
 }
 
-.c57 {
-  color: #f44256;
+.c29 {
+  border-top-style: solid;
+  border-top-width: 0;
+  padding-top: 0;
+  padding-bottom: 10px;
 }
 
-.c26 {
+.c16 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -100479,32 +107954,107 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   text-decoration: none;
 }
 
-.c40 {
+.c31 {
   color: #008;
   margin-left: 5px;
 }
 
-.c40:hover {
+.c31:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c41 {
-  padding-left: 0px;
+.c6 {
+  color: black;
+  background-color: grey;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
 }
 
-.c41:before {
-  content: "|";
+.c34 {
   color: black;
-  margin-right: 5px;
+  background-color: #e9e9e9;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
 }
 
-.c31::before {
+.c21::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c51 {
+.c58 {
+  text-align: center;
+}
+
+.c4 {
+  border-left: dotted 4px grey;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c33 {
+  border-left: dotted 4px #484848;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c35 {
+  border-left: solid 8px #084C8D;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c54 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -100516,13 +108066,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   padding: 0;
 }
 
-.c21 {
+.c12 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c17 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -100533,7 +108083,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   z-index: 1;
 }
 
-.c22 {
+.c13 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -100547,7 +108097,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   position: relative;
 }
 
-.c19 {
+.c10 {
   display: inline-block;
   grid-row-start: 2;
   grid-column-start: 1;
@@ -100556,71 +108106,105 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   width: 0;
 }
 
-.c25 {
+.c42 {
+  font-weight: 200;
+}
+
+.c15 {
   font-weight: inherit;
 }
 
-.c45 {
+.c41 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c44 {
+.c40 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c42 {
+.c39 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c24 img,
-.c24 svg {
-  margin-right: 6px;
-  height: 24px;
-  width: 24px;
-  vertical-align: bottom;
-}
-
-.c23 {
+.c14 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }
 
+.c3 {
+  position: relative;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  height: 100%;
+}
+
 .c5 {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  -webkit-transform: translate(-51%,-10%);
+  -ms-transform: translate(-51%,-10%);
+  transform: translate(-51%,-10%);
+}
+
+.c2 {
   grid-column-start: 2;
   grid-row: span 2;
   padding-right: 5px;
 }
 
-.c28 {
+.c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
-.c3 {
+.c1 {
   max-width: 500px;
   display: grid;
-  grid-template-areas: "time line title" "time line instructions";
   grid-template-columns: 65px 30px auto;
 }
 
-.c18 {
+.c9 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
   padding-right: 5px;
   font-size: 0.9em;
 }
 
-.c20 {
+.c32 {
+  padding: 3px 10px 3px 10px;
+  border: 0;
+  margin-top: -15px;
+  width: 35px;
+  height: 35px;
+}
+
+.c32:hover {
+  cursor: pointer;
+}
+
+.c30 {
+  -webkit-flex: 0 0 25px;
+  -ms-flex: 0 0 25px;
+  flex: 0 0 25px;
+  grid-column: -1;
+}
+
+.c11 {
   grid-row-start: 2;
   grid-column-start: 3;
-  grid-area: instructions;
 }
 
-.c14 {
+.c7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -100630,46 +108214,78 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   grid-column-start: 3;
 }
 
-.c16 {
-  font-size: inherit;
-  font-weight: bold;
-  height: 1.2em;
-  margin: 0;
+.c8 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c36 {
+  text-align: center;
+  min-width: 30px;
+  min-height: 30px;
+  font-size: 1.2em;
+  background-color: #084C8D;
+  color: white;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+  border: 1px solid;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.c37 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
   overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 3px 0 10px 0;
-}
-
-.c39 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
+  -webkit-clip: rect(0,0,0,0);
+  clip: rect(0,0,0,0);
+  border: 0;
 }
 
-.c32 {
+.c23 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
+.c26 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c35 > span {
+.c26 > span {
   margin-right: 1ch;
 }
 
-.c29 {
+.c19 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -100680,7 +108296,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   margin-top: 10px;
 }
 
-.c29 a {
+.c19 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -100695,1109 +108311,248 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   justify-content: center;
 }
 
-.c30 {
+.c20 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
+.c25 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c33 {
+.c24 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c36 {
+.c27 {
   font-weight: 500;
 }
 
-.c37 {
+.c28 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c54 {
+.c38 {
+  font-weight: 200;
+  font-size: 0.9em;
+  margin-left: 10px;
+}
+
+.c56 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c57 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c52 {
+.c55 {
   z-index: 30;
   position: relative;
 }
 
-.c47 {
+.c45 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
   margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c48 {
-  color: #676767;
+.c49 {
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-}
-
-.c50 {
-  font-size: 14px;
-}
-
-.c49 {
-  padding: 0;
-}
-
-.c46 {
-  margin-top: 5px;
-}
-
-.c46 a {
-  color: #337ab7;
+  gap: 5px;
+  margin-top: 0.5em;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c49:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
-  margin-left: 5px;
-  vertical-align: middle;
-}
-
-.c1 {
-  font-size: 16px;
-}
-
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
-
-.c1 .c43 {
-  background-color: rgb(15,106,172);
-  border-color: white;
-  border-image: initial;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
-  color: white;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 1.5;
-  margin-right: 8px;
-  min-width: 24px;
-  padding: 2px 3px;
-  text-align: center;
+.c47 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
 }
 
-.c1 .c4 {
-  grid-area: line;
-  display: table-cell;
-  max-width: 20px;
-  width: 20px;
-  padding: 0;
-  position: relative;
+.c48 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
 }
 
-.c1 .c13 {
-  grid-area: title;
-  color: #000;
+.c46 {
+  float: left;
   font-size: 18px;
-  font-weight: 500;
-  line-height: 20px;
 }
 
-.c1 .c15 {
-  height: inherit;
-  white-space: normal;
+.c44 {
+  display: block;
+  margin-top: 3px;
+  padding: 0;
 }
 
-.c1 .c2 {
-  width: 100%;
+.c43 {
+  color: #d14727;
+  cursor: auto;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
 }
 
-.c1 .c53 {
-  margin-left: -23px;
+.c50 {
+  margin-top: 5px;
 }
 
-.c1 .c17 {
-  grid-area: time;
+.c51 {
   color: #676767;
-  display: table-cell;
-  font-size: 14px;
-  padding-right: 4px;
-  padding-top: 2px;
-  text-align: right;
-  vertical-align: top;
-  width: 60px;
-}
-
-.c7 {
-  position: absolute;
-  width: 100%;
-  top: 3px;
-  z-index: 20;
-}
-
-.c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #0070c0;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c56 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #000088;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c9 {
-  left: 0;
-  line-height: inherit;
-  position: absolute;
-  text-align: center;
-  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
 }
 
-.c10 {
-  top: 3px;
+.c53 {
+  font-size: 14px;
 }
 
-.c12 {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
+.c52 {
+  padding: 0;
 }
 
 <ol
-  className="c0 c1"
+  className="c0"
 >
   <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c11 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        47.97767, -122.20034
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      12:57 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details "
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              className="c19 invisible-additional-details"
-            >
-               - 
-            </span>
-            <span>
-              Walk 0.3 miles to 
-              <span
-                className="c25"
-              >
-                Everett Station Bay C1
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              6 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.1 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Smith Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        129 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Paine Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        61 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        67 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        313 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        380 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper transit"
+    className="c1"
   >
     <div
-      className="c4 c5"
-    >
-      <div
-        className="c38 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Everett Station Bay C1
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:04 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details transit"
+      className="c2"
     >
       <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 2345
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
+        className="c3"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "CommTrans:512",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c43 c44"
-                  >
-                    512
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Northgate Station
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                Northgate Station
-              </span>
-            </span>
-            <button
-              className="c26 c27 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c46 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://www.communitytransit.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Community Transit
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47 transit-leg-details"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                47 min
-                 / 6 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c26 c40 c41"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Broadway & 34th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        South Everett Fwy Station Bay 3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Ash Way Park & Ride Bay 1
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Lynnwood Transit Center Bay D3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Mountlake Terrace Fwy Station Bay 6
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+          className="c4"
+          mode="CAR"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by car"
+            className="c6"
+            mode="CAR"
+          >
+            <svg
+              leg={
+                Object {
+                  "longName": undefined,
+                  "routeId": undefined,
+                  "shortName": undefined,
+                }
+              }
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by car
+              </title>
+              <path
+                d="M371.2 175.3l-3.7-12.1-29.8-95.7c-5.8-18.6-22.9-31.2-42.4-31.2H94.7c-19.5 0-36.5 12.6-42.4 31.2l-29.8 95.7-3.7 12.1C7.6 181.4 0 193.1 0 206.5v76.2c0 7.8 6.4 14.2 14.2 14.2h12.4v35.5c0 11.7 9.6 21.3 21.3 21.3H62c11.7 0 21.3-9.6 21.3-21.3v-35.5h223.4v35.5c0 11.7 9.6 21.3 21.3 21.3h14.2c11.7 0 21.3-9.6 21.3-21.3v-35.5h12.4c7.8 0 14.2-6.4 14.2-14.2v-76.2c-.1-13.3-7.7-25.1-18.9-31.2zM55 252.8c-14.7 0-26.6-11.9-26.6-26.6s11.9-26.6 26.6-26.6 26.6 11.9 26.6 26.6-11.9 26.6-26.6 26.6zm240.7-81.6c-9-14.9-25.4-24.8-44-24.8s-34.9 9.9-44 24.8H47.9l29.8-95.6c2.3-7.4 9.2-12.4 16.8-12.4h200.9c7.8 0 14.5 5 16.8 12.4l29.8 95.7-46.3-.1zm39.3 81.6c-14.7 0-26.6-11.9-26.6-26.6s11.9-26.6 26.6-26.6c14.7 0 26.6 11.9 26.6 26.6s-11.8 26.6-26.6 26.6z"
+              />
+              <circle
+                cx={251.7}
+                cy={107.4}
+                r={33.7}
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        Northgate Station
+        330 SW Murray Blvd, Washington County, OR, USA 97005
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      1:51 PM
+      3:50 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c11"
     >
       <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 2191
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
+              className="c14"
+            />
             <span
-              className="c19 invisible-additional-details"
+              className="c10"
             >
                - 
             </span>
             <span>
-              Walk to 
+              Drive 2.4 miles to 
               <span
-                className="c25"
+                className="c15"
               >
-                Northgate Station - Bay 4
+                P+R Sunset TC
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -101805,19 +108560,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           </span>
         </div>
         <span
-          className="c28"
+          className="c18"
         >
           <span
-            className="c29"
+            className="c19"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c16 c20"
               onClick={[Function]}
             >
-              0 min
+              About 10 min
               <span
-                className="c19 invisible-additional-details"
+                className="c21"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c22"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c10"
               >
                 (Expand details)
               </span>
@@ -101838,529 +108612,468 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
               style={Object {}}
             >
               <ol
-                className="c32"
-              />
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper transit"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c56 leg-line"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Northgate Station - Bay 4
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:55 PM
-    </div>
-    <span
-      className="c19 invisible-additional-details"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20 place-details transit"
-    >
-      <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 35318
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
+                className="c23"
               >
-                <span
-                  className="c23"
+                <li
+                  className="c24"
                 >
-                  <span
-                    className="c24"
+                  <div
+                    className="c25"
                   >
                     <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "kcm:102574",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 261 261"
                     >
                       <path
-                        d="M68.848,68.51"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      Head 
+                      SOUTHWEST
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        parking aisle
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        158 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
                       <path
-                        d="M12.687,68.51"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
                     </svg>
-                  </span>
-                  <span
-                    className="c43 c44"
+                  </div>
+                  <div
+                    className="c26"
                   >
-                    40
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Downtown Seattle Ballard
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19 invisible-additional-details"
-              >
-                 - 
-                Disembark at 
-                N 105th St & Aurora Ave N
-              </span>
-            </span>
-            <button
-              className="c26 c27 transit-leg-button"
-              onClick={[Function]}
-            >
-              <span
-                className="c19 invisible-additional-details"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          className="transit-leg-details-wrapper"
-          role="group"
-        >
-          <div
-            className="c46 agency-info"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Metro Transit
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47 transit-leg-details"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                11 min
-                 / 8 stops
-                <span
-                  className="c31"
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Murray Blvd
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
+                  <div
+                    className="c25"
                   >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19 invisible-additional-details"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <button
-                className="c26 c40 c41"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c50"
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        150 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
                 >
-                  <ol
-                    className="c51"
+                  <div
+                    className="c25"
                   >
-                    <li
-                      className="c52"
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        1st Ave NE & NE 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.4 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        N 92nd St & Corliss Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.6 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        College Way N & N 97th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        SW Cedar Hills Blvd
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        College Way N & N 103rd St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        SW Barnes Rd
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        Meridian Ave N & N 105th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.5 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        service road
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        N Northgate Way & Meridian Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        Sunset TC
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        N Northgate Way & Stone Ave N
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
+                        76 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
-        </div>
+        </span>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
+      <button
+        aria-label="View on map"
+        className="c16 c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+      </button>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c33"
+          mode="WALK"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by walking"
+            className="c34"
+            mode="WALK"
+          >
+            <svg
+              leg={
+                Object {
+                  "longName": undefined,
+                  "routeId": undefined,
+                  "shortName": undefined,
+                }
+              }
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by walking
+              </title>
+              <path
+                d="m 207.60225,19.503527 c 16.02,0 29.07,13.05 29.07,29.07 0,16.020001 -13.05,29.07 -29.07,29.07 -16.02,0 -29.07,-13.049999 -29.07,-29.07 0,-16.02 13.05,-29.07 29.07,-29.07 z m 88.65,181.620003 c -4.05,5.94 -12.15,7.47 -18.09,3.42 0,0 -40.23,-27.45 -43.11,-29.43 -2.88,-1.98 -4.59,-6.12 -5.85,-8.82 -0.9,-1.8 -5.4,-10.62 -8.37,-16.47 l -3.6,15.3 -9.36,42.39 c 0,0 50.13,59.04 51.12,60.21 1.44,1.62 2.25,4.95 2.88,7.47 0.63,2.43 13.41,71.91 13.41,71.91 1.98,10.71 -5.13,21.06 -15.84,23.13 -10.71,1.98001 -21.06,-5.13 -23.13,-15.84 l -12.78,-68.67 -41.67,-45.54 c 0,0 -9.27,43.29 -9.45,44.19 -0.18,0.9 -0.63,2.25 -1.17,3.51 -0.54,1.17 -42.84,72.99 -42.84,72.99 -5.58,9.36 -17.73,12.51 -27.18,6.93 -9.359998,-5.58 -12.509998,-17.73 -6.929998,-27.18 l 37.619998,-63.27 30.24,-136.89 -20.34,16.2 -11.25,49.59 c 0,7.02 -7.92,11.61 -14.94,10.08 -7.02,-1.53 -11.16,-4.41 -9.54,-15.39 h 0.18 c 0,0 11.7,-55.08 12.6,-57.51 0.81,-2.43 2.07,-5.13 3.33,-6.12 8.46,-6.84 41.22,-33.66 50.85,-41.400003 11.07,-9.000001 15.93,-12.329999 25.38,-12.329999 7.11,0 14.85,2.159999 23.04,10.62 3.6,3.690001 6.21,9.720002 8.01,13.500002 1.8,3.69 24.39,48.33 24.39,48.33 l 38.97,27 c 5.94,4.05 7.47,12.15 3.42,18.09 z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        N 105th St & Aurora Ave N
+        P+R Sunset TC
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:06 PM
+      4:02 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c11"
     >
       <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 40032
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
+              className="c14"
+            />
             <span
-              className="c19 invisible-additional-details"
+              className="c10"
             >
                - 
             </span>
             <span>
-              Walk 259 feet to 
+              Walk 426 feet to 
               <span
-                className="c25"
+                className="c15"
               >
-                Aurora Ave N & N 105th St
+                Sunset TC MAX Station
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -102368,23 +109081,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           </span>
         </div>
         <span
-          className="c28"
+          className="c18"
         >
           <span
-            className="c29"
+            className="c19"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              About 3 min
               <span
-                className="c31"
+                className="c21"
               >
                 <svg
                   aria-hidden="true"
-                  className="c8"
+                  className="c22"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -102399,7 +109112,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                 </svg>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                 (Expand details)
               </span>
@@ -102420,104 +109133,136 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c23"
               >
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
-                      Head 
-                      EAST
+                      SLIGHTLY_RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        North 105th Street
+                        Unnamed Path
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        64 feet
+                        16 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        steps
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        232 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        service road
+                        Unnamed Path
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        14 feet
+                        19 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        Unnamed Path
+                        Sunset TC (path)
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        180 feet
+                        159 feet
                       </span>
                     </span>
                   </div>
@@ -102528,172 +109273,153 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         </span>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper transit"
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <div
-        className="c56 leg-line"
-      />
-      <span
-        className="c7"
+      <button
+        aria-label="View on map"
+        className="c16 c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+      </button>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c35"
+          mode="TRAM"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            className="c36"
+          >
+            <span
+              aria-hidden={true}
+              className="styled__SRHidden-sc-1q8npbl-57"
+            >
+              MA
+            </span>
+            <span
+              className="c37"
+            >
+              MAX Blue Line
+            </span>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        Aurora Ave N & N 105th St
+        Sunset TC MAX Station
+        <span
+          className="c38"
+        >
+          ID 9969
+        </span>
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:07 PM
+      4:05 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details transit"
+      className="c11"
     >
       <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 7080
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span>
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c13 c39"
               >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      leg={
-                        Object {
-                          "longName": undefined,
-                          "routeId": "kcm:102615",
-                          "shortName": undefined,
-                        }
-                      }
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
+                <div>
                   <span
-                    className="c43 c44"
+                    className="c40"
                   >
-                    E Line
+                    MAX Blue Line
                   </span>
-                </span>
+                </div>
                 <span
-                  className="c45"
+                  className="c41"
                 >
                   <span>
-                    Downtown Seattle
+                    MAX Blue Line 
+                    <span
+                      className="c42"
+                    >
+                      to
+                    </span>
+                     Gresham
                   </span>
                 </span>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                  - 
                 Disembark at 
-                3rd Ave & Cherry St
+                Oak/ SW 1st Ave MAX Station
+                <span
+                  className="c38"
+                >
+                  ID 8337
+                </span>
               </span>
             </span>
             <button
-              className="c26 c27 transit-leg-button"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -102702,21 +109428,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         </div>
         <div
           aria-label="Leg details"
-          className="transit-leg-details-wrapper"
           role="group"
         >
           <div
-            className="c46 agency-info"
+            className="c16 c43"
+            onClick={[Function]}
           >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-84"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
             >
-              Metro Transit
-            </a>
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
           </div>
           <div
             aria-hidden={false}
@@ -102730,27 +109464,152 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           >
             <div
               style={Object {}}
-            />
+            >
+              <ul
+                className="c44"
+              >
+                <li
+                  className="c45"
+                >
+                  <div
+                    className="c46"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c47"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c48"
+                  >
+                    Effective as of November 6, 2019
+                    <a
+                      className="c49"
+                      href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c22"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c10"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+                <li
+                  className="c45"
+                >
+                  <div
+                    className="c46"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-85"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c47"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c48"
+                  >
+                    Effective as of November 3, 2019
+                    <a
+                      className="c49"
+                      href="http://trimet.org/alerts/"
+                      target="_blank"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="c22"
+                        fill="currentColor"
+                        focusable="false"
+                        height={10}
+                        viewBox="0 0 512 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16zM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      See alert on TriMet website
+                      <span
+                        className="c10"
+                      >
+                         
+                        otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
+                      </span>
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
           <div
-            className="c47 transit-leg-details"
+            className="c50"
           >
             <div
-              className="c48"
+              className="c51"
             >
               <button
-                className="c26 c49"
+                className="c16 c52"
                 onClick={[Function]}
               >
                 Ride 
-                31 min
-                 / 17 stops
+                21 min
+                 / 9 stops
                 <span
-                  className="c31"
+                  className="c21"
                 >
                   <svg
                     aria-hidden="true"
-                    className="c8"
+                    className="c22"
                     fill="currentColor"
                     focusable="false"
                     height={15}
@@ -102765,18 +109624,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                   </svg>
                 </span>
                 <span
-                  className="c19 invisible-additional-details"
+                  className="c10"
                 >
                   (Expand details)
                 </span>
               </button>
-              <button
-                className="c26 c40 c41"
-                onClick={[Function]}
-                role="link"
-              >
-                Trip Viewer
-              </button>
             </div>
             <div
               aria-hidden={true}
@@ -102792,233 +109644,121 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                 style={Object {}}
               >
                 <div
-                  className="c50"
+                  className="c53"
                 >
                   <ol
-                    className="c51"
+                    className="c54"
                   >
                     <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 100th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 90th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 85th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 80th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 76th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 65th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 46th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        Aurora Ave N & Lynn St
+                        Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        Aurora Ave N & Galer St
+                        Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        7th Ave N & Thomas St
+                        Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        Wall St & 5th Ave
+                        Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        3rd Ave & Bell St
+                        Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        3rd Ave & Virginia St
+                        Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        3rd Ave & Pike St
+                        Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c55"
                     >
                       <div
-                        className="c53 c54"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c57"
                       >
-                        3rd Ave & Seneca St
+                        Yamhill District MAX Station
                       </div>
                     </li>
                   </ol>
@@ -103029,147 +109769,134 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         </div>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <div
-        className="c6 leg-line"
-      />
-      <span
-        className="c7"
+      <button
+        aria-label="View on map"
+        className="c16 c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+      </button>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c33"
+          mode="WALK"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by walking"
+            className="c34"
+            mode="WALK"
+          >
+            <svg
+              leg={
+                Object {
+                  "longName": undefined,
+                  "routeId": undefined,
+                  "shortName": undefined,
+                }
+              }
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by walking
+              </title>
+              <path
+                d="m 207.60225,19.503527 c 16.02,0 29.07,13.05 29.07,29.07 0,16.020001 -13.05,29.07 -29.07,29.07 -16.02,0 -29.07,-13.049999 -29.07,-29.07 0,-16.02 13.05,-29.07 29.07,-29.07 z m 88.65,181.620003 c -4.05,5.94 -12.15,7.47 -18.09,3.42 0,0 -40.23,-27.45 -43.11,-29.43 -2.88,-1.98 -4.59,-6.12 -5.85,-8.82 -0.9,-1.8 -5.4,-10.62 -8.37,-16.47 l -3.6,15.3 -9.36,42.39 c 0,0 50.13,59.04 51.12,60.21 1.44,1.62 2.25,4.95 2.88,7.47 0.63,2.43 13.41,71.91 13.41,71.91 1.98,10.71 -5.13,21.06 -15.84,23.13 -10.71,1.98001 -21.06,-5.13 -23.13,-15.84 l -12.78,-68.67 -41.67,-45.54 c 0,0 -9.27,43.29 -9.45,44.19 -0.18,0.9 -0.63,2.25 -1.17,3.51 -0.54,1.17 -42.84,72.99 -42.84,72.99 -5.58,9.36 -17.73,12.51 -27.18,6.93 -9.359998,-5.58 -12.509998,-17.73 -6.929998,-27.18 l 37.619998,-63.27 30.24,-136.89 -20.34,16.2 -11.25,49.59 c 0,7.02 -7.92,11.61 -14.94,10.08 -7.02,-1.53 -11.16,-4.41 -9.54,-15.39 h 0.18 c 0,0 11.7,-55.08 12.6,-57.51 0.81,-2.43 2.07,-5.13 3.33,-6.12 8.46,-6.84 41.22,-33.66 50.85,-41.400003 11.07,-9.000001 15.93,-12.329999 25.38,-12.329999 7.11,0 14.85,2.159999 23.04,10.62 3.6,3.690001 6.21,9.720002 8.01,13.500002 1.8,3.69 24.39,48.33 24.39,48.33 l 38.97,27 c 5.94,4.05 7.47,12.15 3.42,18.09 z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        3rd Ave & Cherry St
+        Oak/ SW 1st Ave MAX Station
+        <span
+          className="c38"
+        >
+          ID 8337
+        </span>
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:39 PM
+      4:27 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20 place-details "
+      className="c11"
     >
       <div
-        className="c39 transit-leg-subheader"
-      >
-        Stop ID 490
-        <button
-          className="c26 c40 c41"
-          onClick={[Function]}
-          role="link"
-        >
-          Stop Viewer
-        </button>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  leg={
-                    Object {
-                      "longName": undefined,
-                      "routeId": undefined,
-                      "shortName": undefined,
-                    }
-                  }
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
+              className="c14"
+            />
             <span
-              className="c19 invisible-additional-details"
+              className="c10"
             >
                - 
             </span>
             <span>
-              Walk 443 feet to 
+              Walk 0.1 miles to 
               <span
-                className="c25"
+                className="c15"
               >
-                208 James St, Seattle, WA 98104-2212, United States
+                205 SW Pine St, Portland, OR, USA 97204
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -103177,23 +109904,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           </span>
         </div>
         <span
-          className="c28"
+          className="c18"
         >
           <span
-            className="c29"
+            className="c19"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              About 2 min
               <span
-                className="c31"
+                className="c21"
               >
                 <svg
                   aria-hidden="true"
-                  className="c8"
+                  className="c22"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -103208,7 +109935,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                 </svg>
               </span>
               <span
-                className="c19 invisible-additional-details"
+                className="c10"
               >
                 (Expand details)
               </span>
@@ -103229,13 +109956,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c23"
               >
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -103246,54 +109973,153 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
                       Head 
-                      SOUTHEAST
+                      NORTHEAST
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        sidewalk
+                        Oak/SW 1st Ave (path)
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        326 feet
+                        13 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
-                      UTURN_RIGHT
+                      CONTINUE
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        sidewalk
+                        Unnamed Path
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        117 feet
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        337 feet
                       </span>
                     </span>
                   </div>
@@ -103304,73 +110130,115 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         </span>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3 place-row-wrapper "
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <span
-        className="c7"
+      <button
+        aria-label="View on map"
+        className="c16 c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c57 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+      </button>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c5"
         >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            className="c58"
+          >
+            <svg
+              aria-hidden="true"
+              className="c22 c59"
+              fill="currentColor"
+              focusable="false"
+              height={25}
+              viewBox="0 0 384 512"
+              width={25}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+                fill="currentColor"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        208 James St, Seattle, WA 98104-2212, United States
+        205 SW Pine St, Portland, OR, USA 97204
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:41 PM
+      4:29 PM
     </div>
     <span
-      className="c19 invisible-additional-details"
+      className="c10"
     >
       Arrive at 
-      208 James St, Seattle, WA 98104-2212, United States
+      205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
-      className="c20 place-details "
+      className="c11"
     />
+    <div
+      className="c29 c30"
+    >
+      <button
+        aria-label="View on map"
+        className="c16 c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </button>
+    </div>
   </li>
 </ol>
 `;
@@ -104050,7 +110918,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -105752,7 +112620,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -109410,7 +116278,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -113289,7 +120157,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -116017,7 +122885,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -118086,7 +124954,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -121905,7 +128773,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -127154,7 +134022,7 @@ exports[`Storyshots ItineraryBody/otp-ui Hide Driving Directions 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -131310,7 +138178,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -135457,7 +142325,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -138152,7 +145020,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -141923,7 +148791,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -144604,7 +151472,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
 
 .c21 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c2 {
@@ -146665,7 +153533,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -148712,7 +155580,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -150758,7 +157626,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -152935,7 +159803,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
 
 .c27 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -156831,7 +163699,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -161587,7 +168455,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -166367,7 +173235,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -170578,7 +177446,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -173436,7 +180304,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -174834,7 +181702,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -177536,7 +184404,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
 
 .c21 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -180175,7 +187043,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -182230,7 +189098,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -184315,7 +191183,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -186341,7 +193209,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -188394,7 +195262,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -191977,7 +198845,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -196657,7 +203525,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -201336,7 +208204,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
 
 .c18 {
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 }
 
 .c1 {
@@ -262253,6 +269121,561 @@ exports[`Storyshots Trip Form Components/Metro Mode Selector Metro Mode Selector
 </fieldset>
 `;
 
+exports[`Storyshots TripDetails Approximate Prefix Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <TripDetails
+    co2Config={
+      Object {
+        "enabled": true,
+      }
+    }
+    fareKeyNameMap={Object {}}
+    itinerary={
+      Object {
+        "duration": 61,
+        "elevationGained": 2.9800000000000004,
+        "elevationLost": 0.6900000000000002,
+        "endTime": 1576265401000,
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 50.523999999999994,
+            "duration": 61,
+            "endTime": 1576265401000,
+            "from": Object {
+              "departure": 1576265340000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 15,
+              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1576265340000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 0,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.172842545446779,
+                  },
+                  Object {
+                    "first": 4.82,
+                    "second": 15.222842545446778,
+                  },
+                  Object {
+                    "first": 4.825,
+                    "second": 15.022842545446778,
+                  },
+                  Object {
+                    "first": 14.825,
+                    "second": 16.282842545446776,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 16.832842545446777,
+                  },
+                  Object {
+                    "first": 26.308,
+                    "second": 16.832842545446777,
+                  },
+                  Object {
+                    "first": 36.308,
+                    "second": 17.55284254544678,
+                  },
+                  Object {
+                    "first": 47.248000000000005,
+                    "second": 16.862842545446778,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": true,
+                "distance": null,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.862842545446778,
+                  },
+                  Object {
+                    "first": 2.43,
+                    "second": 17.26284254544678,
+                  },
+                ],
+                "lat": 45.5188999,
+                "lon": -122.6795756,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "arrival": 1576265401000,
+              "lat": 45.51890847886523,
+              "lon": -122.67962369485272,
+              "name": "701 SW 6th Ave, Portland, OR, USA 97204",
+              "orig": "701 SW 6th Ave, Portland, OR, USA 97204",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1576265340000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 50.6389253702716,
+        "walkLimitExceeded": false,
+        "walkTime": 61,
+      }
+    }
+    showApproximateMinutesActive={true}
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots TripDetails Approximate Prefix Itinerary 2`] = `
+.c4 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c7 {
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  margin: 0;
+  padding: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.c9 {
+  color: #00f;
+  font-size: 16px;
+  margin-left: 6px;
+  margin-top: -2px;
+}
+
+.c8 {
+  float: right;
+}
+
+.c2 {
+  margin-top: 6px;
+}
+
+.c6 {
+  background-color: #fff;
+  border: 1px solid #888;
+  font-size: 12px;
+  margin-top: 2px;
+  padding: 8px;
+}
+
+.c3 {
+  float: left;
+  font-size: 17px;
+}
+
+.c0 {
+  background-color: #eee;
+  border-radius: 6px;
+  margin-bottom: 15px;
+  margin-top: 16px;
+  padding: 10px 16px;
+}
+
+.c1 {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.c5 {
+  margin-left: 28px;
+  padding-top: 2px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: baseline;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
+  white-space: pre-wrap;
+}
+
+<div
+  className="c0"
+>
+  <h2
+    className="c1"
+    id="trip-details-header"
+  >
+    Trip Details
+  </h2>
+  <div
+    className="styled__TripDetailsBody-sc-6q2ok2-17"
+  >
+    <div
+      className="c2"
+      role="group"
+    >
+      <div
+        className="c3"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c4"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 448 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <div
+        className="c5"
+      >
+        <span
+          className="styled__Timing-sc-6q2ok2-9"
+        >
+          Depart 
+          <strong>
+            December 13, 2019
+          </strong>
+           at 
+          <strong>
+            11:29 AM
+          </strong>
+        </span>
+      </div>
+      <div
+        aria-hidden={true}
+        className="rah-static rah-static--height-zero "
+        style={
+          Object {
+            "height": 0,
+            "overflow": "hidden",
+          }
+        }
+      >
+        <div
+          style={Object {}}
+        >
+          <div
+            aria-labelledby="expand-button"
+            className="c6"
+            id="mocked-random-id"
+          >
+            <button
+              className="c7 c8"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c4"
+                fill="currentColor"
+                focusable="false"
+                height="0.92em"
+                viewBox="0 0 512 512"
+                width="0.92em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
+                  fill="currentColor"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c2"
+      role="group"
+    >
+      <div
+        className="c3"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c4"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="m320.2 243.8-49.7 99.4c-6 12.1-23.4 11.7-28.9-.6l-56.9-126.3-30 71.7H60.6l182.5 186.5c7.1 7.3 18.6 7.3 25.7 0L451.4 288H342.3l-22.1-44.2zM473.7 73.9l-2.4-2.5c-51.5-52.6-135.8-52.6-187.4 0L256 100l-27.9-28.5c-51.5-52.7-135.9-52.7-187.4 0l-2.4 2.4C-10.4 123.7-12.5 203 31 256h102.4l35.9-86.2c5.4-12.9 23.6-13.2 29.4-.4l58.2 129.3 49-97.9c5.9-11.8 22.7-11.8 28.6 0l27.6 55.2H481c43.5-53 41.4-132.3-7.3-182.1z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <div
+        className="c5"
+      >
+        Time Spent Active: 
+        <strong>
+          ~1 minute
+        </strong>
+        <button
+          aria-controls="mocked-random-id"
+          aria-expanded={false}
+          aria-label="otpUi.TripDetails.showDetail"
+          className="c7 c9"
+          id="expand-button"
+          onClick={[Function]}
+          tabIndex={0}
+        >
+          <svg
+            aria-hidden="true"
+            className="c4"
+            fill="currentColor"
+            focusable="false"
+            height="0.92em"
+            viewBox="0 0 512 512"
+            width="0.92em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
+              fill="currentColor"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        aria-hidden={true}
+        className="rah-static rah-static--height-zero "
+        style={
+          Object {
+            "height": 0,
+            "overflow": "hidden",
+          }
+        }
+      >
+        <div
+          style={Object {}}
+        >
+          <div
+            aria-labelledby="expand-button"
+            className="c6"
+            id="mocked-random-id"
+          >
+            <button
+              className="c7 c8"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c4"
+                fill="currentColor"
+                focusable="false"
+                height="0.92em"
+                viewBox="0 0 512 512"
+                width="0.92em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
+                  fill="currentColor"
+                />
+              </svg>
+            </button>
+            By taking this trip, you'll spend 
+            <strong>
+              1 minute
+            </strong>
+             walking and 
+            <strong>
+              0 minutes
+            </strong>
+             biking.
+
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c2"
+      role="group"
+    >
+      <div
+        className="c3"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c4"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 576 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <div
+        className="c5"
+      >
+        <span
+          className="styled__CO2Summary-sc-6q2ok2-3"
+        >
+          CO₂ Emitted: 
+          <strong>
+            1g
+          </strong>
+        </span>
+        <button
+          aria-controls="mocked-random-id"
+          aria-expanded={false}
+          aria-label="otpUi.TripDetails.showDetail"
+          className="c7 c9"
+          id="expand-button"
+          onClick={[Function]}
+          tabIndex={0}
+        >
+          <svg
+            aria-hidden="true"
+            className="c4"
+            fill="currentColor"
+            focusable="false"
+            height="0.92em"
+            viewBox="0 0 512 512"
+            width="0.92em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
+              fill="currentColor"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        aria-hidden={true}
+        className="rah-static rah-static--height-zero "
+        style={
+          Object {
+            "height": 0,
+            "overflow": "hidden",
+          }
+        }
+      >
+        <div
+          style={Object {}}
+        >
+          <div
+            aria-labelledby="expand-button"
+            className="c6"
+            id="mocked-random-id"
+          >
+            <button
+              className="c7 c8"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c4"
+                fill="currentColor"
+                focusable="false"
+                height="0.92em"
+                viewBox="0 0 512 512"
+                width="0.92em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
+                  fill="currentColor"
+                />
+              </svg>
+            </button>
+            CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from 
+            <a
+              href="https://www.itf-oecd.org/sites/default/files/life-cycle-assessment-calculations-2020.xlsx"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              this spreadsheet
+            </a>
+            .
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots TripDetails Bike Only Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
diff --git a/packages/itinerary-body/i18n/en-US.yml b/packages/itinerary-body/i18n/en-US.yml
index a30217e24..0fbfb8d95 100644
--- a/packages/itinerary-body/i18n/en-US.yml
+++ b/packages/itinerary-body/i18n/en-US.yml
@@ -69,7 +69,9 @@ otpUi:
       vehicle: Vehicle
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# hr }}{minutes} min"
+      durationShort: >-
+        {approximatePrefix, select, true {About } other {}}{hours, plural, =0 {}
+        other {# hr }}{minutes} min
     flexAdvanceNotice: " at least {leadDays, plural, one {# day} other {# days}} in advance"
     flexCallAhead: call ahead
     flexCallNumber: call {phoneNumber}
diff --git a/packages/itinerary-body/i18n/es.yml b/packages/itinerary-body/i18n/es.yml
index 888f27c6f..a485a72ab 100644
--- a/packages/itinerary-body/i18n/es.yml
+++ b/packages/itinerary-body/i18n/es.yml
@@ -18,15 +18,12 @@ otpUi:
       bookRide: Reservar un viaje
       bookRideLater: Espere hasta las {timeMillis, time, short} para reservar
       estimatedCost: "Costo estimado: {minFare} - {maxFare}"
-      estimatedTravelTime: "Tiempo de viaje estimado: {duration} (no tiene en cuenta
-        el tráfico)"
-      waitForPickup: "Espera al conductor {company}{minutes, plural, =0 {} other {
-        # minutos}}"
+      estimatedTravelTime: "Tiempo de viaje estimado: {duration} (no tiene en cuenta el tráfico)"
+      waitForPickup: "Espera al conductor {company}{minutes, plural, =0 {} other { # minutos}}"
     mapillaryTooltip: Mostrar imágenes de la calle en esta ubicación
     step:
       circleClockwise: Siga el círculo en el sentido de las agujas del reloj
-      circleCounterClockwise: Siga el círculo en sentido contrario a las agujas del
-        reloj
+      circleCounterClockwise: Siga el círculo en sentido contrario a las agujas del reloj
       continue: Continuar
       enterStation: Entrar a la estación
       exitStation: Salir de la estación
@@ -72,9 +69,10 @@ otpUi:
       vehicle: Vehículo
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# hr. }}{minutes} min"
-    flexAdvanceNotice: " al menos {leadDays, plural, one {# día} other {# días}} de
-      antelación"
+      durationShort: >-
+        {approximatePrefix, select, true {Unos } other {}}{hours, plural, =0 {}
+        other {# hr. }}{minutes} min
+    flexAdvanceNotice: " al menos {leadDays, plural, one {# día} other {# días}} de antelación"
     flexCallAhead: llama con anticipación
     flexCallNumber: llama {phoneNumber}
     flexPickupMessage: Para tomar esta ruta, tiene que {action}{advanceNotice}.
@@ -85,13 +83,13 @@ otpUi:
       car: en carro
       escooter: en patineta
       walk: a pie
-    viewOnMap: Ver en el mapa
     tripAccessibility:
       inaccessible: inaccesible
-      unclear: desconocido
-      legAccessibility: 'Accesibilidad para sillas de ruedas en este tramo del viaje: '
+      itineraryAccessibility: "Accesibilidad para sillas de ruedas en este viaje: "
+      legAccessibility: "Accesibilidad para sillas de ruedas en este tramo del viaje: "
       likelyAccessible: probablemente accesible
-      itineraryAccessibility: 'Accesibilidad para sillas de ruedas en este viaje: '
+      unclear: desconocido
+    viewOnMap: Ver en el mapa
   TransitLegBody:
     AlertsBody:
       effectiveDate: A partir de {dateTime, date, long}
diff --git a/packages/itinerary-body/i18n/fr.yml b/packages/itinerary-body/i18n/fr.yml
index 862a7ab94..82568da0e 100644
--- a/packages/itinerary-body/i18n/fr.yml
+++ b/packages/itinerary-body/i18n/fr.yml
@@ -73,7 +73,9 @@ otpUi:
       vehicle: Véhicule
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# h }}{minutes} min"
+      durationShort: >-
+        {approximatePrefix, select, true {Environ } other {}}{hours, plural, =0
+        {} other {# h }}{minutes} min
     flexAdvanceNotice: " au moins {leadDays, plural, one {# jour} other {# jours}} à l'avance"
     flexCallAhead: réserver au préalable
     flexCallNumber: réserver au {phoneNumber}
diff --git a/packages/itinerary-body/i18n/ko.yml b/packages/itinerary-body/i18n/ko.yml
index 80b66eec7..8ca12417e 100644
--- a/packages/itinerary-body/i18n/ko.yml
+++ b/packages/itinerary-body/i18n/ko.yml
@@ -69,7 +69,9 @@ otpUi:
       vehicle: 차량
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# 시간 }}{minutes} 분"
+      durationShort: >-
+        {approximatePrefix, select, true {약 } other {}}{hours, plural, =0 {}
+        other {# 시간 }}{minutes} 분
     flexAdvanceNotice: " 최소 {leadDays}일 전에"
     flexCallAhead: 미리 전화
     flexCallNumber: "{phoneNumber}에 전화"
diff --git a/packages/itinerary-body/i18n/ru.yml b/packages/itinerary-body/i18n/ru.yml
index 393c3769e..467ed8e28 100644
--- a/packages/itinerary-body/i18n/ru.yml
+++ b/packages/itinerary-body/i18n/ru.yml
@@ -69,7 +69,9 @@ otpUi:
       vehicle: Транспортное средство
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# ч }}{minutes} мин"
+      durationShort: >-
+        {approximatePrefix, select, true {Около } other {}}{hours, plural, =0 {}
+        other {# ч }}{minutes} мин
     flexCallAhead: звоните заранее
     flexCallNumber: звоните {phoneNumber}
     flexPickupMessage: Чтобы воспользоваться этим маршрутом, {action}{advanceNotice}.
diff --git a/packages/itinerary-body/i18n/vi.yml b/packages/itinerary-body/i18n/vi.yml
index 1e5caa211..f836bf665 100644
--- a/packages/itinerary-body/i18n/vi.yml
+++ b/packages/itinerary-body/i18n/vi.yml
@@ -69,7 +69,9 @@ otpUi:
       vehicle: Xe
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# giờ }}{minutes} phút"
+      durationShort: >-
+        {approximatePrefix, select, true {Khoảng } other {}}{hours, plural, =0
+        {} other {# giờ }}{minutes} phút
     flexAdvanceNotice: " ít nhất trước {leadDays} ngày"
     flexCallAhead: gọi điện trước khi đi
     flexCallNumber: gọi {phoneNumber}
diff --git a/packages/itinerary-body/i18n/zh_Hans.yml b/packages/itinerary-body/i18n/zh_Hans.yml
index f8541a3f4..d66d9c3f2 100644
--- a/packages/itinerary-body/i18n/zh_Hans.yml
+++ b/packages/itinerary-body/i18n/zh_Hans.yml
@@ -69,7 +69,9 @@ otpUi:
       vehicle: 车辆
   ItineraryBody:
     common:
-      durationShort: "{hours, plural, =0 {} other {# 시간 }}{minutes} 分钟"
+      durationShort: >-
+        {approximatePrefix, select, true {约 } other {}}{hours, plural, =0 {}
+        other {# 시간 }}{minutes} 分钟
     flexAdvanceNotice: " 至少提前 {leadDays} 天"
     flexCallAhead: 提前打电话
     flexCallNumber: 拨打 {phoneNumber}
diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx
index 4f9a3e51b..989702a7b 100644
--- a/packages/itinerary-body/src/AccessLegBody/index.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/index.tsx
@@ -1,4 +1,5 @@
 import { Config, Leg, LegIconComponent } from "@opentripplanner/types";
+import { isTransit } from "@opentripplanner/core-utils/lib/itinerary";
 import React, { Component, FunctionComponent, ReactElement } from "react";
 import AnimateHeight from "react-animate-height";
 import { FormattedMessage } from "react-intl";
@@ -35,6 +36,7 @@ interface Props {
   mapillaryKey?: string;
   setActiveLeg: SetActiveLegFunction;
   setLegDiagram: (leg: Leg) => void;
+  showApproximateTravelTime?: boolean;
   showElevationProfile: boolean;
   showLegIcon: boolean;
   TransitLegSubheader?: FunctionComponent<TransitLegSubheaderProps>;
@@ -75,6 +77,7 @@ class AccessLegBody extends Component<Props, State> {
       mapillaryCallback,
       mapillaryKey,
       setLegDiagram,
+      showApproximateTravelTime,
       showElevationProfile,
       showLegIcon,
       TransitLegSubheader
@@ -137,7 +140,12 @@ class AccessLegBody extends Component<Props, State> {
                     aria-expanded={expanded}
                     onClick={this.onStepsHeaderClick}
                   >
-                    <Duration seconds={leg.duration} />
+                    <Duration
+                      seconds={leg.duration}
+                      showApproximatePrefix={
+                        showApproximateTravelTime && !isTransit(leg.mode)
+                      }
+                    />
                     {leg.steps && leg.steps.length > 0 && (
                       <S.CaretToggle expanded={expanded} />
                     )}
diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx
index 8bc960db7..8851e9539 100755
--- a/packages/itinerary-body/src/ItineraryBody/index.tsx
+++ b/packages/itinerary-body/src/ItineraryBody/index.tsx
@@ -33,6 +33,7 @@ const ItineraryBody = ({
   setActiveLeg,
   setLegDiagram,
   setViewedTrip,
+  showApproximateAccessLegTravelTimes,
   showAgencyInfo,
   showElevationProfile,
   showLegIcon,
@@ -82,6 +83,9 @@ const ItineraryBody = ({
           setActiveLeg={setActiveLeg}
           setLegDiagram={setLegDiagram}
           setViewedTrip={setViewedTrip}
+          showApproximateAccessLegTravelTimes={
+            showApproximateAccessLegTravelTimes
+          }
           showAgencyInfo={showAgencyInfo}
           showElevationProfile={showElevationProfile}
           showLegIcon={showLegIcon}
diff --git a/packages/itinerary-body/src/ItineraryBody/place-row.tsx b/packages/itinerary-body/src/ItineraryBody/place-row.tsx
index be5402fd5..f1960af85 100755
--- a/packages/itinerary-body/src/ItineraryBody/place-row.tsx
+++ b/packages/itinerary-body/src/ItineraryBody/place-row.tsx
@@ -40,6 +40,7 @@ export default function PlaceRow({
   setLegDiagram,
   setViewedTrip,
   showAgencyInfo,
+  showApproximateAccessLegTravelTimes,
   showElevationProfile,
   showLegIcon,
   showMapButtonColumn,
@@ -177,6 +178,7 @@ export default function PlaceRow({
               mapillaryKey={mapillaryKey}
               setActiveLeg={setActiveLeg}
               setLegDiagram={setLegDiagram}
+              showApproximateTravelTime={showApproximateAccessLegTravelTimes}
               showElevationProfile={showElevationProfile}
               showLegIcon={showLegIcon}
               TransitLegSubheader={TransitLegSubheader}
diff --git a/packages/itinerary-body/src/defaults/duration.tsx b/packages/itinerary-body/src/defaults/duration.tsx
index 67f178683..4a26ba49a 100644
--- a/packages/itinerary-body/src/defaults/duration.tsx
+++ b/packages/itinerary-body/src/defaults/duration.tsx
@@ -6,13 +6,17 @@ import { defaultMessages } from "../util";
 
 interface Props {
   seconds: number;
+  showApproximatePrefix?: boolean;
 }
 
 /**
  * This is a clickable component that summarizes the leg (travel time, stops
  * passed). On click it will expand and show the list of intermediate stops.
  */
-export default function Duration({ seconds }: Props): ReactElement {
+export default function Duration({
+  seconds,
+  showApproximatePrefix
+}: Props): ReactElement {
   return (
     <FormattedMessage
       defaultMessage={
@@ -20,7 +24,10 @@ export default function Duration({ seconds }: Props): ReactElement {
       }
       description="Duration in abbreviated hours (if over one hour) and minutes"
       id="otpUi.ItineraryBody.common.durationShort"
-      values={coreUtils.time.toHoursMinutesSeconds(seconds)}
+      values={{
+        ...coreUtils.time.toHoursMinutesSeconds(seconds),
+        approximatePrefix: showApproximatePrefix
+      }}
     />
   );
 }
diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
index 22ad83a28..c26c1f3d3 100644
--- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
@@ -59,6 +59,7 @@ interface StoryWrapperProps {
   defaultFareSelector?: FareProductSelector;
   hideDrivingDirections?: boolean;
   itinerary: Itinerary;
+  showApproximateAccessLegTravelTimes?: boolean;
   TimeColumnContent?: FunctionComponent<TimeColumnContentProps>;
 }
 
@@ -67,6 +68,7 @@ function OtpRRItineraryBodyWrapper({
   defaultFareSelector,
   hideDrivingDirections = false,
   itinerary,
+  showApproximateAccessLegTravelTimes = false,
   TimeColumnContent
 }: StoryWrapperProps): ReactElement {
   return (
@@ -80,6 +82,7 @@ function OtpRRItineraryBodyWrapper({
       PlaceName={OtpRRPlaceName}
       RouteDescription={OtpRRRouteDescription}
       showAgencyInfo
+      showApproximateAccessLegTravelTimes={showApproximateAccessLegTravelTimes}
       showLegIcon
       showMapButtonColumn={false}
       showViewTripButton
@@ -243,3 +246,10 @@ export const HideDrivingDirections = (): ReactElement => (
     itinerary={parkAndRideItinerary}
   />
 );
+
+export const ApproximatePrefixItinerary = (): ReactElement => (
+  <OtpRRItineraryBodyWrapper
+    itinerary={walkTransitWalkItinerary}
+    showApproximateAccessLegTravelTimes
+  />
+);
diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
index 3a8708fce..7a3a733df 100644
--- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
@@ -226,3 +226,10 @@ export const HideDrivingDirections = (): ReactElement => (
     itinerary={parkAndRideItinerary}
   />
 );
+
+export const ApproximatePrefixItinerary = (): ReactElement => (
+  <ItineraryBodyDefaultsWrapper
+    itinerary={parkAndRideItinerary}
+    showApproximateAccessLegTravelTimes
+  />
+);
diff --git a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
index 1b68669c8..07ef9972d 100644
--- a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
+++ b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
@@ -53,6 +53,7 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
       RouteDescription,
       RouteDescriptionFooter = undefined,
       showAgencyInfo,
+      showApproximateAccessLegTravelTimes = false,
       showLegIcon,
       showMapButtonColumn = true,
       showViewTripButton,
@@ -104,6 +105,9 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
         setLegDiagram={this.setLegDiagram}
         setViewedTrip={action("setViewedTrip")}
         showAgencyInfo={showAgencyInfo}
+        showApproximateAccessLegTravelTimes={
+          showApproximateAccessLegTravelTimes
+        }
         showElevationProfile
         showLegIcon={showLegIcon}
         showMapButtonColumn={showMapButtonColumn}
diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx
index 1374b45cc..d88865830 100755
--- a/packages/itinerary-body/src/styled.tsx
+++ b/packages/itinerary-body/src/styled.tsx
@@ -387,7 +387,7 @@ export const LineColumn = styled.div`
 
 export const LegDetails = styled.span`
   display: grid;
-  grid-template-columns: 100px auto;
+  grid-template-columns: 130px auto;
 `;
 
 export const PlaceRowWrapper = styled.li`
diff --git a/packages/itinerary-body/src/types.ts b/packages/itinerary-body/src/types.ts
index 934a6829a..0b634bc53 100644
--- a/packages/itinerary-body/src/types.ts
+++ b/packages/itinerary-body/src/types.ts
@@ -201,6 +201,8 @@ interface ItineraryBodySharedProps {
   setViewedTrip: SetViewedTripFunction;
   /** If true, will show agency information in transit legs */
   showAgencyInfo?: boolean;
+  /** Whether to prefix non transit legs with 'About' text */
+  showApproximateAccessLegTravelTimes?: boolean;
   /** If true, will show the elevation profile for walk/bike legs */
   showElevationProfile?: boolean;
   /** If true will show the leg icon in the leg body */
diff --git a/packages/trip-details/i18n/en-US.yml b/packages/trip-details/i18n/en-US.yml
index a9b654899..718b6e1f7 100644
--- a/packages/trip-details/i18n/en-US.yml
+++ b/packages/trip-details/i18n/en-US.yml
@@ -18,8 +18,8 @@ otpUi:
     hideDetail: Hide details
     legMissingFareInfo: No fare information for this leg
     minutesActive: >-
-      Time Spent Active: <strong>{minutes, plural, one {# minute} other {#
-      minutes}}</strong>
+      Time Spent Active: <strong>{approximatePrefix, select, true {~} other
+      {}}{minutes, plural, one {# minute} other {# minutes}}</strong>
     missingFareTotal: No fare total available
     showDetail: Show details
     timeActiveDescription: >
diff --git a/packages/trip-details/i18n/es.yml b/packages/trip-details/i18n/es.yml
index 1f89ba261..37a03a35f 100644
--- a/packages/trip-details/i18n/es.yml
+++ b/packages/trip-details/i18n/es.yml
@@ -16,9 +16,11 @@ otpUi:
       Salida <strong>{departureDate, date, long}</strong> a las
       <strong>{departureDate, time, short}</strong>
     hideDetail: Ocultar detalles
+    legMissingFareInfo: No hay información sobre tarifas para este tramo
     minutesActive: >-
-      Tiempo de actividad: <strong>{minutes, plural, one {# minuto} other {#
-      minutos}}</strong>
+      Tiempo de actividad: <strong>{approximatePrefix, select, true {~} other
+      {}}{minutes, plural, one {# minuto} other {# minutos}}</strong>
+    missingFareTotal: No hay tarifas disponibles
     showDetail: Mostrar detalles
     timeActiveDescription: >
       Al hacer este viaje, gastarás <strong>{walkMinutes, plural, one {# minuto}
@@ -30,5 +32,3 @@ otpUi:
     transitFare: Tarifa de tránsito
     transitFareEntry: "{name} : <strong>{value}</strong>"
     tripIncludesFlex: Este viaje incluye rutas flexibles. {extraMessage}
-    missingFareTotal: No hay tarifas disponibles
-    legMissingFareInfo: No hay información sobre tarifas para este tramo
diff --git a/packages/trip-details/i18n/fr.yml b/packages/trip-details/i18n/fr.yml
index 9b388ddb3..de8b1ab23 100644
--- a/packages/trip-details/i18n/fr.yml
+++ b/packages/trip-details/i18n/fr.yml
@@ -17,7 +17,7 @@ otpUi:
       <strong>{departureDate, time, short}</strong>
     hideDetail: Masquer les détails
     legMissingFareInfo: Tarif inconnu pour cette étape
-    minutesActive: "Activité physique\_: <strong>{minutes, plural, one {# minute} other {# minutes}}</strong>"
+    minutesActive: "Activité physique\_: <strong>{approximatePrefix, select, true {~} other {}}{minutes, plural, one {# minute} other {# minutes}}</strong>"
     missingFareTotal: Tarif total inconnu
     showDetail: Afficher les détails
     timeActiveDescription: >
diff --git a/packages/trip-details/i18n/ko.yml b/packages/trip-details/i18n/ko.yml
index 122d29cdb..0ed824742 100644
--- a/packages/trip-details/i18n/ko.yml
+++ b/packages/trip-details/i18n/ko.yml
@@ -15,7 +15,9 @@ otpUi:
       <strong>{departureDate, time, short}</strong>에 <strong>{departureDate,
       date, long}</strong> 출발
     hideDetail: 세부정보 숨기기
-    minutesActive: "소요 시간 사용 중: <strong>{minutes} 분</strong>"
+    minutesActive: >-
+      소요 시간 사용 중: <strong>{approximatePrefix, select, true {약 } other
+      {}}{minutes} 분</strong>
     showDetail: 세부정보 표시
     timeActiveDescription: >
       이 이동편을 이용하면, 도보로 <strong>{walkMinutes} 분</strong> 및 자전거로
diff --git a/packages/trip-details/i18n/ru.yml b/packages/trip-details/i18n/ru.yml
index 9c4bf0df9..442549802 100644
--- a/packages/trip-details/i18n/ru.yml
+++ b/packages/trip-details/i18n/ru.yml
@@ -18,8 +18,8 @@ otpUi:
       <strong>{departureDate, time, short}</strong>
     hideDetail: Скрыть детали
     minutesActive: >-
-      Время в активном режиме: <strong>{minutes, plural, one {# минуту} other {#
-      минуты}}</strong>
+      Время в активном режиме: <strong>{approximatePrefix, select, true {~}
+      other {}}{minutes, plural, one {# минуту} other {# минуты}}</strong>
     showDetail: Показать детали
     timeActiveDescription: >
       Проделав этот маршрут, вы потратите <strong>{walkMinutes, plural, one {#
diff --git a/packages/trip-details/i18n/tl.yml b/packages/trip-details/i18n/tl.yml
index 455fcb178..b65540fb1 100644
--- a/packages/trip-details/i18n/tl.yml
+++ b/packages/trip-details/i18n/tl.yml
@@ -17,7 +17,9 @@ otpUi:
       Aalis <strong>{departureDate, date, long}</strong> nang
       <strong>{departureDate, time, short}</strong>
     hideDetail: Itago ang mga detalye
-    minutesActive: "Oras na Ginugol sa pagiging Aktibo: <strong>{minutes} minuto</strong>"
+    minutesActive: >-
+      Oras na Ginugol sa pagiging Aktibo: <strong>{approximatePrefix, select,
+      true {~} other {}}{minutes} minuto</strong>
     showDetail: Ipakita ang mga detalye
     timeActiveDescription: >
       Sa pagbiyahe nang ganitong paraan, gugugol ka ng <strong>{walkMinutes}
diff --git a/packages/trip-details/i18n/vi.yml b/packages/trip-details/i18n/vi.yml
index 96fff1c9b..7f39055b9 100644
--- a/packages/trip-details/i18n/vi.yml
+++ b/packages/trip-details/i18n/vi.yml
@@ -16,7 +16,9 @@ otpUi:
       Khởi hành <strong>{departureDate, date, long}</strong> lúc
       <strong>{departureDate, time, short}</strong>
     hideDetail: Ẩn chi tiết
-    minutesActive: "Thời gian hoạt động: <strong>{minutes} phút</strong>"
+    minutesActive: >-
+      Thời gian hoạt động: <strong>{approximatePrefix, select, true {~} other
+      {}}{minutes} phút</strong>
     showDetail: Hiển thị chi tiết
     timeActiveDescription: >
       Nếu thực hiện chuyến đi này, quý vị sẽ dành <strong>{walkMinutes}
diff --git a/packages/trip-details/i18n/zh_Hans.yml b/packages/trip-details/i18n/zh_Hans.yml
index e90006efb..6a29f2553 100644
--- a/packages/trip-details/i18n/zh_Hans.yml
+++ b/packages/trip-details/i18n/zh_Hans.yml
@@ -13,7 +13,9 @@ otpUi:
       <strong>{departureDate, date, long}</strong> <strong>{departureDate, time,
       short}</strong> 出发
     hideDetail: 隐藏细节
-    minutesActive: "活动时间: <strong>{minutes} 分钟</strong>"
+    minutesActive: >-
+      活动时间: <strong>{approximatePrefix, select, true {约 } other {}}{minutes}
+      分钟</strong>
     showDetail: 显示详细资料
     timeActiveDescription: >
       在本次行程中，您将步行 <strong>{walkMinutes} 分钟</strong>，骑行<strong>{bikeMinutes}
diff --git a/packages/trip-details/src/TripDetails.story.tsx b/packages/trip-details/src/TripDetails.story.tsx
index b1c92da3d..5c80027d3 100644
--- a/packages/trip-details/src/TripDetails.story.tsx
+++ b/packages/trip-details/src/TripDetails.story.tsx
@@ -189,8 +189,9 @@ function createTripDetailsTemplate(
       DepartureDetails,
       FareDetails,
       fareDetailsLayout,
+      itinerary,
       TimeActiveDetails,
-      itinerary
+      showApproximateMinutesActive
     }: TripDetailsProps,
     { globals, parameters }: StoryContext
   ): ReactElement => {
@@ -211,6 +212,7 @@ function createTripDetailsTemplate(
         itinerary={itinerary}
         co2Config={defaultCo2Config}
         defaultFareType={defaultFareType}
+        showApproximateMinutesActive={showApproximateMinutesActive}
       />
     );
   };
@@ -251,6 +253,11 @@ export const WalkOnlyItinerary = makeStory({
   itinerary: walkOnlyItinerary
 });
 
+export const ApproximatePrefixItinerary = makeStory({
+  itinerary: walkOnlyItinerary,
+  showApproximateMinutesActive: true
+});
+
 export const BikeOnlyItinerary = makeStory({
   itinerary: bikeOnlyItinerary
 });
diff --git a/packages/trip-details/src/index.tsx b/packages/trip-details/src/index.tsx
index 5e25d28b6..308b0e20c 100644
--- a/packages/trip-details/src/index.tsx
+++ b/packages/trip-details/src/index.tsx
@@ -72,6 +72,7 @@ export function TripDetails({
   fareDetailsLayout,
   fareKeyNameMap = {},
   itinerary,
+  showApproximateMinutesActive,
   TimeActiveDetails = DefaultTimeActiveDetails
 }: TripDetailsProps): ReactElement {
   // process the transit fare
@@ -320,6 +321,7 @@ export function TripDetails({
                 description="Text showing the number of minutes spent walking or biking throughout trip."
                 id="otpUi.TripDetails.minutesActive"
                 values={{
+                  approximatePrefix: showApproximateMinutesActive,
                   minutes: minutesActive,
                   strong: boldText
                 }}
diff --git a/packages/trip-details/src/types.ts b/packages/trip-details/src/types.ts
index 1feba9d6c..deed93711 100644
--- a/packages/trip-details/src/types.ts
+++ b/packages/trip-details/src/types.ts
@@ -93,7 +93,11 @@ export interface TripDetailsProps {
    * Itinerary that the user has selected to view, contains multiple legs.
    */
   itinerary: Itinerary;
-    /**
+  /**
+   * show the '~' symbol in the trip details panel
+   */
+  showApproximateMinutesActive?: boolean;
+  /**
    * Slot for a custom component to render the expandable section for time active.
    */
   TimeActiveDetails?: React.ElementType<TimeActiveDetailsProps>;