diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 7aedd5db5..a9a04ba9f 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -24241,2179 +24241,1299 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
+    defaultFareSelector={
+      Object {
+        "mediumId": "orca:cash",
+        "riderCategoryId": "orca:regular",
+      }
+    }
     itinerary={
       Object {
-        "duration": 5351,
-        "elevationGained": 0.21999999999998465,
-        "elevationLost": 32.49999999999994,
-        "endTime": 1597955224000,
-        "fare": Object {
-          "details": Object {
-            "regular": Array [
-              Object {
-                "fareId": "1:250",
-                "price": Object {
-                  "cents": 250,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:116",
-                ],
-              },
-              Object {
-                "fareId": "1:sound",
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:512",
-                ],
-              },
-              Object {
-                "fareId": "kcm:110",
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "kcm:100259",
-                  "kcm:100225",
-                ],
-              },
-            ],
-          },
-          "fare": Object {
-            "regular": Object {
-              "cents": 575,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
+        "accessibilityScore": null,
+        "duration": 6952,
+        "endTime": 1685146739000,
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "accessibilityScore": null,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1076.218,
-            "duration": 786,
-            "endTime": 1597950659000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 825.81,
+            "dropoffType": "SCHEDULED",
+            "duration": 641,
+            "endTime": 1685140428000,
+            "fareProducts": Array [],
             "from": Object {
-              "departure": 1597949873000,
-              "lat": 47.82468116616122,
-              "lon": -122.2854756863318,
-              "name": "3826 191st Pl SW, Lynnwood, WA, USA",
-              "orig": "3826 191st Pl SW, Lynnwood, WA, USA",
+              "lat": 47.7791977,
+              "lon": -122.2903181,
+              "name": "47.7792, -122.29032",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 53,
-              "points": "qu{bHh{jiVAxB?bBA~AnB?J?x@?pA@F?\\\\?b@?b@?jBAnB?x@?V?Z?X?bA?h@@\\\\?d@?L?tA@^?fA?tA?d@?Z?p@?d@?BHNd@J\`@BJF\\\\?BDT?B@D@DDh@@H?R@P@Z@b@?V@t@?X?l@?N?j@",
+              "length": 16,
+              "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???",
             },
             "mode": "WALK",
-            "pathway": false,
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597949873000,
+            "route": null,
+            "startTime": 1685139787000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 118.911,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 144.39,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 144.22,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 144.08,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 143.86,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 143.93,
-                  },
-                  Object {
-                    "first": 45.81,
-                    "second": 143.98,
-                  },
-                  Object {
-                    "first": 45.81,
-                    "second": 144.39,
-                  },
-                  Object {
-                    "first": 55.81,
-                    "second": 144.04,
-                  },
-                  Object {
-                    "first": 65.81,
-                    "second": 143.71,
-                  },
-                  Object {
-                    "first": 75.81,
-                    "second": 143.48,
-                  },
-                  Object {
-                    "first": 83.01,
-                    "second": 143.29,
-                  },
-                  Object {
-                    "first": 83.00800000000001,
-                    "second": 143.29,
-                  },
-                  Object {
-                    "first": 93.00800000000001,
-                    "second": 143.05,
-                  },
-                  Object {
-                    "first": 103.00800000000001,
-                    "second": 142.85,
-                  },
-                  Object {
-                    "first": 113.00800000000001,
-                    "second": 142.6,
-                  },
-                  Object {
-                    "first": 118.90800000000002,
-                    "second": 142.42,
-                  },
-                ],
-                "lat": 47.82441006166374,
-                "lon": -122.28548660711569,
+                "distance": 36.61,
+                "elevationProfile": Array [],
+                "lat": 47.7791959,
+                "lon": -122.290319,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "road",
+                "streetName": "242nd Street Southwest",
               },
               Object {
                 "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 751.5010000000001,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 142.42,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 142.24,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 142.02,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 141.83,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 141.64,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 141.54,
-                  },
-                  Object {
-                    "first": 62.08,
-                    "second": 141.43,
-                  },
-                  Object {
-                    "first": 62.083,
-                    "second": 141.43,
-                  },
-                  Object {
-                    "first": 68.873,
-                    "second": 141.33,
-                  },
-                  Object {
-                    "first": 68.877,
-                    "second": 141.33,
-                  },
-                  Object {
-                    "first": 78.877,
-                    "second": 141.09,
-                  },
-                  Object {
-                    "first": 88.877,
-                    "second": 140.81,
-                  },
-                  Object {
-                    "first": 100.727,
-                    "second": 140.63,
-                  },
-                  Object {
-                    "first": 100.725,
-                    "second": 140.63,
-                  },
-                  Object {
-                    "first": 110.725,
-                    "second": 140.44,
-                  },
-                  Object {
-                    "first": 120.725,
-                    "second": 140.28,
-                  },
-                  Object {
-                    "first": 130.725,
-                    "second": 140.22,
-                  },
-                  Object {
-                    "first": 140.725,
-                    "second": 140.04,
-                  },
-                  Object {
-                    "first": 146.365,
-                    "second": 139.93,
-                  },
-                  Object {
-                    "first": 146.362,
-                    "second": 139.93,
-                  },
-                  Object {
-                    "first": 151.402,
-                    "second": 139.84,
-                  },
-                  Object {
-                    "first": 151.399,
-                    "second": 139.84,
-                  },
-                  Object {
-                    "first": 161.399,
-                    "second": 139.65,
-                  },
-                  Object {
-                    "first": 168.249,
-                    "second": 139.47,
-                  },
-                  Object {
-                    "first": 168.246,
-                    "second": 139.47,
-                  },
-                  Object {
-                    "first": 178.246,
-                    "second": 139.15,
-                  },
-                  Object {
-                    "first": 187.42600000000002,
-                    "second": 138.86,
-                  },
-                  Object {
-                    "first": 187.42700000000002,
-                    "second": 138.86,
-                  },
-                  Object {
-                    "first": 197.42700000000002,
-                    "second": 138.66,
-                  },
-                  Object {
-                    "first": 207.86700000000002,
-                    "second": 138.41,
-                  },
-                  Object {
-                    "first": 207.86400000000003,
-                    "second": 138.41,
-                  },
-                  Object {
-                    "first": 217.86400000000003,
-                    "second": 138.06,
-                  },
-                  Object {
-                    "first": 227.86400000000003,
-                    "second": 137.69,
-                  },
-                  Object {
-                    "first": 237.86400000000003,
-                    "second": 137.23,
-                  },
-                  Object {
-                    "first": 247.86400000000003,
-                    "second": 136.68,
-                  },
-                  Object {
-                    "first": 257.86400000000003,
-                    "second": 136.11,
-                  },
-                  Object {
-                    "first": 267.34400000000005,
-                    "second": 135.59,
-                  },
-                  Object {
-                    "first": 267.343,
-                    "second": 135.59,
-                  },
-                  Object {
-                    "first": 277.343,
-                    "second": 134.92,
-                  },
-                  Object {
-                    "first": 287.343,
-                    "second": 134.19,
-                  },
-                  Object {
-                    "first": 297.343,
-                    "second": 133.62,
-                  },
-                  Object {
-                    "first": 307.343,
-                    "second": 133.04,
-                  },
-                  Object {
-                    "first": 317.343,
-                    "second": 132.5,
-                  },
-                  Object {
-                    "first": 330.093,
-                    "second": 131.79,
-                  },
-                  Object {
-                    "first": 330.091,
-                    "second": 131.79,
-                  },
-                  Object {
-                    "first": 340.091,
-                    "second": 131.21,
-                  },
-                  Object {
-                    "first": 350.091,
-                    "second": 130.46,
-                  },
-                  Object {
-                    "first": 361.851,
-                    "second": 129.46,
-                  },
-                  Object {
-                    "first": 361.848,
-                    "second": 129.46,
-                  },
-                  Object {
-                    "first": 371.848,
-                    "second": 128.73,
-                  },
-                  Object {
-                    "first": 381.848,
-                    "second": 127.86,
-                  },
-                  Object {
-                    "first": 391.308,
-                    "second": 127.12,
-                  },
-                  Object {
-                    "first": 391.303,
-                    "second": 127.12,
-                  },
-                  Object {
-                    "first": 401.303,
-                    "second": 126.32,
-                  },
-                  Object {
-                    "first": 411.303,
-                    "second": 125.65,
-                  },
-                  Object {
-                    "first": 421.303,
-                    "second": 125.07,
-                  },
-                  Object {
-                    "first": 431.303,
-                    "second": 124.67,
-                  },
-                  Object {
-                    "first": 443.603,
-                    "second": 124.12,
-                  },
-                  Object {
-                    "first": 443.6,
-                    "second": 124.12,
-                  },
-                  Object {
-                    "first": 453.6,
-                    "second": 123.72,
-                  },
-                  Object {
-                    "first": 467.45000000000005,
-                    "second": 123.16,
-                  },
-                  Object {
-                    "first": 467.452,
-                    "second": 123.16,
-                  },
-                  Object {
-                    "first": 477.452,
-                    "second": 122.74,
-                  },
-                  Object {
-                    "first": 484.122,
-                    "second": 122.45,
-                  },
-                  Object {
-                    "first": 484.12,
-                    "second": 122.45,
-                  },
-                  Object {
-                    "first": 494.12,
-                    "second": 121.93,
-                  },
-                  Object {
-                    "first": 504.28000000000003,
-                    "second": 121.51,
-                  },
-                  Object {
-                    "first": 504.281,
-                    "second": 121.51,
-                  },
-                  Object {
-                    "first": 512.331,
-                    "second": 121.22,
-                  },
-                  Object {
-                    "first": 512.331,
-                    "second": 121.22,
-                  },
-                  Object {
-                    "first": 522.331,
-                    "second": 120.84,
-                  },
-                  Object {
-                    "first": 532.331,
-                    "second": 120.41,
-                  },
-                  Object {
-                    "first": 542.331,
-                    "second": 120.05,
-                  },
-                  Object {
-                    "first": 552.331,
-                    "second": 119.75,
-                  },
-                  Object {
-                    "first": 560.791,
-                    "second": 119.54,
-                  },
-                  Object {
-                    "first": 560.792,
-                    "second": 119.54,
-                  },
-                  Object {
-                    "first": 570.792,
-                    "second": 119.32,
-                  },
-                  Object {
-                    "first": 578.472,
-                    "second": 119.2,
-                  },
-                  Object {
-                    "first": 578.472,
-                    "second": 119.2,
-                  },
-                  Object {
-                    "first": 588.472,
-                    "second": 119.08,
-                  },
-                  Object {
-                    "first": 598.472,
-                    "second": 118.9,
-                  },
-                  Object {
-                    "first": 608.472,
-                    "second": 118.64,
-                  },
-                  Object {
-                    "first": 618.062,
-                    "second": 118.39,
-                  },
-                  Object {
-                    "first": 618.057,
-                    "second": 118.39,
-                  },
-                  Object {
-                    "first": 628.057,
-                    "second": 118.19,
-                  },
-                  Object {
-                    "first": 638.057,
-                    "second": 118.03,
-                  },
-                  Object {
-                    "first": 648.057,
-                    "second": 117.88,
-                  },
-                  Object {
-                    "first": 658.057,
-                    "second": 117.86,
-                  },
-                  Object {
-                    "first": 666.297,
-                    "second": 117.84,
-                  },
-                  Object {
-                    "first": 666.293,
-                    "second": 117.84,
-                  },
-                  Object {
-                    "first": 676.293,
-                    "second": 117.79,
-                  },
-                  Object {
-                    "first": 686.683,
-                    "second": 117.78,
-                  },
-                  Object {
-                    "first": 686.686,
-                    "second": 117.78,
-                  },
-                  Object {
-                    "first": 696.686,
-                    "second": 117.71,
-                  },
-                  Object {
-                    "first": 702.996,
-                    "second": 117.65,
-                  },
-                  Object {
-                    "first": 702.998,
-                    "second": 117.65,
-                  },
-                  Object {
-                    "first": 712.998,
-                    "second": 117.54,
-                  },
-                  Object {
-                    "first": 722.998,
-                    "second": 117.37,
-                  },
-                  Object {
-                    "first": 732.998,
-                    "second": 117.12,
-                  },
-                  Object {
-                    "first": 742.998,
-                    "second": 116.88,
-                  },
-                  Object {
-                    "first": 751.498,
-                    "second": 116.65,
-                  },
-                ],
-                "lat": 47.8244338,
-                "lon": -122.287079,
-                "relativeDirection": "LEFT",
+                "distance": 194.04,
+                "elevationProfile": Array [],
+                "lat": 47.7791005,
+                "lon": -122.2898502,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "40th Avenue West",
+                "streetName": "Cedar Way",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 205.80599999999998,
-                "elevation": Array [
-                  Object {
-                    "first": 39.968,
-                    "second": 115.22,
-                  },
-                  Object {
-                    "first": 54.078,
-                    "second": 114.95,
-                  },
-                  Object {
-                    "first": 54.08200000000001,
-                    "second": 114.95,
-                  },
-                  Object {
-                    "first": 62.382000000000005,
-                    "second": 114.84,
-                  },
-                  Object {
-                    "first": 62.38400000000001,
-                    "second": 114.84,
-                  },
-                  Object {
-                    "first": 68.974,
-                    "second": 114.74,
-                  },
-                  Object {
-                    "first": 68.974,
-                    "second": 114.74,
-                  },
-                  Object {
-                    "first": 78.974,
-                    "second": 114.54,
-                  },
-                  Object {
-                    "first": 89.04400000000001,
-                    "second": 114.44,
-                  },
-                  Object {
-                    "first": 89.045,
-                    "second": 114.44,
-                  },
-                  Object {
-                    "first": 96.105,
-                    "second": 114.37,
-                  },
-                  Object {
-                    "first": 96.105,
-                    "second": 114.37,
-                  },
-                  Object {
-                    "first": 106.105,
-                    "second": 114.29,
-                  },
-                  Object {
-                    "first": 113.625,
-                    "second": 114.28,
-                  },
-                  Object {
-                    "first": 113.628,
-                    "second": 114.28,
-                  },
-                  Object {
-                    "first": 123.628,
-                    "second": 114.23,
-                  },
-                  Object {
-                    "first": 135.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 135.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 145.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 156.25799999999998,
-                    "second": 114.13,
-                  },
-                  Object {
-                    "first": 156.253,
-                    "second": 114.13,
-                  },
-                  Object {
-                    "first": 166.253,
-                    "second": 114.09,
-                  },
-                  Object {
-                    "first": 176.253,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 183.13299999999998,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 183.136,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 188.846,
-                    "second": 114.04,
-                  },
-                ],
-                "lat": 47.8176755,
-                "lon": -122.28709730000001,
+                "distance": 567.32,
+                "elevationProfile": Array [],
+                "lat": 47.7773669,
+                "lon": -122.2900921,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Alderwood Mall Boulevard",
-              },
-            ],
-            "to": Object {
-              "arrival": 1597950659000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950660000,
-              "lat": 47.81744203,
-              "lon": -122.2897486,
-              "name": "Alderwood Mall Blvd & 40th Ave W",
-              "stopCode": "1635",
-              "stopId": "1:1635",
-              "stopIndex": 34,
-              "stopSequence": 35,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 687.6724883861219,
-            "duration": 240,
-            "endTime": 1597950900000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950659000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950660000,
-              "lat": 47.81744203,
-              "lon": -122.2897486,
-              "name": "Alderwood Mall Blvd & 40th Ave W",
-              "stopCode": "1635",
-              "stopId": "1:1635",
-              "stopIndex": 34,
-              "stopSequence": 35,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "headsign": "Edmonds",
-            "interStopGeometry": Array [
-              Object {
-                "length": 7,
-                "points": "gizbH|ukiV?@AnB?^AjC?vB?N",
-              },
-              Object {
-                "length": 16,
-                "points": "kizbHbcliV????AbB?|F?tCAdCrCAlA?\`@A?jAHDDHBJ@NC\`G",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597950720000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597950720000,
-                "lat": 47.81743955,
-                "lon": -122.2918518,
-                "name": "Alderwood Mall Blvd & 44th Ave W",
-                "stopCode": "1643",
-                "stopId": "1:1643",
-                "stopIndex": 35,
-                "stopSequence": 36,
-                "vertexType": "TRANSIT",
+                "streetName": "Northeast 205th Street - 244th Street Southwest",
               },
-            ],
-            "legGeometry": Object {
-              "length": 22,
-              "points": "gizbH|ukiV?@AnB?^AjC?vB?N????AbB?|F?tCAdCrCAlA?\`@A?jAHDDHBJ@NC\`G",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "116",
-            "routeColor": "0070c0",
-            "routeId": "1:116",
-            "routeLongName": "Silver Firs - Edmonds",
-            "routeShortName": "116",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597950660000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597950900000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950900000,
-              "lat": 47.81605892,
-              "lon": -122.2969148,
-              "name": "Lynnwood Transit Center Bay C2",
-              "stopCode": "2110",
-              "stopId": "1:2110",
-              "stopIndex": 36,
-              "stopSequence": 37,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": true,
-            "tripBlockId": "MCOB-DO:DO25New:0:Weekday:3:20MAR:41055:12345",
-            "tripId": "1:8617811__MCOB-DO:DO25New:0:Weekday:3:20MAR:41055:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 74.789,
-            "duration": 58,
-            "endTime": 1597950958000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950900000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950900000,
-              "lat": 47.81605892,
-              "lon": -122.2969148,
-              "name": "Lynnwood Transit Center Bay C2",
-              "stopCode": "2110",
-              "stopId": "1:2110",
-              "stopIndex": 36,
-              "stopSequence": 37,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "iazbHvbmiV?LN@N??mA@{@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597950900000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 74.789,
-                "elevation": Array [
-                  Object {
-                    "first": 5.553,
-                    "second": 103.42,
-                  },
-                  Object {
-                    "first": 15.553,
-                    "second": 102.67,
-                  },
-                  Object {
-                    "first": 23.123,
-                    "second": 102.17,
-                  },
-                ],
-                "lat": 47.816054436421105,
-                "lon": -122.29691495561941,
-                "relativeDirection": "DEPART",
+                "distance": 27.83,
+                "elevationProfile": Array [],
+                "lat": 47.7774331,
+                "lon": -122.2976837,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
                 "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1597950958000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597951620000,
-              "lat": 47.81588022,
-              "lon": -122.2963008,
-              "name": "Lynnwood Transit Center Bay D3",
-              "stopCode": "2422",
-              "stopId": "1:2422",
-              "stopIndex": 4,
-              "stopSequence": 5,
+              "lat": 47.7776833,
+              "lon": -122.297684,
+              "name": "48th Ave W & 244th St SW",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "82405",
+                "gtfsId": "kcm:82405",
+                "id": "U3RvcDprY206ODI0MDU",
+              },
               "vertexType": "TRANSIT",
             },
             "transitLeg": false,
+            "trip": null,
           },
           Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 18912.47262757016,
-            "duration": 1200,
-            "endTime": 1597952820000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950958000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597951620000,
-              "lat": 47.81588022,
-              "lon": -122.2963008,
-              "name": "Lynnwood Transit Center Bay D3",
-              "stopCode": "2422",
-              "stopId": "1:2422",
-              "stopIndex": 4,
-              "stopSequence": 5,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "headsign": "Seattle 5th Ave",
-            "interStopGeometry": Array [
-              Object {
-                "length": 269,
-                "points": "w\`zbHz~liV?t@?FA|@?R?r@ABAJCHEDGBI?ECEICIAM@??s@?Q@_A?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?kAfA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFl@vAj@pATh@Zr@b@bArEjKj@pAbA~B^z@nIvRx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^j@Xb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtCd@jBXt@LnARt@LjBZj@JdC\`@pATlANjAJ\`AFfAFrADV@b@@R?J?dB?tEA\`B?nEAH?jA?nB?pB?z@?hAAbBA~BBlBB^BxAF\`BJfBNrAPlFt@bBTx@L|@LtInAfAPl@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|FuCvFsCd@GTG~EaBfAYn@K~@Il@El@B\\\\I|@Y",
-              },
-              Object {
-                "length": 178,
-                "points": "qwibHxqriVHEnA_@l@OfAMrDg@~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@zCxB|BbBz@p@r@f@t@b@r@^bAb@jA^jAVx@Jv@Ht@B|@@nDIjFKt@CvACfBAbB?jA@rABjCJr@Bp@Bj@B\\\\@z@BdAB\`ABx@?|@Ct@Cr@C|@GdIe@XCzCQpF[hAGnBK\`BG\`CAzLBhA?x@AbACz@Gl@I\`AQx@Uv@W~@a@\`Ae@x@g@ZUb@[t@o@~@aAv@_A|@kAf@q@Va@j@y@\\\\e@BEn@y@\`B{BhA}AtAiBHM|@qA|@mAb@i@\`@a@d@k@v@u@h@a@\`Aq@\`Ai@\`Ae@|@[h@Op@Op@M\`AM~@G\`ACfBCtHMtA@|@Cj@?h@Bl@?X@f@@fBHjCTvARnCf@bEt@vAXn@Lb@H\`@Fz@Lr@Hv@FbAHz@DX@N?V@TNTH\\\\Dj@Dd@B|@BvABbCA\`A?r@ChBAtBAfBCvAAdAA|AAL?~AAdAA|@@|@B\\\\DTFZLZPRHTFh@JhAB~@@\`C@\\\\?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597952280000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597952280000,
-                "lat": 47.732468,
-                "lon": -122.324989,
-                "name": "NE 145TH ST Fwy Station",
-                "stopCode": "2165",
-                "stopId": "1:2165",
-                "stopIndex": 5,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 446,
-              "points": "w\`zbHz~liV?t@?FA|@?R?r@ABAJCHEDGBI?ECEICIAM@??s@?Q@_A?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?kAfA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFl@vAj@pATh@Zr@b@bArEjKj@pAbA~B^z@nIvRx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^j@Xb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtCd@jBXt@LnARt@LjBZj@JdC\`@pATlANjAJ\`AFfAFrADV@b@@R?J?dB?tEA\`B?nEAH?jA?nB?pB?z@?hAAbBA~BBlBB^BxAF\`BJfBNrAPlFt@bBTx@L|@LtInAfAPl@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|FuCvFsCd@GTG~EaBfAYn@K~@Il@El@B\\\\I|@YHEnA_@l@OfAMrDg@~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@zCxB|BbBz@p@r@f@t@b@r@^bAb@jA^jAVx@Jv@Ht@B|@@nDIjFKt@CvACfBAbB?jA@rABjCJr@Bp@Bj@B\\\\@z@BdAB\`ABx@?|@Ct@Cr@C|@GdIe@XCzCQpF[hAGnBK\`BG\`CAzLBhA?x@AbACz@Gl@I\`AQx@Uv@W~@a@\`Ae@x@g@ZUb@[t@o@~@aAv@_A|@kAf@q@Va@j@y@\\\\e@BEn@y@\`B{BhA}AtAiBHM|@qA|@mAb@i@\`@a@d@k@v@u@h@a@\`Aq@\`Ai@\`Ae@|@[h@Op@Op@M\`AM~@G\`ACfBCtHMtA@|@Cj@?h@Bl@?X@f@@fBHjCTvARnCf@bEt@vAXn@Lb@H\`@Fz@Lr@Hv@FbAHz@DX@N?V@TNTH\\\\Dj@Dd@B|@BvABbCA\`A?r@ChBAtBAfBCvAAdAA|AAL?~AAdAA|@@|@B\\\\DTFZLZPRHTFh@JhAB~@@\`C@\\\\?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "512",
-            "routeColor": "0070c0",
-            "routeId": "1:512",
-            "routeLongName": "Everett - Seattle",
-            "routeShortName": "512",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597951620000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597952820000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597952820000,
-              "lat": 47.660564,
-              "lon": -122.323013,
-              "name": "NE 45TH ST Fwy Station",
-              "stopCode": "2166",
-              "stopId": "1:2166",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
+            "accessibilityScore": null,
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OmtjbTox",
+              "name": "Metro Transit",
+              "timezone": "America/Los_Angeles",
+              "url": "https://kingcounty.gov/en/dept/metro",
             },
-            "transitLeg": true,
-            "tripBlockId": "KPOB-CS:CS25Per:0:Weekday:3:20MAR:85036:12345",
-            "tripId": "1:8621847__KPOB-CS:CS25Per:0:Weekday:3:20MAR:85036:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 628.1850000000002,
-            "duration": 471,
-            "endTime": 1597953291000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597952820000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597952820000,
-              "lat": 47.660564,
-              "lon": -122.323013,
-              "name": "NE 45TH ST Fwy Station",
-              "stopCode": "2166",
-              "stopId": "1:2166",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 51,
-              "points": "ou{aH|eriV??{@Ae@?M?M@AM?Q[?@g@?aB@gB@aA?W?I???[?Q?O?O?W?a@?aA@gA?o@?M?aA?_@?e@?qA?gA?e@?G?E?W?I?]?S?K@A?W?m@?k@?WS?MAa@?UAG??O?C",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597952820000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 69.758,
-                "elevation": Array [
-                  Object {
-                    "first": 33.629999999999995,
-                    "second": 58.43,
-                  },
-                  Object {
-                    "first": 43.629999999999995,
-                    "second": 58.51,
-                  },
-                  Object {
-                    "first": 54.72,
-                    "second": 58.52,
-                  },
-                  Object {
-                    "first": 54.724,
-                    "second": 58.52,
+            "distance": 12180.55,
+            "dropoffType": "SCHEDULED",
+            "duration": 2112,
+            "endTime": 1685142540000,
+            "fareProducts": Array [
+              Object {
+                "id": "3ff3d12d-6747-3b47-842a-92c7bf167015",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 64.72399999999999,
-                    "second": 58.63,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 69.764,
-                    "second": 58.81,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                ],
-                "lat": 47.66056406540946,
-                "lon": -122.32302318262064,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "sidewalk",
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 12.233,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 58.81,
-                  },
-                  Object {
-                    "first": 5.92,
-                    "second": 57.94,
+                "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 5.92,
-                    "second": 57.94,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 12.23,
-                    "second": 56.53,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                ],
-                "lat": 47.661191,
-                "lon": -122.3230259,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                },
               },
               Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 14.56,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 56.53,
+                "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 14.56,
-                    "second": 56.77,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                ],
-                "lat": 47.661209500000005,
-                "lon": -122.3228677,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "5th Avenue Northeast",
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 469.97399999999993,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 56.77,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 51.46,
-                  },
-                  Object {
-                    "first": 15.16,
-                    "second": 49.99,
-                  },
-                  Object {
-                    "first": 144.85399999999998,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 150.934,
-                    "second": 53.8,
-                  },
-                  Object {
-                    "first": 150.93499999999997,
-                    "second": 53.8,
-                  },
-                  Object {
-                    "first": 157.27499999999998,
-                    "second": 53.77,
-                  },
-                  Object {
-                    "first": 157.27799999999996,
-                    "second": 53.77,
-                  },
-                  Object {
-                    "first": 167.27799999999996,
-                    "second": 53.81,
-                  },
-                  Object {
-                    "first": 178.61799999999997,
-                    "second": 53.85,
-                  },
-                  Object {
-                    "first": 178.62199999999996,
-                    "second": 53.85,
-                  },
-                  Object {
-                    "first": 188.62199999999996,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 198.62199999999996,
-                    "second": 53.58,
-                  },
-                  Object {
-                    "first": 203.72199999999995,
-                    "second": 53.6,
-                  },
-                  Object {
-                    "first": 203.72499999999997,
-                    "second": 53.6,
-                  },
-                  Object {
-                    "first": 213.72499999999997,
-                    "second": 53.72,
-                  },
-                  Object {
-                    "first": 223.72499999999997,
-                    "second": 53.62,
-                  },
-                  Object {
-                    "first": 230.70499999999996,
-                    "second": 53.48,
-                  },
-                  Object {
-                    "first": 230.70799999999997,
-                    "second": 53.48,
-                  },
-                  Object {
-                    "first": 240.70799999999997,
-                    "second": 53.52,
-                  },
-                  Object {
-                    "first": 248.48799999999997,
-                    "second": 53.55,
-                  },
-                  Object {
-                    "first": 248.48699999999997,
-                    "second": 53.55,
-                  },
-                  Object {
-                    "first": 253.47699999999998,
-                    "second": 53.63,
-                  },
-                  Object {
-                    "first": 253.47399999999996,
-                    "second": 53.63,
-                  },
-                  Object {
-                    "first": 263.47399999999993,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 278.09399999999994,
-                    "second": 53.69,
-                  },
-                  Object {
-                    "first": 278.09799999999996,
-                    "second": 53.69,
-                  },
-                  Object {
-                    "first": 290.54799999999994,
-                    "second": 53.7,
-                  },
-                  Object {
-                    "first": 290.55199999999996,
-                    "second": 53.7,
-                  },
-                  Object {
-                    "first": 304.792,
-                    "second": 53.66,
-                  },
-                  Object {
-                    "first": 304.78799999999995,
-                    "second": 53.66,
-                  },
-                  Object {
-                    "first": 314.78799999999995,
-                    "second": 53.46,
-                  },
-                  Object {
-                    "first": 324.78799999999995,
-                    "second": 53.22,
-                  },
-                  Object {
-                    "first": 335.018,
-                    "second": 52.97,
-                  },
-                  Object {
-                    "first": 335.01399999999995,
-                    "second": 52.97,
-                  },
-                  Object {
-                    "first": 345.01399999999995,
-                    "second": 52.63,
-                  },
-                  Object {
-                    "first": 355.01399999999995,
-                    "second": 52.14,
-                  },
-                  Object {
-                    "first": 361.96399999999994,
-                    "second": 51.75,
-                  },
-                  Object {
-                    "first": 361.96,
-                    "second": 51.75,
-                  },
-                  Object {
-                    "first": 371.96,
-                    "second": 51.24,
-                  },
-                  Object {
-                    "first": 379.52,
-                    "second": 50.87,
-                  },
-                  Object {
-                    "first": 379.522,
-                    "second": 50.87,
-                  },
-                  Object {
-                    "first": 382.152,
-                    "second": 50.75,
-                  },
-                  Object {
-                    "first": 382.15,
-                    "second": 50.75,
-                  },
-                  Object {
-                    "first": 390.71999999999997,
-                    "second": 50.44,
-                  },
-                  Object {
-                    "first": 390.717,
-                    "second": 50.44,
-                  },
-                  Object {
-                    "first": 394.727,
-                    "second": 50.32,
-                  },
-                  Object {
-                    "first": 394.72299999999996,
-                    "second": 50.32,
-                  },
-                  Object {
-                    "first": 405.83299999999997,
-                    "second": 50.03,
-                  },
-                  Object {
-                    "first": 405.8299999999999,
-                    "second": 50.03,
-                  },
-                  Object {
-                    "first": 413.17999999999995,
-                    "second": 49.88,
-                  },
-                  Object {
-                    "first": 427.4289999999999,
-                    "second": 49.66,
-                  },
-                  Object {
-                    "first": 437.4289999999999,
-                    "second": 49.53,
-                  },
-                  Object {
-                    "first": 444.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 444.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 454.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 461.39899999999994,
-                    "second": 49.53,
+                "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 461.39899999999994,
-                    "second": 49.53,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 469.96899999999994,
-                    "second": 49.56,
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
                   },
-                ],
-                "lat": 47.6613404,
-                "lon": -122.32286260000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Northeast 45th Street",
+                },
               },
               Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 54.265,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 49.56,
-                  },
-                  Object {
-                    "first": 10.9,
-                    "second": 50.02,
-                  },
-                  Object {
-                    "first": 10.902,
-                    "second": 50.02,
-                  },
-                  Object {
-                    "first": 20.902,
-                    "second": 50.23,
+                "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 30.902,
-                    "second": 50.43,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1.5,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 40.902,
-                    "second": 50.73,
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
                   },
-                  Object {
-                    "first": 49.472,
-                    "second": 50.92,
+                },
+              },
+              Object {
+                "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 49.471000000000004,
-                    "second": 50.92,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 54.261,
-                    "second": 51.05,
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
                   },
-                ],
-                "lat": 47.6612975,
-                "lon": -122.31658750000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "11th Avenue Northeast",
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 7.395,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 51.05,
+                "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 6.28,
-                    "second": 51.09,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                ],
-                "lat": 47.661785300000005,
-                "lon": -122.3165656,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "service road",
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
               },
             ],
-            "to": Object {
-              "arrival": 1597953291000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953420000,
-              "lat": 47.6617813,
-              "lon": -122.316467,
-              "name": "11th Ave NE & NE 45th St",
-              "stopId": "kcm:9650",
-              "stopIndex": 11,
-              "stopSequence": 170,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "boardRule": "mustPhone",
-            "departureDelay": 0,
-            "distance": 1219.3242176370456,
-            "dropOffBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://www.ridebat.com/routes/route-rf/",
-                "phoneNumber": "877-680-1287",
-              },
-              "dropOffMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated drop-off call 877-680-1287 at least 24 hours ahead of your trip time.",
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 1,
-                "time": 0,
-              },
-              "pickupMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated pickup call 877-680-1287 at least 24 hours ahead of your trip time.",
-            },
-            "duration": 253,
-            "endTime": 1597953673000,
-            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1597953291000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953420000,
-              "lat": 47.6617813,
-              "lon": -122.316467,
-              "name": "11th Ave NE & NE 45th St",
-              "stopId": "kcm:9650",
-              "stopIndex": 11,
-              "stopSequence": 170,
+              "lat": 47.7776833,
+              "lon": -122.297684,
+              "name": "48th Ave W & 244th St SW",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "82405",
+                "gtfsId": "kcm:82405",
+                "id": "U3RvcDprY206ODI0MDU",
+              },
               "vertexType": "TRANSIT",
-              "zoneId": "1",
             },
-            "hailedCar": false,
-            "headsign": "Northgate Roosevelt",
-            "interStopGeometry": Array [
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
               Object {
-                "length": 5,
-                "points": "c}{aHp}piVs@?{Bc@yAEq@?",
+                "lat": 47.7775421,
+                "locationType": "STOP",
+                "lon": -122.303215,
+                "name": "NE 205th St & 52nd Ave W",
+                "stopCode": "82410",
+                "stopId": "U3RvcDprY206ODI0MTA",
               },
               Object {
-                "length": 3,
-                "points": "_g|aHf|piVwHEq@?",
+                "lat": 47.7775955,
+                "locationType": "STOP",
+                "lon": -122.308685,
+                "name": "NE 205th St & 56th Ave W",
+                "stopCode": "82430",
+                "stopId": "U3RvcDprY206ODI0MzA",
               },
               Object {
-                "length": 3,
-                "points": "ir|aH\`|piV}F?w@?",
+                "lat": 47.7776146,
+                "locationType": "STOP",
+                "lon": -122.311432,
+                "name": "NE 205th St & 58th Pl W",
+                "stopCode": "82440",
+                "stopId": "U3RvcDprY206ODI0NDA",
               },
               Object {
-                "length": 3,
-                "points": "_||aH\`|piVqJEe@?",
+                "lat": 47.7768135,
+                "locationType": "STOP",
+                "lon": -122.31382,
+                "name": "15th Ave NE & Ballinger Way NE",
+                "stopCode": "77400",
+                "stopId": "U3RvcDprY206Nzc0MDA",
               },
               Object {
-                "length": 5,
-                "points": "wh}aHz{piVcC?aJE]KA?",
+                "lat": 47.7747955,
+                "locationType": "STOP",
+                "lon": -122.313721,
+                "name": "15th Ave NE & Forest Park Dr NE",
+                "stopCode": "77410",
+                "stopId": "U3RvcDprY206Nzc0MTA",
               },
               Object {
-                "length": 11,
-                "points": "}x}aHh{piV?AcAe@g@_@KIOGMCSISAWAm@?",
+                "lat": 47.7721519,
+                "locationType": "STOP",
+                "lon": -122.313614,
+                "name": "15th Ave NE & NE 200th Ct",
+                "stopCode": "77418",
+                "stopId": "U3RvcDprY206Nzc0MTg",
               },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
               Object {
-                "arrival": 1597953457000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953457000,
-                "lat": 47.6633682,
-                "lon": -122.316254,
-                "name": "11th Ave NE & NE 47th St",
-                "stopId": "kcm:9660",
-                "stopIndex": 12,
-                "stopSequence": 174,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.768734,
+                "locationType": "STOP",
+                "lon": -122.314636,
+                "name": "15th Ave NE & NE 192nd St",
+                "stopCode": "77940",
+                "stopId": "U3RvcDprY206Nzc5NDA",
               },
               Object {
-                "arrival": 1597953499000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953499000,
-                "lat": 47.6651726,
-                "lon": -122.316238,
-                "name": "11th Ave NE & NE 50th St",
-                "stopId": "kcm:23500",
-                "stopIndex": 13,
-                "stopSequence": 176,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7656479,
+                "locationType": "STOP",
+                "lon": -122.313995,
+                "name": "15th Ave NE & NE Perkins Way",
+                "stopCode": "77440",
+                "stopId": "U3RvcDprY206Nzc0NDA",
               },
               Object {
-                "arrival": 1597953534000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953534000,
-                "lat": 47.6667137,
-                "lon": -122.316208,
-                "name": "11th Ave NE & NE 52nd St",
-                "stopId": "kcm:23510",
-                "stopIndex": 14,
-                "stopSequence": 178,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7626801,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & 24th Ave NE",
+                "stopCode": "77450",
+                "stopId": "U3RvcDprY206Nzc0NTA",
               },
               Object {
-                "arrival": 1597953582000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953582000,
-                "lat": 47.6687584,
-                "lon": -122.316185,
-                "name": "11th Ave NE & NE 55th St",
-                "stopId": "kcm:23520",
-                "stopIndex": 15,
-                "stopSequence": 180,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7591515,
+                "locationType": "STOP",
+                "lon": -122.31356,
+                "name": "15th Ave NE & NE 180th St",
+                "stopCode": "77460",
+                "stopId": "U3RvcDprY206Nzc0NjA",
               },
               Object {
-                "arrival": 1597953642000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953642000,
-                "lat": 47.6713295,
-                "lon": -122.316101,
-                "name": "11th Ave NE & NE Ravenna Blvd",
-                "stopId": "kcm:23530",
-                "stopIndex": 16,
-                "stopSequence": 184,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 25,
-              "points": "c}{aHp}piVs@?{Bc@yAEq@?wHEq@?}F?w@?qJEe@?cC?aJE]KA??AcAe@g@_@KIOGMCSISAWAm@?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "pickupBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://www.ridebat.com/routes/route-rf/",
-                "phoneNumber": "877-680-1287",
-              },
-              "dropOffMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated drop-off call 877-680-1287 at least 24 hours ahead of your trip time.",
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 1,
-                "time": 0,
+                "lat": 47.7558212,
+                "locationType": "STOP",
+                "lon": -122.314339,
+                "name": "NE 175th St & 15th Ave NE",
+                "stopCode": "77738",
+                "stopId": "U3RvcDprY206Nzc3Mzg",
               },
-              "pickupMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated pickup call 877-680-1287 at least 24 hours ahead of your trip time.",
-            },
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "67",
-            "routeId": "kcm:100259",
-            "routeShortName": "67",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597953420000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597953673000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953784000,
-              "lat": 47.6726532,
-              "lon": -122.315552,
-              "name": "12th Ave NE & NE 61st St",
-              "stopId": "kcm:23540",
-              "stopIndex": 17,
-              "stopSequence": 194,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": true,
-            "tripBlockId": "5863957",
-            "tripId": "kcm:44052757",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 5290.865512970262,
-            "duration": 1256,
-            "endTime": 1597955040000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597953673000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953784000,
-              "lat": 47.6726532,
-              "lon": -122.315552,
-              "name": "12th Ave NE & NE 61st St",
-              "stopId": "kcm:23540",
-              "stopIndex": 11,
-              "stopSequence": 75,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "headsign": "Loyal Heights Greenwood",
-            "interStopGeometry": Array [
               Object {
-                "length": 9,
-                "points": "aa~aH|wpiV]?iB?cD?cD?cD?C?CrI?jA",
+                "lat": 47.7558632,
+                "locationType": "STOP",
+                "lon": -122.318176,
+                "name": "NE 175th St & 10th Ave NE",
+                "stopCode": "77737",
+                "stopId": "U3RvcDprY206Nzc3Mzc",
               },
               Object {
-                "length": 8,
-                "points": "}t~aH|dqiV?v@?fCAfC?fC?jAAr@?zA",
+                "lat": 47.7550964,
+                "locationType": "STOP",
+                "lon": -122.324158,
+                "name": "5th Ave NE & NE 174th St",
+                "stopCode": "81246",
+                "stopId": "U3RvcDprY206ODEyNDY",
               },
               Object {
-                "length": 5,
-                "points": "au~aHhzqiVAZ?lBeJhIc@b@",
+                "lat": 47.752037,
+                "locationType": "STOP",
+                "lon": -122.324104,
+                "name": "5th Ave NE & NE 170th St",
+                "stopCode": "81248",
+                "stopId": "U3RvcDprY206ODEyNDg",
               },
               Object {
-                "length": 2,
-                "points": "ma_bH\`jriVsEjE",
+                "lat": 47.7477875,
+                "locationType": "STOP",
+                "lon": -122.324013,
+                "name": "5th Ave NE & NE 163rd St",
+                "stopCode": "77560",
+                "stopId": "U3RvcDprY206Nzc1NjA",
               },
               Object {
-                "length": 11,
-                "points": "ah_bHlpriV[V_A\`A{AnBw@Dg@Nc@Tm@d@{@|@[n@a@t@",
+                "lat": 47.7454681,
+                "locationType": "STOP",
+                "lon": -122.323944,
+                "name": "5th Ave NE & NE 161st St",
+                "stopCode": "77570",
+                "stopId": "U3RvcDprY206Nzc1NzA",
               },
               Object {
-                "length": 9,
-                "points": "ew_bHl~riVcAlBaBvCc@~@Qf@Sx@Oz@Ij@GfA",
+                "lat": 47.7436676,
+                "locationType": "STOP",
+                "lon": -122.323883,
+                "name": "5th Ave NE & NE 158th St",
+                "stopCode": "77580",
+                "stopId": "U3RvcDprY206Nzc1ODA",
               },
               Object {
-                "length": 15,
-                "points": "w_\`bHdqsiVAJClA@~@L~B?l@A~BIfAKl@YlAc@bAa@t@c@h@{@x@e@f@",
+                "lat": 47.741066,
+                "locationType": "STOP",
+                "lon": -122.323792,
+                "name": "5th Ave NE & NE 155th St",
+                "stopCode": "81252",
+                "stopId": "U3RvcDprY206ODEyNTI",
               },
               Object {
-                "length": 8,
-                "points": "kg\`bHvmtiVaBdBiCfCa@j@QXOb@Un@Id@",
+                "lat": 47.7387314,
+                "locationType": "STOP",
+                "lon": -122.323723,
+                "name": "5th Ave NE & NE 152nd St",
+                "stopCode": "81254",
+                "stopId": "U3RvcDprY206ODEyNTQ",
               },
               Object {
-                "length": 7,
-                "points": "{q\`bHd{tiVEReEEOMo@q@OG_A?",
+                "lat": 47.7361908,
+                "locationType": "STOP",
+                "lon": -122.323654,
+                "name": "5th Ave NE & NE 148th St",
+                "stopCode": "81256",
+                "stopId": "U3RvcDprY206ODEyNTY",
               },
               Object {
-                "length": 3,
-                "points": "w|\`bHjytiVsGFg@?",
+                "lat": 47.7339783,
+                "locationType": "STOP",
+                "lon": -122.322235,
+                "name": "NE 145th St & 6th Ave NE",
+                "stopCode": "82200",
+                "stopId": "U3RvcDprY206ODIyMDA",
               },
               Object {
-                "length": 3,
-                "points": "sfabHrytiVaID?~@",
+                "lat": 47.7339096,
+                "locationType": "STOP",
+                "lon": -122.315598,
+                "name": "NE 145th St & 12th Ave NE",
+                "stopCode": "82220",
+                "stopId": "U3RvcDprY206ODIyMjA",
               },
               Object {
-                "length": 9,
-                "points": "upabHx{tiV?nA?|B?^?TAtE?xE?r@AlC",
+                "lat": 47.7335167,
+                "locationType": "STOP",
+                "lon": -122.312851,
+                "name": "15th Ave NE & NE 145th St",
+                "stopCode": "38830",
+                "stopId": "U3RvcDprY206Mzg4MzA",
               },
               Object {
-                "length": 6,
-                "points": "ypabHnwuiVAT?hB?lBArE?nC",
+                "lat": 47.7318573,
+                "locationType": "STOP",
+                "lon": -122.31282,
+                "name": "15th Ave NE & NE 143rd St",
+                "stopCode": "38840",
+                "stopId": "U3RvcDprY206Mzg4NDA",
               },
               Object {
-                "length": 6,
-                "points": "}pabH\`jviVAx@@XCjO?zO?fA",
+                "lat": 47.7300568,
+                "locationType": "STOP",
+                "lon": -122.312798,
+                "name": "15th Ave NE & NE 140th St",
+                "stopCode": "38850",
+                "stopId": "U3RvcDprY206Mzg4NTA",
               },
               Object {
-                "length": 6,
-                "points": "aqabHdpwiVAvE?xFAlGAnG@hA",
+                "lat": 47.7268677,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & NE 135th St",
+                "stopCode": "38870",
+                "stopId": "U3RvcDprY206Mzg4NzA",
               },
               Object {
-                "length": 4,
-                "points": "eqabH~qxiVA\`EAjGAlM",
+                "lat": 47.7228928,
+                "locationType": "STOP",
+                "lon": -122.312767,
+                "name": "15th Ave NE & NE 130th St",
+                "stopCode": "38890",
+                "stopId": "U3RvcDprY206Mzg4OTA",
               },
               Object {
-                "length": 5,
-                "points": "kqabHznyiV?dAAvOCvO?\`C",
+                "lat": 47.7209663,
+                "locationType": "STOP",
+                "lon": -122.312782,
+                "name": "15th Ave NE & NE 127th St",
+                "stopCode": "38900",
+                "stopId": "U3RvcDprY206Mzg5MDA",
               },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
               Object {
-                "arrival": 1597953900000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953900000,
-                "lat": 47.6758995,
-                "lon": -122.317726,
-                "name": "NE 65th St & Roosevelt Way NE",
-                "stopId": "kcm:36950",
-                "stopIndex": 12,
-                "stopSequence": 83,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7190018,
+                "locationType": "STOP",
+                "lon": -122.312767,
+                "name": "15th Ave NE & NE 125th St",
+                "stopCode": "38910",
+                "stopId": "U3RvcDprY206Mzg5MTA",
               },
               Object {
-                "arrival": 1597953987000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953987000,
-                "lat": 47.67593,
-                "lon": -122.321167,
-                "name": "NE 65th St & Oswego Pl NE",
-                "stopId": "kcm:36960",
-                "stopIndex": 13,
-                "stopSequence": 90,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.71735,
+                "locationType": "STOP",
+                "lon": -122.312714,
+                "name": "15th Ave NE & NE 123rd St",
+                "stopCode": "38920",
+                "stopId": "U3RvcDprY206Mzg5MjA",
               },
               Object {
-                "arrival": 1597954092000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954092000,
-                "lat": 47.6778717,
-                "lon": -122.323601,
-                "name": "NE Ravenna Blvd & NE 68th St",
-                "stopId": "kcm:16515",
-                "stopIndex": 14,
-                "stopSequence": 94,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7154694,
+                "locationType": "STOP",
+                "lon": -122.312645,
+                "name": "15th Ave NE & NE 120th St",
+                "stopCode": "38930",
+                "stopId": "U3RvcDprY206Mzg5MzA",
               },
               Object {
-                "arrival": 1597954140000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954140000,
-                "lat": 47.6789322,
-                "lon": -122.324608,
-                "name": "NE Ravenna Blvd & Woodlawn Ave NE",
-                "stopId": "kcm:16520",
-                "stopIndex": 15,
-                "stopSequence": 95,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7125664,
+                "locationType": "STOP",
+                "lon": -122.314827,
+                "name": "Pinehurst Way NE & NE 115th St",
+                "stopCode": "38962",
+                "stopId": "U3RvcDprY206Mzg5NjI",
               },
               Object {
-                "arrival": 1597954214000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954214000,
-                "lat": 47.6813583,
-                "lon": -122.326881,
-                "name": "East Green Lake Dr N & 4th Ave NE",
-                "stopId": "kcm:36961",
-                "stopIndex": 16,
-                "stopSequence": 105,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7086334,
+                "locationType": "STOP",
+                "lon": -122.318367,
+                "name": "NE Northgate Way & Roosevelt Way NE",
+                "stopCode": "82198",
+                "stopId": "U3RvcDprY206ODIxOTg",
               },
               Object {
-                "arrival": 1597954277000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954277000,
-                "lat": 47.6827507,
-                "lon": -122.32991,
-                "name": "East Green Lake Dr N & Sunnyside Ave N",
-                "stopId": "kcm:36990",
-                "stopIndex": 17,
-                "stopSequence": 113,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7081947,
+                "locationType": "STOP",
+                "lon": -122.323364,
+                "name": "5th Ave NE & NE Northgate Way",
+                "stopCode": "23230",
+                "stopId": "U3RvcDprY206MjMyMzA",
               },
               Object {
-                "arrival": 1597954369000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954369000,
-                "lat": 47.6839371,
-                "lon": -122.334435,
-                "name": "East Green Lake Dr N & Orin Ct N",
-                "stopId": "kcm:37010",
-                "stopIndex": 18,
-                "stopSequence": 127,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7059097,
+                "locationType": "STOP",
+                "lon": -122.323296,
+                "name": "5th Ave NE & Northgate Mall",
+                "stopCode": "23250",
+                "stopId": "U3RvcDprY206MjMyNTA",
               },
               Object {
-                "arrival": 1597954427000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954427000,
-                "lat": 47.6856461,
-                "lon": -122.336632,
-                "name": "East Green Lake Dr N & Wallingford Ave N",
-                "stopId": "kcm:37020",
-                "stopIndex": 19,
-                "stopSequence": 134,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7032166,
+                "locationType": "STOP",
+                "lon": -122.323692,
+                "name": "NE 103rd St & 5th Ave NE",
+                "stopCode": "35290",
+                "stopId": "U3RvcDprY206MzUyOTA",
               },
-              Object {
-                "arrival": 1597954474000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954474000,
-                "lat": 47.6873322,
-                "lon": -122.336273,
-                "name": "Wallingford Ave N & N 80th St",
-                "stopId": "kcm:17640",
-                "stopIndex": 20,
-                "stopSequence": 140,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+            ],
+            "legGeometry": Object {
+              "length": 262,
+              "points": "oqrbH~fmiVp@??fEC|DCjE?fN?h@??AfEAvCAxA@n@AdCAhD?tAAtCA~@???hDAfF?bBAn@???ZA\`A?\`@Av@Ax@AhB?R@NBNFLLPVXN@T?R?l@A??fCGnCEzBE??hBErAApIM??nGKX?R?L?N@XFLBFBJ@LFLHPHPJTNXV^ZTPRRrAl@F@??d@Jb@DT?TCxCIVCl@Ab@CTEHCTGNGTKb@Sp@c@TINIPC??FCPEVAVAV?b@?V@^A\\\\IZEZKf@UrAq@|@a@d@W\`@_@f@_@NM??x@m@b@Cz@M\\\\C^?z@Px@XZPZXn@r@r@f@ZLb@Rb@FZFb@?z@???tA?rF@|I?AjD??CbJA|FA|C??AtBEpOEtOxCC??Z?|BAzEGdECf@???dIEhJG\`DE??jAAfFEzCE??J?zA?xACdDE??N?pDCpDE\`BCp@A??pFG~CC^A^???fBAbEEvCE\\\\?X???bCA|@F\`E?f@?@mG???C@yGFwO@qG@gF???]DyOtAC??tGAt@???vHEn@???~HE|HA??n@?|G?tC?xA?~D@Z???lI?p@???rHBB?pAC??vGIp@???xHI|@C??|CCt@?ZBRJRNRR\`@h@LTpFhI??~@xAbD~E\`A|A|AzB\\\\Z^Vf@Rx@R~CArAC?fB??CvLA|OnA???hDEbFGx@???|DErDAvDA?jB??AfCA\`HA~G?pB?P|A?lA?",
+            },
+            "mode": "BUS",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": Object {
+              "alerts": Array [],
+              "color": null,
+              "id": "Um91dGU6a2NtOjEwMDIwNA",
+              "longName": null,
+              "shortName": "347",
+              "textColor": null,
+              "type": 3,
+            },
+            "startTime": 1685140428000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
               },
-              Object {
-                "arrival": 1597954514000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954514000,
-                "lat": 47.6889038,
-                "lon": -122.336319,
-                "name": "Wallingford Ave N & N 82nd St",
-                "stopId": "kcm:17650",
-                "stopIndex": 21,
-                "stopSequence": 142,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "trip": Object {
+              "gtfsId": "kcm:541480853",
+              "id": "VHJpcDprY206NTQxNDgwODUz",
+              "tripHeadsign": "Northgate Station Ridgecrest",
+            },
+          },
+          Object {
+            "accessibilityScore": null,
+            "agency": null,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 60.87,
+            "dropoffType": "SCHEDULED",
+            "duration": 56,
+            "endTime": 1685142596000,
+            "fareProducts": Array [],
+            "from": Object {
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
               },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 9,
+              "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B",
+            },
+            "mode": "WALK",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "route": null,
+            "startTime": 1685142540000,
+            "steps": Array [
               Object {
-                "arrival": 1597954560000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954560000,
-                "lat": 47.6905785,
-                "lon": -122.336769,
-                "name": "N 85th St & Wallingford Ave N",
-                "stopId": "kcm:5420",
-                "stopIndex": 22,
-                "stopSequence": 144,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 60.87,
+                "elevationProfile": Array [],
+                "lat": 47.7023088,
+                "lon": -122.3280018,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "lat": 47.702662,
+              "lon": -122.32832,
+              "name": "Northgate Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "N11-T1",
+                "gtfsId": "40:990005",
+                "id": "U3RvcDo0MDo5OTAwMDU",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": false,
+            "trip": null,
+          },
+          Object {
+            "accessibilityScore": null,
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OjQwOjQw",
+              "name": "Sound Transit",
+              "timezone": "America/Los_Angeles",
+              "url": "https://www.soundtransit.org",
+            },
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 23087.2,
+            "dropoffType": "SCHEDULED",
+            "duration": 2220,
+            "endTime": 1685145000000,
+            "fareProducts": Array [
+              Object {
+                "id": "0f76bb4a-7491-34b9-95ce-5d6f4e6b4d53",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 3,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
               },
               Object {
-                "arrival": 1597954630000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954630000,
-                "lat": 47.690609,
-                "lon": -122.341194,
-                "name": "N 85th St & Stone Ave N",
-                "stopId": "kcm:5440",
-                "stopIndex": 23,
-                "stopSequence": 152,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0.25,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
               },
               Object {
-                "arrival": 1597954677000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954677000,
-                "lat": 47.6906242,
-                "lon": -122.344162,
-                "name": "N 85th St & Aurora Ave N",
-                "stopId": "kcm:5450",
-                "stopIndex": 24,
-                "stopSequence": 157,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "id": "75fef4dc-142b-3589-ac62-d484f5b41143",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
               },
               Object {
-                "arrival": 1597954774000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954774000,
-                "lat": 47.6906471,
-                "lon": -122.350266,
-                "name": "N 85th St & Fremont Ave N",
-                "stopId": "kcm:5470",
-                "stopIndex": 25,
-                "stopSequence": 162,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
               },
               Object {
-                "arrival": 1597954860000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954860000,
-                "lat": 47.6906662,
-                "lon": -122.355675,
-                "name": "N 85th St & Greenwood Ave N",
-                "stopId": "kcm:41450",
-                "stopIndex": 26,
-                "stopSequence": 167,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
               },
               Object {
-                "arrival": 1597954936000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954936000,
-                "lat": 47.6906891,
-                "lon": -122.360275,
-                "name": "NW 85th St & 3rd Ave NW",
-                "stopId": "kcm:37040",
-                "stopIndex": 27,
-                "stopSequence": 170,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
+                  },
+                },
+              },
+              Object {
+                "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 1.5,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
+                  },
+                },
+              },
+              Object {
+                "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
+              },
+              Object {
+                "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+              Object {
+                "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+            ],
+            "from": Object {
+              "lat": 47.702662,
+              "lon": -122.32832,
+              "name": "Northgate Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "N11-T1",
+                "gtfsId": "40:990005",
+                "id": "U3RvcDo0MDo5OTAwMDU",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "lat": 47.676107,
+                "locationType": "STOP",
+                "lon": -122.316041,
+                "name": "Roosevelt Station",
+                "stopCode": "N09-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDM",
+              },
+              Object {
+                "lat": 47.659875,
+                "locationType": "STOP",
+                "lon": -122.314194,
+                "name": "U District Station",
+                "stopCode": "N07-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDE",
+              },
+              Object {
+                "lat": 47.649349,
+                "locationType": "STOP",
+                "lon": -122.303795,
+                "name": "Univ of Washington Station",
+                "stopCode": "N05-T1",
+                "stopId": "U3RvcDo0MDo5OTYwNA",
+              },
+              Object {
+                "lat": 47.61956,
+                "locationType": "STOP",
+                "lon": -122.320389,
+                "name": "Capitol Hill Station",
+                "stopCode": "N03-T1",
+                "stopId": "U3RvcDo0MDo5OTYxMA",
+              },
+              Object {
+                "lat": 47.61145,
+                "locationType": "STOP",
+                "lon": -122.337532,
+                "name": "Westlake Station",
+                "stopCode": "C03-T1",
+                "stopId": "U3RvcDo0MDoxMTA4",
+              },
+              Object {
+                "lat": 47.607246,
+                "locationType": "STOP",
+                "lon": -122.335754,
+                "name": "University St Station",
+                "stopCode": "C05-T1",
+                "stopId": "U3RvcDo0MDo0NTU",
+              },
+              Object {
+                "lat": 47.602139,
+                "locationType": "STOP",
+                "lon": -122.331055,
+                "name": "Pioneer Square Station",
+                "stopCode": "C07-T1",
+                "stopId": "U3RvcDo0MDo1MDE",
+              },
+              Object {
+                "lat": 47.59766,
+                "locationType": "STOP",
+                "lon": -122.328217,
+                "name": "Int'l Dist/Chinatown Station",
+                "stopCode": "C09-T1",
+                "stopId": "U3RvcDo0MDo2MjM",
+              },
+              Object {
+                "lat": 47.591824,
+                "locationType": "STOP",
+                "lon": -122.327354,
+                "name": "Stadium Station",
+                "stopCode": "C13-T1",
+                "stopId": "U3RvcDo0MDo5OTEwMQ",
+              },
+              Object {
+                "lat": 47.579952,
+                "locationType": "STOP",
+                "lon": -122.327522,
+                "name": "SODO Station",
+                "stopCode": "C15-T1",
+                "stopId": "U3RvcDo0MDo5OTExMQ",
+              },
+              Object {
+                "lat": 47.579124,
+                "locationType": "STOP",
+                "lon": -122.311279,
+                "name": "Beacon Hill Station",
+                "stopCode": "C19-T1",
+                "stopId": "U3RvcDo0MDo5OTEyMQ",
+              },
+              Object {
+                "lat": 47.576439,
+                "locationType": "STOP",
+                "lon": -122.297737,
+                "name": "Mount Baker Station",
+                "stopCode": "C23-T1",
+                "stopId": "U3RvcDo0MDo1NTk0OQ",
+              },
+              Object {
+                "lat": 47.559025,
+                "locationType": "STOP",
+                "lon": -122.292389,
+                "name": "Columbia City Station",
+                "stopCode": "C25-T1",
+                "stopId": "U3RvcDo0MDo1NjAzOQ",
               },
             ],
             "legGeometry": Object {
-              "length": 100,
-              "points": "aa~aH|wpiV]?iB?cD?cD?cD?C?CrI?jA?v@?fCAfC?fC?jAAr@?zAAZ?lBeJhIc@b@sEjE[V_A\`A{AnBw@Dg@Nc@Tm@d@{@|@[n@a@t@cAlBaBvCc@~@Qf@Sx@Oz@Ij@GfAAJClA@~@L~B?l@A~BIfAKl@YlAc@bAa@t@c@h@{@x@e@f@aBdBiCfCa@j@QXOb@Un@Id@EReEEOMo@q@OG_A?sGFg@?aID?~@?nA?|B?^?TAtE?xE?r@AlCAT?hB?lBArE?nCAx@@XCjO?zO?fAAvE?xFAlGAnG@hAA\`EAjGAlM?dAAvOCvO?\`C",
+              "length": 509,
+              "points": "s|cbHhgsiVJ?dA?pAApA@nAHnANnALnANnALnALpAFnABpACpAGnAKr@G^CnAKpAEnA?pA@pA?nA@pA@pA@nA@pA@pA?nACpAKlASlAWjA]fAc@fAi@\`Ak@\`Aq@z@u@z@w@v@{@r@{@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@}@v@{@x@w@~@s@bAk@fAe@hA_@nAWnAMnACpAApAAnA?V???x@ApACnAGnAKpAMnAMnAKnAMnAMnAMnAMpAKnAMnAMnAMnAKnAMnAMpAMnAKnAMnAMnAMnAMnAKpAMnAKnAIpAInAEpAGnACpAApAApA?nA?pA@pA@nABpA@h@???f@@nAAnAQfAc@~@q@v@{@j@cAd@gAZkARmANoAJqAJoAHoAJqAJoAJoALoALoARoATmAZkA^kA\`@iAf@eAj@cAp@aAt@{@x@w@~@q@dAk@hAa@jAYnAOpAEnAApAApAAnAApAAbDAb@Cb@???H?p@Ar@?|FGx@?hA?rA@pADzAHtAHrALrARrAPzAV\`BZxA^\`Bd@rBn@|Aj@lBx@lBz@|Ax@fB\`AhBlAbBlAfE\`DrB~Avh@da@bHlFbDdCjEfDdK~HrB~A~@r@n@d@bAh@|@d@jAd@jA^tAVpAR~@HfADtA?n@A????vFC~A?x@?|@HbAPbAZbA\`@x@b@dAz@v@r@~@jAr@dAp@rAd@fA\`@jAd@bBZxAVbBRfBH~AFtA@|AAdBGpAIzAOdBWzASxAKx@Ix@?f@?n@@l@Dr@Jx@Hf@Jh@JZjAnDb@tAhBzFXvAhB|FnBlG??@?FTj@fABBRh@PVNRLHLDR@N?VGXMNInJoIlC_Cp@o@RQ????t@s@lCaC|GcGnCcClCaC\\\\[nBgBlBgB@???VUVURWVc@Xe@PYpBeDx@sAx@mAV_@TQ\\\\Sp@MzCA|FF@@??N@RFNFN@LB~BCF?D?fCAF?N?NCN?NALAHCJAJAHCNEPC^KxDeAxCy@NGJAJCJALAL?h@CrC???nHBrB?V?X@R@VBn@HVDP@T@z@?b@?z@?vp@B??@?zG?L?N?JCF?JAHEDABCF?@CDABCDCBCBEDCBEBCBGBEBC@EBGBEBG@E@E@GBE@G@E?CBM?IBI@K?I?SDeAFeBBqAJ_D@q@@o@?y@?s@?qAAgI@y@@o@Ds@JiBXkE@s@Bm@?{@Aw@Ey@Gy@Gg@Gi@Ie@Ke@UaAoDiNa@aBc@kBkAwF???AoAcGKg@Ii@Ge@Gg@Ee@Ek@Am@Ak@Ak@@k@Bg@Bk@@e@Dk@Fc@Hk@Js@Rw@zDsPNs@Lm@RqAPqAHgAf@kHLiBDc@BWFWDUFUHUJUJULUJONSNKPQtCmB??~BcBb@Ud@STEVGVCVA^?pHDvOFjLCx@?pDH\`@Bb@Cb@?^Ib@G^I\\\\M\\\\O\\\\Qhg@oX~@e@????|L{GjDgB|@c@f@QtE_BpAe@lO}FbJkDdQwGrFyBt[{LnSqI?A",
             },
-            "mode": "BUS",
-            "pathway": false,
+            "mode": "TRAM",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "45",
-            "routeId": "kcm:100225",
-            "routeShortName": "45",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597953784000,
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": Object {
+              "alerts": Array [],
+              "color": "28813F",
+              "id": "Um91dGU6NDA6MTAwNDc5",
+              "longName": "Northgate - Angle Lake",
+              "shortName": "1-Line",
+              "textColor": "FFFFFF",
+              "type": 0,
+            },
+            "startTime": 1685142780000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1597955040000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597955041000,
-              "lat": 47.6907234,
-              "lon": -122.366653,
-              "name": "NW 85th St & 8th Ave NW",
-              "stopId": "kcm:37060",
-              "stopIndex": 28,
-              "stopSequence": 174,
+              "lat": 47.537529,
+              "lon": -122.281471,
+              "name": "Othello Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "C27-T1",
+                "gtfsId": "40:56159",
+                "id": "U3RvcDo0MDo1NjE1OQ",
+              },
               "vertexType": "TRANSIT",
-              "zoneId": "1",
             },
             "transitLeg": true,
-            "tripBlockId": "5864148",
-            "tripId": "kcm:47377584",
-            "tripShortName": "LOCAL",
+            "trip": Object {
+              "gtfsId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+              "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
+              "tripHeadsign": "Angle Lake",
+            },
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "accessibilityScore": null,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 236.898,
-            "duration": 183,
-            "endTime": 1597955224000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 2167.47,
+            "dropoffType": "SCHEDULED",
+            "duration": 1739,
+            "endTime": 1685146739000,
+            "fareProducts": Array [],
             "from": Object {
-              "arrival": 1597955040000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597955041000,
-              "lat": 47.6907234,
-              "lon": -122.366653,
-              "name": "NW 85th St & 8th Ave NW",
-              "stopId": "kcm:37060",
-              "stopIndex": 28,
-              "stopSequence": 174,
+              "lat": 47.537529,
+              "lon": -122.281471,
+              "name": "Othello Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "C27-T1",
+                "gtfsId": "40:56159",
+                "id": "U3RvcDo0MDo1NjE1OQ",
+              },
               "vertexType": "TRANSIT",
-              "zoneId": "1",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 12,
-              "points": "mqabHrvziV?A?_C\\\\EV?X?H?P?t@?dA?fA??q@",
+              "length": 135,
+              "points": "otcaHfbjiV?BXMF\\\\\\\\??fC?NJ?@|@BbC?R?TAB?|A?t@@f@?L@B?V?TA@@D?D?vA?h@?X?TAXCXANCPCPKd@ERCLCH@@HFLJ@@@?@@@@B@F?F?D?DAENDAHCFCFNPTDBD?RIl@Wb@Qn@c@h@[ZONGPCD?LEFAL@Ad@@vF?pAApA?nH@\\\\@J@DBPJLEFIFI^ENQf@EBCFHJP^BL@J@PAhFA|A?bAArB?hA@JBFDDDHl@b@RHTFXD\\\\@P@PCjB[hB[h@M\`A]lAk@vBoAlAu@h@YLCPAJ@J@LFLHHJHJFNHTv@dGFb@@NK@KCOCM@{Ad@e@F_@LM@",
             },
             "mode": "WALK",
-            "pathway": false,
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597955041000,
+            "route": null,
+            "startTime": 1685145000000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 48.135,
-                "elevation": Array [
-                  Object {
-                    "first": 0.778,
-                    "second": 88.24,
-                  },
-                  Object {
-                    "first": 10.778,
-                    "second": 87.75,
-                  },
-                  Object {
-                    "first": 20.778,
-                    "second": 87.25,
-                  },
-                  Object {
-                    "first": 30.778,
-                    "second": 86.8,
-                  },
-                  Object {
-                    "first": 40.778,
-                    "second": 86.45,
-                  },
-                  Object {
-                    "first": 48.138,
-                    "second": 86.23,
-                  },
-                ],
-                "lat": 47.69063455760549,
-                "lon": -122.36665220078636,
+                "distance": 14.92,
+                "elevationProfile": Array [],
+                "lat": 47.5375246,
+                "lon": -122.2814907,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Northwest 85th Street",
+                "streetName": "Martin Luther King Junior Way South",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 12.32,
+                "elevationProfile": Array [],
+                "lat": 47.5373972,
+                "lon": -122.2814286,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
               },
               Object {
                 "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 169.894,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 86.23,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 86.14,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 86.1,
-                  },
-                  Object {
-                    "first": 29.81,
-                    "second": 86.15,
-                  },
-                  Object {
-                    "first": 29.813,
-                    "second": 86.15,
-                  },
-                  Object {
-                    "first": 44.413,
-                    "second": 86.14,
-                  },
-                  Object {
-                    "first": 90.958,
-                    "second": 86.08,
-                  },
-                  Object {
-                    "first": 100.958,
-                    "second": 86.13,
-                  },
-                  Object {
-                    "first": 110.958,
-                    "second": 86.11,
-                  },
-                  Object {
-                    "first": 120.958,
-                    "second": 86.05,
-                  },
-                  Object {
-                    "first": 129.468,
-                    "second": 86,
-                  },
-                  Object {
-                    "first": 129.464,
-                    "second": 86,
-                  },
-                  Object {
-                    "first": 139.464,
-                    "second": 85.9,
-                  },
-                  Object {
-                    "first": 149.464,
-                    "second": 85.83,
-                  },
-                  Object {
-                    "first": 159.464,
-                    "second": 85.8,
-                  },
-                  Object {
-                    "first": 169.894,
-                    "second": 85.79,
-                  },
+                "distance": 79.38,
+                "elevationProfile": Array [],
+                "lat": 47.537352,
+                "lon": -122.2815784,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "parking aisle",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 186.19,
+                "elevationProfile": Array [],
+                "lat": 47.5371499,
+                "lon": -122.2823392,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 185.66,
+                "elevationProfile": Array [],
+                "lat": 47.5371051,
+                "lon": -122.2847952,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [
+                  null,
                 ],
-                "lat": 47.690635900000004,
-                "lon": -122.36600910000001,
+                "area": false,
+                "distance": 223.22,
+                "elevationProfile": Array [],
+                "lat": 47.5369894,
+                "lon": -122.2868292,
+                "relativeDirection": "HARD_RIGHT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 316.7,
+                "elevationProfile": Array [],
+                "lat": 47.535227,
+                "lon": -122.2863141,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "8th Avenue Northwest",
+                "streetName": "South Webster Street",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 18.869,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 85.79,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 85.51,
-                  },
-                  Object {
-                    "first": 18.87,
-                    "second": 85.23,
-                  },
-                ],
-                "lat": 47.6891101,
-                "lon": -122.36597210000001,
+                "distance": 55.15,
+                "elevationProfile": Array [],
+                "lat": 47.5351293,
+                "lon": -122.2904874,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 259.82,
+                "elevationProfile": Array [],
+                "lat": 47.5354239,
+                "lon": -122.2910651,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northwest 83rd Street",
+                "streetName": "South Webster Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 57.96,
+                "elevationProfile": Array [],
+                "lat": 47.5352763,
+                "lon": -122.2944348,
+                "relativeDirection": "SLIGHTLY_LEFT",
+                "stayOn": false,
+                "streetName": "29th Avenue South",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 644.09,
+                "elevationProfile": Array [],
+                "lat": 47.5348545,
+                "lon": -122.2948441,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Military Road South",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 132.1,
+                "elevationProfile": Array [],
+                "lat": 47.5301402,
+                "lon": -122.2953592,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
               },
             ],
             "to": Object {
-              "arrival": 1597955224000,
-              "lat": 47.68896584339047,
-              "lon": -122.36571962588302,
-              "name": "8212 8th Ave NW, Seattle, WA, USA",
-              "orig": "8212 8th Ave NW, Seattle, WA, USA",
+              "lat": 47.5312889,
+              "lon": -122.2958113,
+              "name": "New Light Christian Church, Seattle, WA, USA",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
           },
         ],
-        "startTime": 1597949873000,
-        "tooSloped": false,
-        "transfers": 3,
-        "transitTime": 2949,
-        "waitingTime": 904,
-        "walkDistance": 2016.2642537270028,
-        "walkLimitExceeded": false,
-        "walkTime": 1498,
+        "startTime": 1685139787000,
+        "waitingTime": 184,
+        "walkTime": 2436,
       }
     }
-    showRouteFares={true}
   />
 </IntlProvider>
 `;
@@ -26429,7 +25549,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   color: #333;
 }
 
-.c65 {
+.c60 {
   color: #f44256;
 }
 
@@ -26464,17 +25584,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   margin-right: 5px;
 }
 
-.c63 {
-  color: #b22727;
-  margin-top: 5px;
-}
-
 .c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c57 {
+.c55 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -26530,16 +25645,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   font-weight: inherit;
 }
 
-.c51 {
+.c49 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c50 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
 .c48 {
   color: #807373;
   margin-top: 5px;
@@ -26742,27 +25852,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   padding-left: 1ch;
 }
 
-.c60 {
+.c58 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c59 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c56 {
   z-index: 30;
   position: relative;
 }
 
-.c53 {
+.c51 {
   margin-top: 5px;
 }
 
-.c54 {
+.c52 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -26770,30 +25880,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   display: flex;
 }
 
-.c56 {
+.c54 {
   font-size: 14px;
 }
 
-.c55 {
+.c53 {
   padding: 0;
 }
 
-.c52 {
+.c50 {
   margin-top: 5px;
 }
 
-.c52 a {
+.c50 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c52 a:hover {
+.c50 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c52 img {
+.c50 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -26807,26 +25917,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   font-family: Hind,sans-serif;
 }
 
-.c1 .c49 {
-  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 {
   display: table-cell;
   max-width: 20px;
@@ -26851,7 +25941,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c57 {
   margin-left: -23px;
 }
 
@@ -26887,29 +25977,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
 }
 
 .c44 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #0070c0;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c62 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #000088;
-  background: repeating-linear-gradient(  -45deg, #00008830, #00008830 5px, #000088 5px, #000088 10px );
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c64 {
   background-color: gray;
   left: 5px;
   right: 5px;
@@ -26994,13 +26061,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        3826 191st Pl SW, Lynnwood, WA, USA
+        47.7792, -122.29032
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:57 AM
+      3:23 PM
     </div>
     <span
       className="c19"
@@ -27049,11 +26116,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                - 
             </span>
             <span>
-              Walk 0.7 miles to 
+              Walk 0.5 miles to 
               <span
                 className="c25"
               >
-                Alderwood Mall Blvd & 40th Ave W
+                48th Ave W & 244th St SW
               </span>
             </span>
             <button
@@ -27079,7 +26146,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               className="c26 c30"
               onClick={[Function]}
             >
-              13 min
+              10 min
               <span
                 className="c31"
               >
@@ -27142,17 +26209,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                   >
                     <span>
                       Head 
-                      WEST
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Road
+                        242nd Street Southwest
                       </span>
                       <span
                         className="c37"
                       >
-                        390 feet
+                        120 feet
                       </span>
                     </span>
                   </div>
@@ -27167,7 +26234,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       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>
@@ -27175,17 +26242,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        40th Avenue West
+                        Cedar Way
                       </span>
                       <span
                         className="c37"
                       >
-                        0.5 miles
+                        0.1 miles
                       </span>
                     </span>
                   </div>
@@ -27213,12 +26280,45 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c36"
                       >
-                        Alderwood Mall Boulevard
+                        Northeast 205th Street - 244th Street Southwest
                       </span>
                       <span
                         className="c37"
                       >
-                        0.1 miles
+                        0.4 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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        91 feet
                       </span>
                     </span>
                   </div>
@@ -27244,26 +26344,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                   className="c41 c42"
                 >
                   ↑
-                  2'
+                  0'
                 </span>
                 <span
                   className="c41 c43"
                 >
                   ↓
-                  101'
+                  0'
                 </span>
               </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,9.33416303671438 0,9.39763534536403 0,9.449906658369624 0,9.532047293092713 0,9.505911636589914 0,9.48724331051649 0,9.33416303671438 0,9.464841319228377 0,9.588052271313 0,9.673926571250778 0,9.744866210329807 0,9.744866210329807 0,9.834474175482256 0,9.909147479775978 0,10.002489110143124 0,10.06969508400747 0,10.06969508400747 0,10.136901057871807 0,10.219041692594892 0,10.289981331673918 0,10.36092097075296 0,10.398257622899813 0,10.43932794026135 0,10.43932794026135 0,10.476664592408206 0,10.476664592408206 0,10.566272557560666 0,10.670815183571868 0,10.738021157436219 0,10.738021157436219 0,10.808960796515244 0,10.868699439950216 0,10.89110143123833 0,10.958307405102676 0,10.999377722464214 0,10.999377722464214 0,11.032980709396387 0,11.032980709396387 0,11.103920348475416 0,11.17112632233976 0,11.17112632233976 0,11.290603609209704 0,11.398879900435588 0,11.398879900435588 0,11.47355320472931 0,11.566894835096452 0,11.566894835096452 0,11.69757311761045 0,11.835718730553825 0,12.007467330429371 0,12.212818917237083 0,12.42563783447417 0,12.619788425637829 0,12.619788425637829 0,12.869943995021782 0,13.142501555693837 0,13.355320472930924 0,13.571873055382703 0,13.77349097697573 0,14.03858120721842 0,14.03858120721842 0,14.255133789670188 0,14.535158680771618 0,14.908525202240194 0,14.908525202240194 0,15.18108276291226 0,15.505911636589916 0,15.782202862476662 0,15.782202862476662 0,16.080896079651524 0,16.331051649035466 0,16.547604231487245 0,16.69695084007467 0,16.902302426882386 0,16.902302426882386 0,17.05164903546982 0,17.260734287492223 0,17.260734287492223 0,17.417548226509027 0,17.525824517734907 0,17.525824517734907 0,17.719975108898566 0,17.876789047915366 0,17.876789047915366 0,17.985065339141258 0,17.985065339141258 0,18.126944617299316 0,18.287492221530805 0,18.42190416925949 0,18.53391412570006 0,18.612321095208458 0,18.612321095208458 0,18.694461729931554 0,18.739265712507777 0,18.739265712507777 0,18.784069695084007 0,18.851275668948347 0,18.948350964530178 0,19.041692594897324 0,19.041692594897324 0,19.116365899191038 0,19.17610454262601 0,19.2321095208463 0,19.239576851275668 0,19.24704418170504 0,19.24704418170504 0,19.265712507778467 0,19.269446172993156 0,19.269446172993156 0,19.29558182949596 0,19.317983820784068 0,19.317983820784068 0,19.35905413814561 0,19.422526446795267 0,19.515868077162413 0,19.605476042314873 0,19.69135034225264 0,20.225264467952705 0,20.32607342874922 0,20.32607342874922 0,20.367143746110763 0,20.367143746110763 0,20.404480398257625 0,20.404480398257625 0,20.479153702551336 0,20.516490354698195 0,20.516490354698195 0,20.542626011200994 0,20.542626011200994 0,20.57249533291848 0,20.576228998133168 0,20.576228998133168 0,20.594897324206595 0,20.62850031113877 0,20.62850031113877 0,20.62850031113877 0,20.632233976353454 0,20.632233976353454 0,20.647168637212197 0,20.66583696328562 0,20.66583696328562 0,20.66583696328562 0,20.66583696328562"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
+              No elevation data available.
               mocked-react-resize-detector
             </button>
           </div>
@@ -27324,13 +26414,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        Alderwood Mall Blvd & 40th Ave W
+        48th Ave W & 244th St SW
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      12:11 PM
+      3:33 PM
     </div>
     <span
       className="c19"
@@ -27343,7 +26433,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       <div
         className="c45"
       >
-        Stop ID 1635
+        Stop ID 
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -27400,18 +26490,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       </g>
                     </svg>
                   </span>
-                  <span
-                    className="c49 c50"
-                  >
-                    116
-                  </span>
                 </span>
                 <span
-                  className="c51"
+                  className="c49"
                 >
-                  <span>
-                    Edmonds
-                  </span>
+                  <span />
                 </span>
               </span>
               <span
@@ -27419,7 +26502,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               >
                  - 
                 Disembark at 
-                Lynnwood Transit Center Bay C2
+                Northgate Station - Bay 4
               </span>
             </span>
             <button
@@ -27439,17 +26522,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           role="group"
         >
           <div
-            className="c52"
+            className="c50"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://www.communitytransit.org/"
+              href="#"
               rel="noopener noreferrer"
               target="_blank"
-            >
-              Community Transit
-            </a>
+            />
           </div>
           <div
             aria-hidden={false}
@@ -27466,18 +26547,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             />
           </div>
           <div
-            className="c53"
+            className="c51"
           >
             <div
-              className="c54"
+              className="c52"
             >
               <button
-                className="c26 c55"
+                className="c26 c53"
                 onClick={[Function]}
               >
                 Ride 
-                4 min
-                 / 2 stops
+                35 min
+                 / 37 stops
                 <span
                   className="c31"
                 >
@@ -27525,23 +26606,513 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c54"
                 >
                   <ol
-                    className="c57"
+                    className="c55"
                   >
                     <li
-                      className="c58"
+                      className="c56"
                     >
                       <div
-                        className="c59 c60"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c59"
+                      >
+                        NE 205th St & 52nd Ave W
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE 205th St & 56th Ave W
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE 205th St & 58th Pl W
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & Ballinger Way NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & Forest Park Dr NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 200th Ct
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 192nd St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE Perkins Way
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & 24th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 180th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE 175th St & 15th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE 175th St & 10th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 174th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 170th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 163rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 161st St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 158th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 155th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 152nd St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE 148th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE 145th St & 6th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE 145th St & 12th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 145th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 143rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 140th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 135th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 130th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 127th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 125th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 123rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        15th Ave NE & NE 120th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Pinehurst Way NE & NE 115th St
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        NE Northgate Way & Roosevelt Way NE
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & NE Northgate Way
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        5th Ave NE & Northgate Mall
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
                       >
-                        Alderwood Mall Blvd & 44th Ave W
+                        NE 103rd St & 5th Ave NE
                       </div>
                     </li>
                   </ol>
@@ -27549,7 +27120,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                     className="styled__TransitLegFare-sc-1q8npbl-79"
                   >
                     Fare: 
-                    $2.50
+                    $2.75
                   </div>
                 </div>
               </div>
@@ -27612,13 +27183,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        Lynnwood Transit Center Bay C2
+        Northgate Station - Bay 4
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      12:15 PM
+      4:09 PM
     </div>
     <span
       className="c19"
@@ -27628,17 +27199,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
     <div
       className="c20"
     >
-      <div
-        className="c45"
-      >
-        Stop ID 2110
-        <a
-          className="c46 c47"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
       <div
         className="c21"
       >
@@ -27678,11 +27238,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                - 
             </span>
             <span>
-              Walk 245 feet to 
+              Walk 200 feet to 
               <span
                 className="c25"
               >
-                Lynnwood Transit Center Bay D3
+                Northgate Station
               </span>
             </span>
             <button
@@ -27771,7 +27331,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                   >
                     <span>
                       Head 
-                      WEST
+                      NORTH
                        on 
                       <span
                         className="c36"
@@ -27781,7 +27341,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c37"
                       >
-                        245 feet
+                        200 feet
                       </span>
                     </span>
                   </div>
@@ -27846,13 +27406,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        Lynnwood Transit Center Bay D3
+        Northgate Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      12:27 PM
+      4:13 PM
     </div>
     <span
       className="c19"
@@ -27865,7 +27425,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       <div
         className="c45"
       >
-        Stop ID 2422
+        Stop ID 
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -27899,41 +27459,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                     className="c24"
                   >
                     <svg
-                      aria-label="BUS"
+                      aria-label="TRAM"
                       height="100%"
                       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="c49 c50"
-                  >
-                    512
-                  </span>
                 </span>
                 <span
-                  className="c51"
+                  className="c49"
                 >
-                  <span>
-                    Seattle 5th Ave
-                  </span>
+                  <span />
                 </span>
               </span>
               <span
@@ -27941,7 +27489,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               >
                  - 
                 Disembark at 
-                NE 45TH ST Fwy Station
+                Othello Station
               </span>
             </span>
             <button
@@ -27961,17 +27509,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           role="group"
         >
           <div
-            className="c52"
+            className="c50"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://www.communitytransit.org/"
+              href="#"
               rel="noopener noreferrer"
               target="_blank"
-            >
-              Community Transit
-            </a>
+            />
           </div>
           <div
             aria-hidden={false}
@@ -27988,18 +27534,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             />
           </div>
           <div
-            className="c53"
+            className="c51"
           >
             <div
-              className="c54"
+              className="c52"
             >
               <button
-                className="c26 c55"
+                className="c26 c53"
                 onClick={[Function]}
               >
                 Ride 
-                20 min
-                 / 2 stops
+                37 min
+                 / 14 stops
                 <span
                   className="c31"
                 >
@@ -28047,23 +27593,191 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c54"
                 >
                   <ol
-                    className="c57"
+                    className="c55"
                   >
                     <li
-                      className="c58"
+                      className="c56"
                     >
                       <div
-                        className="c59 c60"
+                        className="c57 c58"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c59"
+                      >
+                        Roosevelt Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        U District Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Univ of Washington Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Capitol Hill Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Westlake Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        University St Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Pioneer Square Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Int'l Dist/Chinatown Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Stadium Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        SODO Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Beacon Hill Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
+                      >
+                        Mount Baker Station
+                      </div>
+                    </li>
+                    <li
+                      className="c56"
+                    >
+                      <div
+                        className="c57 c58"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c59"
                       >
-                        NE 145TH ST Fwy Station
+                        Columbia City Station
                       </div>
                     </li>
                   </ol>
@@ -28071,7 +27785,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                     className="styled__TransitLegFare-sc-1q8npbl-79"
                   >
                     Fare: 
-                    $3.25
+                    $3.00
                   </div>
                 </div>
               </div>
@@ -28134,13 +27848,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        NE 45TH ST Fwy Station
+        Othello Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      12:47 PM
+      4:50 PM
     </div>
     <span
       className="c19"
@@ -28150,17 +27864,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
     <div
       className="c20"
     >
-      <div
-        className="c45"
-      >
-        Stop ID 2166
-        <a
-          className="c46 c47"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
       <div
         className="c21"
       >
@@ -28200,11 +27903,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                - 
             </span>
             <span>
-              Walk 0.4 miles to 
+              Walk 1.3 miles to 
               <span
                 className="c25"
               >
-                11th Ave NE & NE 45th St
+                New Light Christian Church, Seattle, WA, USA
               </span>
             </span>
             <button
@@ -28230,7 +27933,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               className="c26 c30"
               onClick={[Function]}
             >
-              7 min
+              28 min
               <span
                 className="c31"
               >
@@ -28293,17 +27996,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                   >
                     <span>
                       Head 
-                      NORTH
+                      SOUTH
                        on 
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        Martin Luther King Junior Way South
                       </span>
                       <span
                         className="c37"
                       >
-                        229 feet
+                        49 feet
                       </span>
                     </span>
                   </div>
@@ -28331,7 +28034,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        service road
                       </span>
                       <span
                         className="c37"
@@ -28364,12 +28067,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c36"
                       >
-                        5th Avenue Northeast
+                        parking aisle
                       </span>
                       <span
                         className="c37"
                       >
-                        48 feet
+                        260 feet
                       </span>
                     </span>
                   </div>
@@ -28397,12 +28100,144 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c36"
                       >
-                        Northeast 45th Street
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        0.3 miles
+                        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"
+                      >
+                        sidewalk
+                      </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="M218.5 70.5l20 120-120-20 30-30-50-50c-10-10-10 0-10 10v160h-60v-160c0-70 70-90 110-50l50 50z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      HARD_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </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"
+                      >
+                        South Webster Street
+                      </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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        181 feet
                       </span>
                     </span>
                   </div>
@@ -28430,12 +28265,78 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c36"
                       >
-                        11th Avenue Northeast
+                        South Webster Street
+                      </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="M86.5 90.5l40 40c10 10 20 20 20 40v90h60v-90c0-40-20-60-40-80l-40-40 30-30-120-20 20 120z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        29th Avenue South
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        190 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"
+                      >
+                        Military Road South
                       </span>
                       <span
                         className="c37"
                       >
-                        178 feet
+                        0.4 miles
                       </span>
                     </span>
                   </div>
@@ -28468,7 +28369,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       <span
                         className="c37"
                       >
-                        24 feet
+                        433 feet
                       </span>
                     </span>
                   </div>
@@ -28494,26 +28395,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                   className="c41 c42"
                 >
                   ↑
-                  21'
+                  0'
                 </span>
                 <span
                   className="c41 c43"
                 >
                   ↓
-                  45'
+                  0'
                 </span>
               </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,12.844129554655872 0,12.803643724696357 0,12.798582995951417 0,12.798582995951417 0,12.742914979757085 0,12.651821862348179 0,12.651821862348179 0,13.092105263157897 0,13.092105263157897 0,13.805668016194332 0,13.805668016194332 0,13.684210526315788 0,13.684210526315788 0,16.371457489878544 0,17.115384615384613 0,15.217611336032387 0,15.187246963562755 0,15.187246963562755 0,15.20242914979757 0,15.20242914979757 0,15.182186234817813 0,15.161943319838057 0,15.161943319838057 0,15.217611336032387 0,15.298582995951419 0,15.288461538461538 0,15.288461538461538 0,15.227732793522268 0,15.278340080971661 0,15.349190283400812 0,15.349190283400812 0,15.328947368421051 0,15.313765182186236 0,15.313765182186236 0,15.273279352226721 0,15.273279352226721 0,15.217611336032387 0,15.242914979757087 0,15.242914979757087 0,15.237854251012145 0,15.237854251012145 0,15.258097165991906 0,15.258097165991906 0,15.35931174089069 0,15.480769230769232 0,15.607287449392715 0,15.607287449392715 0,15.779352226720649 0,16.027327935222672 0,16.224696356275306 0,16.224696356275306 0,16.482793522267208 0,16.67004048582996 0,16.67004048582996 0,16.730769230769234 0,16.730769230769234 0,16.88765182186235 0,16.88765182186235 0,16.94838056680162 0,16.94838056680162 0,17.09514170040486 0,17.09514170040486 0,17.171052631578945 0,17.282388663967616 0,17.34817813765182 0,17.338056680161944 0,17.338056680161944 0,17.338056680161944 0,17.34817813765182 0,17.34817813765182 0,17.332995951417004 0,17.332995951417004 0,17.100202429149796 0,17.100202429149796 0,16.993927125506076 0,16.892712550607285 0,16.740890688259114 0,16.64473684210526 0,16.64473684210526 0,16.578947368421055 0,16.578947368421055 0,16.558704453441294"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
+              No elevation data available.
               mocked-react-resize-detector
             </button>
           </div>
@@ -28527,21 +28418,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
     <div
       className="c4 c5"
     >
-      <div
-        className="c62"
-      />
       <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
@@ -28551,17 +28439,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c60 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>
@@ -28574,1214 +28461,74 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        11th Ave NE & NE 45th St
+        New Light Christian Church, Seattle, WA, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      12:57 PM
+      5:18 PM
     </div>
     <span
       className="c19"
     >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      New Light Christian Church, Seattle, WA, USA
     </span>
     <div
       className="c20"
-    >
-      <div
-        className="c45"
-      >
-        Stop ID 9650
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-23"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c48"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      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="c49 c50"
-                  >
-                    67
-                  </span>
-                </span>
-                <span
-                  className="c51"
-                >
-                  <span>
-                    Northgate Roosevelt
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                12th Ave NE & NE 61st St
-              </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="c52"
-          >
-            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="c63"
-          >
-            To take this route, you must 
-            call 877-680-1287
-             at least 1 day in advance
-            .
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c53"
-          >
-            <div
-              className="c54"
-            >
-              <button
-                className="c26 c55"
-                onClick={[Function]}
-              >
-                Ride 
-                4 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"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c46 c47"
-                onClick={[Function]}
-                type="button"
-              >
-                Trip Viewer
-              </a>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c56"
-                >
-                  <ol
-                    className="c57"
-                  >
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        11th Ave NE & NE 47th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        11th Ave NE & NE 50th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        11th Ave NE & NE 52nd St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        11th Ave NE & NE 55th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        11th Ave NE & NE Ravenna Blvd
-                      </div>
-                    </li>
-                  </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
-                  >
-                    Fare: 
-                    $0.00
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c64"
-      />
-      <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"
-      >
-        12th Ave NE & NE 61st St
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:03 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c45"
-      >
-        Stop ID 23540
-        <a
-          className="c46 c47"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-23"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c48"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      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="c49 c50"
-                  >
-                    45
-                  </span>
-                </span>
-                <span
-                  className="c51"
-                >
-                  <span>
-                    Loyal Heights Greenwood
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                NW 85th St & 8th Ave NW
-              </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="c52"
-          >
-            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="c53"
-          >
-            <div
-              className="c54"
-            >
-              <button
-                className="c26 c55"
-                onClick={[Function]}
-              >
-                Ride 
-                20 min
-                 / 17 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"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c46 c47"
-                onClick={[Function]}
-                type="button"
-              >
-                Trip Viewer
-              </a>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c56"
-                >
-                  <ol
-                    className="c57"
-                  >
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 65th St & Roosevelt Way NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 65th St & Oswego Pl NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE Ravenna Blvd & NE 68th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE Ravenna Blvd & Woodlawn Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        East Green Lake Dr N & 4th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        East Green Lake Dr N & Sunnyside Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        East Green Lake Dr N & Orin Ct N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        East Green Lake Dr N & Wallingford Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Wallingford Ave N & N 80th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Wallingford Ave N & N 82nd St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        N 85th St & Wallingford Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        N 85th St & Stone Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        N 85th St & Aurora Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        N 85th St & Fremont Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        N 85th St & Greenwood Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NW 85th St & 3rd Ave NW
-                      </div>
-                    </li>
-                  </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
-                  >
-                    Fare: 
-                    $0.00
-                  </div>
-                </div>
-              </div>
-            </div>
-          </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"
-      >
-        NW 85th St & 8th Ave NW
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:24 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c45"
-      >
-        Stop ID 37060
-        <a
-          className="c46 c47"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-23"
-        >
-          <span
-            className="c22"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  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 0.1 miles to 
-              <span
-                className="c25"
-              >
-                8212 8th Ave NW, Seattle, WA, USA
-              </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]}
-            >
-              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"
-              >
-                (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"
-                      >
-                        Northwest 85th Street
-                      </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"
-                      >
-                        8th Avenue Northwest
-                      </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="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"
-                      >
-                        Northwest 83rd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        62 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <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"
-      >
-        8212 8th Ave NW, Seattle, WA, USA
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:27 PM
-    </div>
-    <span
-      className="c19"
-    >
-      Arrive at 
-      8212 8th Ave NW, Seattle, WA, USA
-    </span>
-    <div
-      className="c20"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex 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": 5849,
-        "elevationGained": 0,
-        "elevationLost": 0,
-        "endTime": 1655948239000,
-        "generalizedCost": 8302,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -21600000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 509.149,
-            "duration": 396,
-            "endTime": 1655942786000,
-            "from": Object {
-              "departure": 1655942390000,
-              "lat": 40.16208338164619,
-              "lon": -105.09933471679689,
-              "name": "2nd Avenue, Longmont, CO, USA",
-              "vertexType": "NORMAL",
-            },
-            "generalizedCost": 768,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 22,
-              "points": "mdctF|en\`S?hBF@\`@?T?B?F?X?nB?bAA\`@?H?N?J?^??F?xC?jA?pCh@??pC\`AV",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1655942390000,
-            "steps": Array [
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex 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": 5849,
+        "elevationGained": 0,
+        "elevationLost": 0,
+        "endTime": 1655948239000,
+        "generalizedCost": 8302,
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -21600000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 509.149,
+            "duration": 396,
+            "endTime": 1655942786000,
+            "from": Object {
+              "departure": 1655942390000,
+              "lat": 40.16208338164619,
+              "lon": -105.09933471679689,
+              "name": "2nd Avenue, Longmont, CO, USA",
+              "vertexType": "NORMAL",
+            },
+            "generalizedCost": 768,
+            "interlineWithPreviousLeg": false,
+            "legGeometry": Object {
+              "length": 22,
+              "points": "mdctF|en\`S?hBF@\`@?T?B?F?X?nB?bAA\`@?H?N?J?^??F?xC?jA?pCh@??pC\`AV",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "route": "",
+            "startTime": 1655942390000,
+            "steps": Array [
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
@@ -109328,2177 +108075,1291 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 1`] = `
   <ItineraryBodyDefaultsWrapper
     itinerary={
       Object {
-        "duration": 5351,
-        "elevationGained": 0.21999999999998465,
-        "elevationLost": 32.49999999999994,
-        "endTime": 1597955224000,
-        "fare": Object {
-          "details": Object {
-            "regular": Array [
-              Object {
-                "fareId": "1:250",
-                "price": Object {
-                  "cents": 250,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:116",
-                ],
-              },
-              Object {
-                "fareId": "1:sound",
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:512",
-                ],
-              },
-              Object {
-                "fareId": "kcm:110",
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "kcm:100259",
-                  "kcm:100225",
-                ],
-              },
-            ],
-          },
-          "fare": Object {
-            "regular": Object {
-              "cents": 575,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
+        "accessibilityScore": null,
+        "duration": 6952,
+        "endTime": 1685146739000,
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "accessibilityScore": null,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1076.218,
-            "duration": 786,
-            "endTime": 1597950659000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 825.81,
+            "dropoffType": "SCHEDULED",
+            "duration": 641,
+            "endTime": 1685140428000,
+            "fareProducts": Array [],
             "from": Object {
-              "departure": 1597949873000,
-              "lat": 47.82468116616122,
-              "lon": -122.2854756863318,
-              "name": "3826 191st Pl SW, Lynnwood, WA, USA",
-              "orig": "3826 191st Pl SW, Lynnwood, WA, USA",
+              "lat": 47.7791977,
+              "lon": -122.2903181,
+              "name": "47.7792, -122.29032",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 53,
-              "points": "qu{bHh{jiVAxB?bBA~AnB?J?x@?pA@F?\\\\?b@?b@?jBAnB?x@?V?Z?X?bA?h@@\\\\?d@?L?tA@^?fA?tA?d@?Z?p@?d@?BHNd@J\`@BJF\\\\?BDT?B@D@DDh@@H?R@P@Z@b@?V@t@?X?l@?N?j@",
+              "length": 16,
+              "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???",
             },
             "mode": "WALK",
-            "pathway": false,
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597949873000,
+            "route": null,
+            "startTime": 1685139787000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 118.911,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 144.39,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 144.22,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 144.08,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 143.86,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 143.93,
-                  },
-                  Object {
-                    "first": 45.81,
-                    "second": 143.98,
-                  },
-                  Object {
-                    "first": 45.81,
-                    "second": 144.39,
-                  },
-                  Object {
-                    "first": 55.81,
-                    "second": 144.04,
-                  },
-                  Object {
-                    "first": 65.81,
-                    "second": 143.71,
-                  },
-                  Object {
-                    "first": 75.81,
-                    "second": 143.48,
-                  },
-                  Object {
-                    "first": 83.01,
-                    "second": 143.29,
-                  },
-                  Object {
-                    "first": 83.00800000000001,
-                    "second": 143.29,
-                  },
-                  Object {
-                    "first": 93.00800000000001,
-                    "second": 143.05,
-                  },
-                  Object {
-                    "first": 103.00800000000001,
-                    "second": 142.85,
-                  },
-                  Object {
-                    "first": 113.00800000000001,
-                    "second": 142.6,
-                  },
-                  Object {
-                    "first": 118.90800000000002,
-                    "second": 142.42,
-                  },
-                ],
-                "lat": 47.82441006166374,
-                "lon": -122.28548660711569,
+                "distance": 36.61,
+                "elevationProfile": Array [],
+                "lat": 47.7791959,
+                "lon": -122.290319,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "road",
+                "streetName": "242nd Street Southwest",
               },
               Object {
                 "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 751.5010000000001,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 142.42,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 142.24,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 142.02,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 141.83,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 141.64,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 141.54,
-                  },
-                  Object {
-                    "first": 62.08,
-                    "second": 141.43,
-                  },
-                  Object {
-                    "first": 62.083,
-                    "second": 141.43,
-                  },
-                  Object {
-                    "first": 68.873,
-                    "second": 141.33,
-                  },
-                  Object {
-                    "first": 68.877,
-                    "second": 141.33,
-                  },
-                  Object {
-                    "first": 78.877,
-                    "second": 141.09,
-                  },
-                  Object {
-                    "first": 88.877,
-                    "second": 140.81,
-                  },
-                  Object {
-                    "first": 100.727,
-                    "second": 140.63,
-                  },
-                  Object {
-                    "first": 100.725,
-                    "second": 140.63,
-                  },
-                  Object {
-                    "first": 110.725,
-                    "second": 140.44,
-                  },
-                  Object {
-                    "first": 120.725,
-                    "second": 140.28,
-                  },
-                  Object {
-                    "first": 130.725,
-                    "second": 140.22,
-                  },
-                  Object {
-                    "first": 140.725,
-                    "second": 140.04,
-                  },
-                  Object {
-                    "first": 146.365,
-                    "second": 139.93,
-                  },
-                  Object {
-                    "first": 146.362,
-                    "second": 139.93,
-                  },
-                  Object {
-                    "first": 151.402,
-                    "second": 139.84,
-                  },
-                  Object {
-                    "first": 151.399,
-                    "second": 139.84,
-                  },
-                  Object {
-                    "first": 161.399,
-                    "second": 139.65,
-                  },
-                  Object {
-                    "first": 168.249,
-                    "second": 139.47,
-                  },
-                  Object {
-                    "first": 168.246,
-                    "second": 139.47,
-                  },
-                  Object {
-                    "first": 178.246,
-                    "second": 139.15,
-                  },
-                  Object {
-                    "first": 187.42600000000002,
-                    "second": 138.86,
-                  },
-                  Object {
-                    "first": 187.42700000000002,
-                    "second": 138.86,
-                  },
-                  Object {
-                    "first": 197.42700000000002,
-                    "second": 138.66,
-                  },
-                  Object {
-                    "first": 207.86700000000002,
-                    "second": 138.41,
-                  },
-                  Object {
-                    "first": 207.86400000000003,
-                    "second": 138.41,
-                  },
-                  Object {
-                    "first": 217.86400000000003,
-                    "second": 138.06,
-                  },
-                  Object {
-                    "first": 227.86400000000003,
-                    "second": 137.69,
-                  },
-                  Object {
-                    "first": 237.86400000000003,
-                    "second": 137.23,
-                  },
-                  Object {
-                    "first": 247.86400000000003,
-                    "second": 136.68,
-                  },
-                  Object {
-                    "first": 257.86400000000003,
-                    "second": 136.11,
-                  },
-                  Object {
-                    "first": 267.34400000000005,
-                    "second": 135.59,
-                  },
-                  Object {
-                    "first": 267.343,
-                    "second": 135.59,
-                  },
-                  Object {
-                    "first": 277.343,
-                    "second": 134.92,
-                  },
-                  Object {
-                    "first": 287.343,
-                    "second": 134.19,
-                  },
-                  Object {
-                    "first": 297.343,
-                    "second": 133.62,
-                  },
-                  Object {
-                    "first": 307.343,
-                    "second": 133.04,
-                  },
-                  Object {
-                    "first": 317.343,
-                    "second": 132.5,
-                  },
-                  Object {
-                    "first": 330.093,
-                    "second": 131.79,
-                  },
-                  Object {
-                    "first": 330.091,
-                    "second": 131.79,
-                  },
-                  Object {
-                    "first": 340.091,
-                    "second": 131.21,
-                  },
-                  Object {
-                    "first": 350.091,
-                    "second": 130.46,
-                  },
-                  Object {
-                    "first": 361.851,
-                    "second": 129.46,
-                  },
-                  Object {
-                    "first": 361.848,
-                    "second": 129.46,
-                  },
-                  Object {
-                    "first": 371.848,
-                    "second": 128.73,
-                  },
-                  Object {
-                    "first": 381.848,
-                    "second": 127.86,
-                  },
-                  Object {
-                    "first": 391.308,
-                    "second": 127.12,
-                  },
-                  Object {
-                    "first": 391.303,
-                    "second": 127.12,
-                  },
-                  Object {
-                    "first": 401.303,
-                    "second": 126.32,
-                  },
-                  Object {
-                    "first": 411.303,
-                    "second": 125.65,
-                  },
-                  Object {
-                    "first": 421.303,
-                    "second": 125.07,
-                  },
-                  Object {
-                    "first": 431.303,
-                    "second": 124.67,
-                  },
-                  Object {
-                    "first": 443.603,
-                    "second": 124.12,
-                  },
-                  Object {
-                    "first": 443.6,
-                    "second": 124.12,
-                  },
-                  Object {
-                    "first": 453.6,
-                    "second": 123.72,
-                  },
-                  Object {
-                    "first": 467.45000000000005,
-                    "second": 123.16,
-                  },
-                  Object {
-                    "first": 467.452,
-                    "second": 123.16,
-                  },
-                  Object {
-                    "first": 477.452,
-                    "second": 122.74,
-                  },
-                  Object {
-                    "first": 484.122,
-                    "second": 122.45,
-                  },
-                  Object {
-                    "first": 484.12,
-                    "second": 122.45,
-                  },
-                  Object {
-                    "first": 494.12,
-                    "second": 121.93,
-                  },
-                  Object {
-                    "first": 504.28000000000003,
-                    "second": 121.51,
-                  },
-                  Object {
-                    "first": 504.281,
-                    "second": 121.51,
-                  },
-                  Object {
-                    "first": 512.331,
-                    "second": 121.22,
-                  },
-                  Object {
-                    "first": 512.331,
-                    "second": 121.22,
-                  },
-                  Object {
-                    "first": 522.331,
-                    "second": 120.84,
-                  },
-                  Object {
-                    "first": 532.331,
-                    "second": 120.41,
-                  },
-                  Object {
-                    "first": 542.331,
-                    "second": 120.05,
-                  },
-                  Object {
-                    "first": 552.331,
-                    "second": 119.75,
-                  },
-                  Object {
-                    "first": 560.791,
-                    "second": 119.54,
-                  },
-                  Object {
-                    "first": 560.792,
-                    "second": 119.54,
-                  },
-                  Object {
-                    "first": 570.792,
-                    "second": 119.32,
-                  },
-                  Object {
-                    "first": 578.472,
-                    "second": 119.2,
-                  },
-                  Object {
-                    "first": 578.472,
-                    "second": 119.2,
-                  },
-                  Object {
-                    "first": 588.472,
-                    "second": 119.08,
-                  },
-                  Object {
-                    "first": 598.472,
-                    "second": 118.9,
-                  },
-                  Object {
-                    "first": 608.472,
-                    "second": 118.64,
-                  },
-                  Object {
-                    "first": 618.062,
-                    "second": 118.39,
-                  },
-                  Object {
-                    "first": 618.057,
-                    "second": 118.39,
-                  },
-                  Object {
-                    "first": 628.057,
-                    "second": 118.19,
-                  },
-                  Object {
-                    "first": 638.057,
-                    "second": 118.03,
-                  },
-                  Object {
-                    "first": 648.057,
-                    "second": 117.88,
-                  },
-                  Object {
-                    "first": 658.057,
-                    "second": 117.86,
-                  },
-                  Object {
-                    "first": 666.297,
-                    "second": 117.84,
-                  },
-                  Object {
-                    "first": 666.293,
-                    "second": 117.84,
-                  },
-                  Object {
-                    "first": 676.293,
-                    "second": 117.79,
-                  },
-                  Object {
-                    "first": 686.683,
-                    "second": 117.78,
-                  },
-                  Object {
-                    "first": 686.686,
-                    "second": 117.78,
-                  },
-                  Object {
-                    "first": 696.686,
-                    "second": 117.71,
-                  },
-                  Object {
-                    "first": 702.996,
-                    "second": 117.65,
-                  },
-                  Object {
-                    "first": 702.998,
-                    "second": 117.65,
-                  },
-                  Object {
-                    "first": 712.998,
-                    "second": 117.54,
-                  },
-                  Object {
-                    "first": 722.998,
-                    "second": 117.37,
-                  },
-                  Object {
-                    "first": 732.998,
-                    "second": 117.12,
-                  },
-                  Object {
-                    "first": 742.998,
-                    "second": 116.88,
-                  },
-                  Object {
-                    "first": 751.498,
-                    "second": 116.65,
-                  },
-                ],
-                "lat": 47.8244338,
-                "lon": -122.287079,
-                "relativeDirection": "LEFT",
+                "distance": 194.04,
+                "elevationProfile": Array [],
+                "lat": 47.7791005,
+                "lon": -122.2898502,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "40th Avenue West",
+                "streetName": "Cedar Way",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 205.80599999999998,
-                "elevation": Array [
-                  Object {
-                    "first": 39.968,
-                    "second": 115.22,
-                  },
-                  Object {
-                    "first": 54.078,
-                    "second": 114.95,
-                  },
-                  Object {
-                    "first": 54.08200000000001,
-                    "second": 114.95,
-                  },
-                  Object {
-                    "first": 62.382000000000005,
-                    "second": 114.84,
-                  },
-                  Object {
-                    "first": 62.38400000000001,
-                    "second": 114.84,
-                  },
-                  Object {
-                    "first": 68.974,
-                    "second": 114.74,
-                  },
-                  Object {
-                    "first": 68.974,
-                    "second": 114.74,
-                  },
-                  Object {
-                    "first": 78.974,
-                    "second": 114.54,
-                  },
-                  Object {
-                    "first": 89.04400000000001,
-                    "second": 114.44,
-                  },
-                  Object {
-                    "first": 89.045,
-                    "second": 114.44,
-                  },
-                  Object {
-                    "first": 96.105,
-                    "second": 114.37,
-                  },
-                  Object {
-                    "first": 96.105,
-                    "second": 114.37,
-                  },
-                  Object {
-                    "first": 106.105,
-                    "second": 114.29,
-                  },
-                  Object {
-                    "first": 113.625,
-                    "second": 114.28,
-                  },
-                  Object {
-                    "first": 113.628,
-                    "second": 114.28,
-                  },
-                  Object {
-                    "first": 123.628,
-                    "second": 114.23,
-                  },
-                  Object {
-                    "first": 135.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 135.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 145.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 156.25799999999998,
-                    "second": 114.13,
-                  },
-                  Object {
-                    "first": 156.253,
-                    "second": 114.13,
-                  },
-                  Object {
-                    "first": 166.253,
-                    "second": 114.09,
-                  },
-                  Object {
-                    "first": 176.253,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 183.13299999999998,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 183.136,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 188.846,
-                    "second": 114.04,
-                  },
-                ],
-                "lat": 47.8176755,
-                "lon": -122.28709730000001,
+                "distance": 567.32,
+                "elevationProfile": Array [],
+                "lat": 47.7773669,
+                "lon": -122.2900921,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Alderwood Mall Boulevard",
-              },
-            ],
-            "to": Object {
-              "arrival": 1597950659000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950660000,
-              "lat": 47.81744203,
-              "lon": -122.2897486,
-              "name": "Alderwood Mall Blvd & 40th Ave W",
-              "stopCode": "1635",
-              "stopId": "1:1635",
-              "stopIndex": 34,
-              "stopSequence": 35,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 687.6724883861219,
-            "duration": 240,
-            "endTime": 1597950900000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950659000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950660000,
-              "lat": 47.81744203,
-              "lon": -122.2897486,
-              "name": "Alderwood Mall Blvd & 40th Ave W",
-              "stopCode": "1635",
-              "stopId": "1:1635",
-              "stopIndex": 34,
-              "stopSequence": 35,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "headsign": "Edmonds",
-            "interStopGeometry": Array [
-              Object {
-                "length": 7,
-                "points": "gizbH|ukiV?@AnB?^AjC?vB?N",
-              },
-              Object {
-                "length": 16,
-                "points": "kizbHbcliV????AbB?|F?tCAdCrCAlA?\`@A?jAHDDHBJ@NC\`G",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597950720000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597950720000,
-                "lat": 47.81743955,
-                "lon": -122.2918518,
-                "name": "Alderwood Mall Blvd & 44th Ave W",
-                "stopCode": "1643",
-                "stopId": "1:1643",
-                "stopIndex": 35,
-                "stopSequence": 36,
-                "vertexType": "TRANSIT",
+                "streetName": "Northeast 205th Street - 244th Street Southwest",
               },
-            ],
-            "legGeometry": Object {
-              "length": 22,
-              "points": "gizbH|ukiV?@AnB?^AjC?vB?N????AbB?|F?tCAdCrCAlA?\`@A?jAHDDHBJ@NC\`G",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "116",
-            "routeColor": "0070c0",
-            "routeId": "1:116",
-            "routeLongName": "Silver Firs - Edmonds",
-            "routeShortName": "116",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597950660000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597950900000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950900000,
-              "lat": 47.81605892,
-              "lon": -122.2969148,
-              "name": "Lynnwood Transit Center Bay C2",
-              "stopCode": "2110",
-              "stopId": "1:2110",
-              "stopIndex": 36,
-              "stopSequence": 37,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": true,
-            "tripBlockId": "MCOB-DO:DO25New:0:Weekday:3:20MAR:41055:12345",
-            "tripId": "1:8617811__MCOB-DO:DO25New:0:Weekday:3:20MAR:41055:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 74.789,
-            "duration": 58,
-            "endTime": 1597950958000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950900000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950900000,
-              "lat": 47.81605892,
-              "lon": -122.2969148,
-              "name": "Lynnwood Transit Center Bay C2",
-              "stopCode": "2110",
-              "stopId": "1:2110",
-              "stopIndex": 36,
-              "stopSequence": 37,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "iazbHvbmiV?LN@N??mA@{@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597950900000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 74.789,
-                "elevation": Array [
-                  Object {
-                    "first": 5.553,
-                    "second": 103.42,
-                  },
-                  Object {
-                    "first": 15.553,
-                    "second": 102.67,
-                  },
-                  Object {
-                    "first": 23.123,
-                    "second": 102.17,
-                  },
-                ],
-                "lat": 47.816054436421105,
-                "lon": -122.29691495561941,
-                "relativeDirection": "DEPART",
+                "distance": 27.83,
+                "elevationProfile": Array [],
+                "lat": 47.7774331,
+                "lon": -122.2976837,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
                 "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1597950958000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597951620000,
-              "lat": 47.81588022,
-              "lon": -122.2963008,
-              "name": "Lynnwood Transit Center Bay D3",
-              "stopCode": "2422",
-              "stopId": "1:2422",
-              "stopIndex": 4,
-              "stopSequence": 5,
+              "lat": 47.7776833,
+              "lon": -122.297684,
+              "name": "48th Ave W & 244th St SW",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "82405",
+                "gtfsId": "kcm:82405",
+                "id": "U3RvcDprY206ODI0MDU",
+              },
               "vertexType": "TRANSIT",
             },
             "transitLeg": false,
+            "trip": null,
           },
           Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 18912.47262757016,
-            "duration": 1200,
-            "endTime": 1597952820000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950958000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597951620000,
-              "lat": 47.81588022,
-              "lon": -122.2963008,
-              "name": "Lynnwood Transit Center Bay D3",
-              "stopCode": "2422",
-              "stopId": "1:2422",
-              "stopIndex": 4,
-              "stopSequence": 5,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "headsign": "Seattle 5th Ave",
-            "interStopGeometry": Array [
-              Object {
-                "length": 269,
-                "points": "w\`zbHz~liV?t@?FA|@?R?r@ABAJCHEDGBI?ECEICIAM@??s@?Q@_A?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?kAfA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFl@vAj@pATh@Zr@b@bArEjKj@pAbA~B^z@nIvRx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^j@Xb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtCd@jBXt@LnARt@LjBZj@JdC\`@pATlANjAJ\`AFfAFrADV@b@@R?J?dB?tEA\`B?nEAH?jA?nB?pB?z@?hAAbBA~BBlBB^BxAF\`BJfBNrAPlFt@bBTx@L|@LtInAfAPl@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|FuCvFsCd@GTG~EaBfAYn@K~@Il@El@B\\\\I|@Y",
-              },
-              Object {
-                "length": 178,
-                "points": "qwibHxqriVHEnA_@l@OfAMrDg@~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@zCxB|BbBz@p@r@f@t@b@r@^bAb@jA^jAVx@Jv@Ht@B|@@nDIjFKt@CvACfBAbB?jA@rABjCJr@Bp@Bj@B\\\\@z@BdAB\`ABx@?|@Ct@Cr@C|@GdIe@XCzCQpF[hAGnBK\`BG\`CAzLBhA?x@AbACz@Gl@I\`AQx@Uv@W~@a@\`Ae@x@g@ZUb@[t@o@~@aAv@_A|@kAf@q@Va@j@y@\\\\e@BEn@y@\`B{BhA}AtAiBHM|@qA|@mAb@i@\`@a@d@k@v@u@h@a@\`Aq@\`Ai@\`Ae@|@[h@Op@Op@M\`AM~@G\`ACfBCtHMtA@|@Cj@?h@Bl@?X@f@@fBHjCTvARnCf@bEt@vAXn@Lb@H\`@Fz@Lr@Hv@FbAHz@DX@N?V@TNTH\\\\Dj@Dd@B|@BvABbCA\`A?r@ChBAtBAfBCvAAdAA|AAL?~AAdAA|@@|@B\\\\DTFZLZPRHTFh@JhAB~@@\`C@\\\\?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597952280000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597952280000,
-                "lat": 47.732468,
-                "lon": -122.324989,
-                "name": "NE 145TH ST Fwy Station",
-                "stopCode": "2165",
-                "stopId": "1:2165",
-                "stopIndex": 5,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 446,
-              "points": "w\`zbHz~liV?t@?FA|@?R?r@ABAJCHEDGBI?ECEICIAM@??s@?Q@_A?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?kAfA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFl@vAj@pATh@Zr@b@bArEjKj@pAbA~B^z@nIvRx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^j@Xb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtCd@jBXt@LnARt@LjBZj@JdC\`@pATlANjAJ\`AFfAFrADV@b@@R?J?dB?tEA\`B?nEAH?jA?nB?pB?z@?hAAbBA~BBlBB^BxAF\`BJfBNrAPlFt@bBTx@L|@LtInAfAPl@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|FuCvFsCd@GTG~EaBfAYn@K~@Il@El@B\\\\I|@YHEnA_@l@OfAMrDg@~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@zCxB|BbBz@p@r@f@t@b@r@^bAb@jA^jAVx@Jv@Ht@B|@@nDIjFKt@CvACfBAbB?jA@rABjCJr@Bp@Bj@B\\\\@z@BdAB\`ABx@?|@Ct@Cr@C|@GdIe@XCzCQpF[hAGnBK\`BG\`CAzLBhA?x@AbACz@Gl@I\`AQx@Uv@W~@a@\`Ae@x@g@ZUb@[t@o@~@aAv@_A|@kAf@q@Va@j@y@\\\\e@BEn@y@\`B{BhA}AtAiBHM|@qA|@mAb@i@\`@a@d@k@v@u@h@a@\`Aq@\`Ai@\`Ae@|@[h@Op@Op@M\`AM~@G\`ACfBCtHMtA@|@Cj@?h@Bl@?X@f@@fBHjCTvARnCf@bEt@vAXn@Lb@H\`@Fz@Lr@Hv@FbAHz@DX@N?V@TNTH\\\\Dj@Dd@B|@BvABbCA\`A?r@ChBAtBAfBCvAAdAA|AAL?~AAdAA|@@|@B\\\\DTFZLZPRHTFh@JhAB~@@\`C@\\\\?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "512",
-            "routeColor": "0070c0",
-            "routeId": "1:512",
-            "routeLongName": "Everett - Seattle",
-            "routeShortName": "512",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597951620000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597952820000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597952820000,
-              "lat": 47.660564,
-              "lon": -122.323013,
-              "name": "NE 45TH ST Fwy Station",
-              "stopCode": "2166",
-              "stopId": "1:2166",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
+            "accessibilityScore": null,
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OmtjbTox",
+              "name": "Metro Transit",
+              "timezone": "America/Los_Angeles",
+              "url": "https://kingcounty.gov/en/dept/metro",
             },
-            "transitLeg": true,
-            "tripBlockId": "KPOB-CS:CS25Per:0:Weekday:3:20MAR:85036:12345",
-            "tripId": "1:8621847__KPOB-CS:CS25Per:0:Weekday:3:20MAR:85036:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 628.1850000000002,
-            "duration": 471,
-            "endTime": 1597953291000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597952820000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597952820000,
-              "lat": 47.660564,
-              "lon": -122.323013,
-              "name": "NE 45TH ST Fwy Station",
-              "stopCode": "2166",
-              "stopId": "1:2166",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 51,
-              "points": "ou{aH|eriV??{@Ae@?M?M@AM?Q[?@g@?aB@gB@aA?W?I???[?Q?O?O?W?a@?aA@gA?o@?M?aA?_@?e@?qA?gA?e@?G?E?W?I?]?S?K@A?W?m@?k@?WS?MAa@?UAG??O?C",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597952820000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 69.758,
-                "elevation": Array [
-                  Object {
-                    "first": 33.629999999999995,
-                    "second": 58.43,
-                  },
-                  Object {
-                    "first": 43.629999999999995,
-                    "second": 58.51,
-                  },
-                  Object {
-                    "first": 54.72,
-                    "second": 58.52,
-                  },
-                  Object {
-                    "first": 54.724,
-                    "second": 58.52,
+            "distance": 12180.55,
+            "dropoffType": "SCHEDULED",
+            "duration": 2112,
+            "endTime": 1685142540000,
+            "fareProducts": Array [
+              Object {
+                "id": "3ff3d12d-6747-3b47-842a-92c7bf167015",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 64.72399999999999,
-                    "second": 58.63,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 69.764,
-                    "second": 58.81,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                ],
-                "lat": 47.66056406540946,
-                "lon": -122.32302318262064,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "sidewalk",
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 12.233,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 58.81,
-                  },
-                  Object {
-                    "first": 5.92,
-                    "second": 57.94,
+                "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 5.92,
-                    "second": 57.94,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 12.23,
-                    "second": 56.53,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                ],
-                "lat": 47.661191,
-                "lon": -122.3230259,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                },
               },
               Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 14.56,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 56.53,
+                "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 14.56,
-                    "second": 56.77,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                ],
-                "lat": 47.661209500000005,
-                "lon": -122.3228677,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "5th Avenue Northeast",
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 469.97399999999993,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 56.77,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 51.46,
-                  },
-                  Object {
-                    "first": 15.16,
-                    "second": 49.99,
-                  },
-                  Object {
-                    "first": 144.85399999999998,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 150.934,
-                    "second": 53.8,
-                  },
-                  Object {
-                    "first": 150.93499999999997,
-                    "second": 53.8,
-                  },
-                  Object {
-                    "first": 157.27499999999998,
-                    "second": 53.77,
-                  },
-                  Object {
-                    "first": 157.27799999999996,
-                    "second": 53.77,
-                  },
-                  Object {
-                    "first": 167.27799999999996,
-                    "second": 53.81,
-                  },
-                  Object {
-                    "first": 178.61799999999997,
-                    "second": 53.85,
-                  },
-                  Object {
-                    "first": 178.62199999999996,
-                    "second": 53.85,
-                  },
-                  Object {
-                    "first": 188.62199999999996,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 198.62199999999996,
-                    "second": 53.58,
-                  },
-                  Object {
-                    "first": 203.72199999999995,
-                    "second": 53.6,
-                  },
-                  Object {
-                    "first": 203.72499999999997,
-                    "second": 53.6,
-                  },
-                  Object {
-                    "first": 213.72499999999997,
-                    "second": 53.72,
-                  },
-                  Object {
-                    "first": 223.72499999999997,
-                    "second": 53.62,
-                  },
-                  Object {
-                    "first": 230.70499999999996,
-                    "second": 53.48,
-                  },
-                  Object {
-                    "first": 230.70799999999997,
-                    "second": 53.48,
-                  },
-                  Object {
-                    "first": 240.70799999999997,
-                    "second": 53.52,
-                  },
-                  Object {
-                    "first": 248.48799999999997,
-                    "second": 53.55,
-                  },
-                  Object {
-                    "first": 248.48699999999997,
-                    "second": 53.55,
-                  },
-                  Object {
-                    "first": 253.47699999999998,
-                    "second": 53.63,
-                  },
-                  Object {
-                    "first": 253.47399999999996,
-                    "second": 53.63,
-                  },
-                  Object {
-                    "first": 263.47399999999993,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 278.09399999999994,
-                    "second": 53.69,
-                  },
-                  Object {
-                    "first": 278.09799999999996,
-                    "second": 53.69,
-                  },
-                  Object {
-                    "first": 290.54799999999994,
-                    "second": 53.7,
-                  },
-                  Object {
-                    "first": 290.55199999999996,
-                    "second": 53.7,
-                  },
-                  Object {
-                    "first": 304.792,
-                    "second": 53.66,
-                  },
-                  Object {
-                    "first": 304.78799999999995,
-                    "second": 53.66,
-                  },
-                  Object {
-                    "first": 314.78799999999995,
-                    "second": 53.46,
-                  },
-                  Object {
-                    "first": 324.78799999999995,
-                    "second": 53.22,
-                  },
-                  Object {
-                    "first": 335.018,
-                    "second": 52.97,
-                  },
-                  Object {
-                    "first": 335.01399999999995,
-                    "second": 52.97,
-                  },
-                  Object {
-                    "first": 345.01399999999995,
-                    "second": 52.63,
-                  },
-                  Object {
-                    "first": 355.01399999999995,
-                    "second": 52.14,
-                  },
-                  Object {
-                    "first": 361.96399999999994,
-                    "second": 51.75,
-                  },
-                  Object {
-                    "first": 361.96,
-                    "second": 51.75,
-                  },
-                  Object {
-                    "first": 371.96,
-                    "second": 51.24,
-                  },
-                  Object {
-                    "first": 379.52,
-                    "second": 50.87,
-                  },
-                  Object {
-                    "first": 379.522,
-                    "second": 50.87,
-                  },
-                  Object {
-                    "first": 382.152,
-                    "second": 50.75,
-                  },
-                  Object {
-                    "first": 382.15,
-                    "second": 50.75,
-                  },
-                  Object {
-                    "first": 390.71999999999997,
-                    "second": 50.44,
-                  },
-                  Object {
-                    "first": 390.717,
-                    "second": 50.44,
-                  },
-                  Object {
-                    "first": 394.727,
-                    "second": 50.32,
-                  },
-                  Object {
-                    "first": 394.72299999999996,
-                    "second": 50.32,
-                  },
-                  Object {
-                    "first": 405.83299999999997,
-                    "second": 50.03,
-                  },
-                  Object {
-                    "first": 405.8299999999999,
-                    "second": 50.03,
-                  },
-                  Object {
-                    "first": 413.17999999999995,
-                    "second": 49.88,
-                  },
-                  Object {
-                    "first": 427.4289999999999,
-                    "second": 49.66,
-                  },
-                  Object {
-                    "first": 437.4289999999999,
-                    "second": 49.53,
-                  },
-                  Object {
-                    "first": 444.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 444.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 454.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 461.39899999999994,
-                    "second": 49.53,
+                "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 461.39899999999994,
-                    "second": 49.53,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 469.96899999999994,
-                    "second": 49.56,
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
                   },
-                ],
-                "lat": 47.6613404,
-                "lon": -122.32286260000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Northeast 45th Street",
+                },
               },
               Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 54.265,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 49.56,
-                  },
-                  Object {
-                    "first": 10.9,
-                    "second": 50.02,
-                  },
-                  Object {
-                    "first": 10.902,
-                    "second": 50.02,
-                  },
-                  Object {
-                    "first": 20.902,
-                    "second": 50.23,
+                "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 30.902,
-                    "second": 50.43,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1.5,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 40.902,
-                    "second": 50.73,
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
                   },
-                  Object {
-                    "first": 49.472,
-                    "second": 50.92,
+                },
+              },
+              Object {
+                "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 49.471000000000004,
-                    "second": 50.92,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 54.261,
-                    "second": 51.05,
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
                   },
-                ],
-                "lat": 47.6612975,
-                "lon": -122.31658750000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "11th Avenue Northeast",
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 7.395,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 51.05,
+                "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 6.28,
-                    "second": 51.09,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                ],
-                "lat": 47.661785300000005,
-                "lon": -122.3165656,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "service road",
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
               },
             ],
-            "to": Object {
-              "arrival": 1597953291000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953420000,
-              "lat": 47.6617813,
-              "lon": -122.316467,
-              "name": "11th Ave NE & NE 45th St",
-              "stopId": "kcm:9650",
-              "stopIndex": 11,
-              "stopSequence": 170,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "boardRule": "mustPhone",
-            "departureDelay": 0,
-            "distance": 1219.3242176370456,
-            "dropOffBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://www.ridebat.com/routes/route-rf/",
-                "phoneNumber": "877-680-1287",
-              },
-              "dropOffMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated drop-off call 877-680-1287 at least 24 hours ahead of your trip time.",
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 1,
-                "time": 0,
-              },
-              "pickupMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated pickup call 877-680-1287 at least 24 hours ahead of your trip time.",
-            },
-            "duration": 253,
-            "endTime": 1597953673000,
-            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1597953291000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953420000,
-              "lat": 47.6617813,
-              "lon": -122.316467,
-              "name": "11th Ave NE & NE 45th St",
-              "stopId": "kcm:9650",
-              "stopIndex": 11,
-              "stopSequence": 170,
+              "lat": 47.7776833,
+              "lon": -122.297684,
+              "name": "48th Ave W & 244th St SW",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "82405",
+                "gtfsId": "kcm:82405",
+                "id": "U3RvcDprY206ODI0MDU",
+              },
               "vertexType": "TRANSIT",
-              "zoneId": "1",
             },
-            "hailedCar": false,
-            "headsign": "Northgate Roosevelt",
-            "interStopGeometry": Array [
-              Object {
-                "length": 5,
-                "points": "c}{aHp}piVs@?{Bc@yAEq@?",
-              },
-              Object {
-                "length": 3,
-                "points": "_g|aHf|piVwHEq@?",
-              },
-              Object {
-                "length": 3,
-                "points": "ir|aH\`|piV}F?w@?",
-              },
-              Object {
-                "length": 3,
-                "points": "_||aH\`|piVqJEe@?",
-              },
-              Object {
-                "length": 5,
-                "points": "wh}aHz{piVcC?aJE]KA?",
-              },
-              Object {
-                "length": 11,
-                "points": "}x}aHh{piV?AcAe@g@_@KIOGMCSISAWAm@?",
-              },
-            ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1597953457000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953457000,
-                "lat": 47.6633682,
-                "lon": -122.316254,
-                "name": "11th Ave NE & NE 47th St",
-                "stopId": "kcm:9660",
-                "stopIndex": 12,
-                "stopSequence": 174,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7775421,
+                "locationType": "STOP",
+                "lon": -122.303215,
+                "name": "NE 205th St & 52nd Ave W",
+                "stopCode": "82410",
+                "stopId": "U3RvcDprY206ODI0MTA",
               },
               Object {
-                "arrival": 1597953499000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953499000,
-                "lat": 47.6651726,
-                "lon": -122.316238,
-                "name": "11th Ave NE & NE 50th St",
-                "stopId": "kcm:23500",
-                "stopIndex": 13,
-                "stopSequence": 176,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7775955,
+                "locationType": "STOP",
+                "lon": -122.308685,
+                "name": "NE 205th St & 56th Ave W",
+                "stopCode": "82430",
+                "stopId": "U3RvcDprY206ODI0MzA",
               },
               Object {
-                "arrival": 1597953534000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953534000,
-                "lat": 47.6667137,
-                "lon": -122.316208,
-                "name": "11th Ave NE & NE 52nd St",
-                "stopId": "kcm:23510",
-                "stopIndex": 14,
-                "stopSequence": 178,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7776146,
+                "locationType": "STOP",
+                "lon": -122.311432,
+                "name": "NE 205th St & 58th Pl W",
+                "stopCode": "82440",
+                "stopId": "U3RvcDprY206ODI0NDA",
               },
               Object {
-                "arrival": 1597953582000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953582000,
-                "lat": 47.6687584,
-                "lon": -122.316185,
-                "name": "11th Ave NE & NE 55th St",
-                "stopId": "kcm:23520",
-                "stopIndex": 15,
-                "stopSequence": 180,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7768135,
+                "locationType": "STOP",
+                "lon": -122.31382,
+                "name": "15th Ave NE & Ballinger Way NE",
+                "stopCode": "77400",
+                "stopId": "U3RvcDprY206Nzc0MDA",
               },
               Object {
-                "arrival": 1597953642000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953642000,
-                "lat": 47.6713295,
-                "lon": -122.316101,
-                "name": "11th Ave NE & NE Ravenna Blvd",
-                "stopId": "kcm:23530",
-                "stopIndex": 16,
-                "stopSequence": 184,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 25,
-              "points": "c}{aHp}piVs@?{Bc@yAEq@?wHEq@?}F?w@?qJEe@?cC?aJE]KA??AcAe@g@_@KIOGMCSISAWAm@?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "pickupBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://www.ridebat.com/routes/route-rf/",
-                "phoneNumber": "877-680-1287",
-              },
-              "dropOffMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated drop-off call 877-680-1287 at least 24 hours ahead of your trip time.",
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 1,
-                "time": 0,
+                "lat": 47.7747955,
+                "locationType": "STOP",
+                "lon": -122.313721,
+                "name": "15th Ave NE & Forest Park Dr NE",
+                "stopCode": "77410",
+                "stopId": "U3RvcDprY206Nzc0MTA",
               },
-              "pickupMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated pickup call 877-680-1287 at least 24 hours ahead of your trip time.",
-            },
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "67",
-            "routeId": "kcm:100259",
-            "routeShortName": "67",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597953420000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597953673000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953784000,
-              "lat": 47.6726532,
-              "lon": -122.315552,
-              "name": "12th Ave NE & NE 61st St",
-              "stopId": "kcm:23540",
-              "stopIndex": 17,
-              "stopSequence": 194,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": true,
-            "tripBlockId": "5863957",
-            "tripId": "kcm:44052757",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 5290.865512970262,
-            "duration": 1256,
-            "endTime": 1597955040000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597953673000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953784000,
-              "lat": 47.6726532,
-              "lon": -122.315552,
-              "name": "12th Ave NE & NE 61st St",
-              "stopId": "kcm:23540",
-              "stopIndex": 11,
-              "stopSequence": 75,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "headsign": "Loyal Heights Greenwood",
-            "interStopGeometry": Array [
               Object {
-                "length": 9,
-                "points": "aa~aH|wpiV]?iB?cD?cD?cD?C?CrI?jA",
+                "lat": 47.7721519,
+                "locationType": "STOP",
+                "lon": -122.313614,
+                "name": "15th Ave NE & NE 200th Ct",
+                "stopCode": "77418",
+                "stopId": "U3RvcDprY206Nzc0MTg",
               },
               Object {
-                "length": 8,
-                "points": "}t~aH|dqiV?v@?fCAfC?fC?jAAr@?zA",
+                "lat": 47.768734,
+                "locationType": "STOP",
+                "lon": -122.314636,
+                "name": "15th Ave NE & NE 192nd St",
+                "stopCode": "77940",
+                "stopId": "U3RvcDprY206Nzc5NDA",
               },
               Object {
-                "length": 5,
-                "points": "au~aHhzqiVAZ?lBeJhIc@b@",
+                "lat": 47.7656479,
+                "locationType": "STOP",
+                "lon": -122.313995,
+                "name": "15th Ave NE & NE Perkins Way",
+                "stopCode": "77440",
+                "stopId": "U3RvcDprY206Nzc0NDA",
               },
               Object {
-                "length": 2,
-                "points": "ma_bH\`jriVsEjE",
+                "lat": 47.7626801,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & 24th Ave NE",
+                "stopCode": "77450",
+                "stopId": "U3RvcDprY206Nzc0NTA",
               },
               Object {
-                "length": 11,
-                "points": "ah_bHlpriV[V_A\`A{AnBw@Dg@Nc@Tm@d@{@|@[n@a@t@",
+                "lat": 47.7591515,
+                "locationType": "STOP",
+                "lon": -122.31356,
+                "name": "15th Ave NE & NE 180th St",
+                "stopCode": "77460",
+                "stopId": "U3RvcDprY206Nzc0NjA",
               },
               Object {
-                "length": 9,
-                "points": "ew_bHl~riVcAlBaBvCc@~@Qf@Sx@Oz@Ij@GfA",
+                "lat": 47.7558212,
+                "locationType": "STOP",
+                "lon": -122.314339,
+                "name": "NE 175th St & 15th Ave NE",
+                "stopCode": "77738",
+                "stopId": "U3RvcDprY206Nzc3Mzg",
               },
               Object {
-                "length": 15,
-                "points": "w_\`bHdqsiVAJClA@~@L~B?l@A~BIfAKl@YlAc@bAa@t@c@h@{@x@e@f@",
+                "lat": 47.7558632,
+                "locationType": "STOP",
+                "lon": -122.318176,
+                "name": "NE 175th St & 10th Ave NE",
+                "stopCode": "77737",
+                "stopId": "U3RvcDprY206Nzc3Mzc",
               },
               Object {
-                "length": 8,
-                "points": "kg\`bHvmtiVaBdBiCfCa@j@QXOb@Un@Id@",
+                "lat": 47.7550964,
+                "locationType": "STOP",
+                "lon": -122.324158,
+                "name": "5th Ave NE & NE 174th St",
+                "stopCode": "81246",
+                "stopId": "U3RvcDprY206ODEyNDY",
               },
               Object {
-                "length": 7,
-                "points": "{q\`bHd{tiVEReEEOMo@q@OG_A?",
+                "lat": 47.752037,
+                "locationType": "STOP",
+                "lon": -122.324104,
+                "name": "5th Ave NE & NE 170th St",
+                "stopCode": "81248",
+                "stopId": "U3RvcDprY206ODEyNDg",
               },
               Object {
-                "length": 3,
-                "points": "w|\`bHjytiVsGFg@?",
+                "lat": 47.7477875,
+                "locationType": "STOP",
+                "lon": -122.324013,
+                "name": "5th Ave NE & NE 163rd St",
+                "stopCode": "77560",
+                "stopId": "U3RvcDprY206Nzc1NjA",
               },
               Object {
-                "length": 3,
-                "points": "sfabHrytiVaID?~@",
+                "lat": 47.7454681,
+                "locationType": "STOP",
+                "lon": -122.323944,
+                "name": "5th Ave NE & NE 161st St",
+                "stopCode": "77570",
+                "stopId": "U3RvcDprY206Nzc1NzA",
               },
               Object {
-                "length": 9,
-                "points": "upabHx{tiV?nA?|B?^?TAtE?xE?r@AlC",
+                "lat": 47.7436676,
+                "locationType": "STOP",
+                "lon": -122.323883,
+                "name": "5th Ave NE & NE 158th St",
+                "stopCode": "77580",
+                "stopId": "U3RvcDprY206Nzc1ODA",
               },
               Object {
-                "length": 6,
-                "points": "ypabHnwuiVAT?hB?lBArE?nC",
+                "lat": 47.741066,
+                "locationType": "STOP",
+                "lon": -122.323792,
+                "name": "5th Ave NE & NE 155th St",
+                "stopCode": "81252",
+                "stopId": "U3RvcDprY206ODEyNTI",
               },
               Object {
-                "length": 6,
-                "points": "}pabH\`jviVAx@@XCjO?zO?fA",
+                "lat": 47.7387314,
+                "locationType": "STOP",
+                "lon": -122.323723,
+                "name": "5th Ave NE & NE 152nd St",
+                "stopCode": "81254",
+                "stopId": "U3RvcDprY206ODEyNTQ",
               },
               Object {
-                "length": 6,
-                "points": "aqabHdpwiVAvE?xFAlGAnG@hA",
+                "lat": 47.7361908,
+                "locationType": "STOP",
+                "lon": -122.323654,
+                "name": "5th Ave NE & NE 148th St",
+                "stopCode": "81256",
+                "stopId": "U3RvcDprY206ODEyNTY",
               },
               Object {
-                "length": 4,
-                "points": "eqabH~qxiVA\`EAjGAlM",
+                "lat": 47.7339783,
+                "locationType": "STOP",
+                "lon": -122.322235,
+                "name": "NE 145th St & 6th Ave NE",
+                "stopCode": "82200",
+                "stopId": "U3RvcDprY206ODIyMDA",
               },
               Object {
-                "length": 5,
-                "points": "kqabHznyiV?dAAvOCvO?\`C",
+                "lat": 47.7339096,
+                "locationType": "STOP",
+                "lon": -122.315598,
+                "name": "NE 145th St & 12th Ave NE",
+                "stopCode": "82220",
+                "stopId": "U3RvcDprY206ODIyMjA",
               },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
               Object {
-                "arrival": 1597953900000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953900000,
-                "lat": 47.6758995,
-                "lon": -122.317726,
-                "name": "NE 65th St & Roosevelt Way NE",
-                "stopId": "kcm:36950",
-                "stopIndex": 12,
-                "stopSequence": 83,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7335167,
+                "locationType": "STOP",
+                "lon": -122.312851,
+                "name": "15th Ave NE & NE 145th St",
+                "stopCode": "38830",
+                "stopId": "U3RvcDprY206Mzg4MzA",
               },
               Object {
-                "arrival": 1597953987000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953987000,
-                "lat": 47.67593,
-                "lon": -122.321167,
-                "name": "NE 65th St & Oswego Pl NE",
-                "stopId": "kcm:36960",
-                "stopIndex": 13,
-                "stopSequence": 90,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7318573,
+                "locationType": "STOP",
+                "lon": -122.31282,
+                "name": "15th Ave NE & NE 143rd St",
+                "stopCode": "38840",
+                "stopId": "U3RvcDprY206Mzg4NDA",
               },
               Object {
-                "arrival": 1597954092000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954092000,
-                "lat": 47.6778717,
-                "lon": -122.323601,
-                "name": "NE Ravenna Blvd & NE 68th St",
-                "stopId": "kcm:16515",
-                "stopIndex": 14,
-                "stopSequence": 94,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7300568,
+                "locationType": "STOP",
+                "lon": -122.312798,
+                "name": "15th Ave NE & NE 140th St",
+                "stopCode": "38850",
+                "stopId": "U3RvcDprY206Mzg4NTA",
               },
               Object {
-                "arrival": 1597954140000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954140000,
-                "lat": 47.6789322,
-                "lon": -122.324608,
-                "name": "NE Ravenna Blvd & Woodlawn Ave NE",
-                "stopId": "kcm:16520",
-                "stopIndex": 15,
-                "stopSequence": 95,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7268677,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & NE 135th St",
+                "stopCode": "38870",
+                "stopId": "U3RvcDprY206Mzg4NzA",
               },
               Object {
-                "arrival": 1597954214000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954214000,
-                "lat": 47.6813583,
-                "lon": -122.326881,
-                "name": "East Green Lake Dr N & 4th Ave NE",
-                "stopId": "kcm:36961",
-                "stopIndex": 16,
-                "stopSequence": 105,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7228928,
+                "locationType": "STOP",
+                "lon": -122.312767,
+                "name": "15th Ave NE & NE 130th St",
+                "stopCode": "38890",
+                "stopId": "U3RvcDprY206Mzg4OTA",
               },
               Object {
-                "arrival": 1597954277000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954277000,
-                "lat": 47.6827507,
-                "lon": -122.32991,
-                "name": "East Green Lake Dr N & Sunnyside Ave N",
-                "stopId": "kcm:36990",
-                "stopIndex": 17,
-                "stopSequence": 113,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7209663,
+                "locationType": "STOP",
+                "lon": -122.312782,
+                "name": "15th Ave NE & NE 127th St",
+                "stopCode": "38900",
+                "stopId": "U3RvcDprY206Mzg5MDA",
               },
               Object {
-                "arrival": 1597954369000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954369000,
-                "lat": 47.6839371,
-                "lon": -122.334435,
-                "name": "East Green Lake Dr N & Orin Ct N",
-                "stopId": "kcm:37010",
-                "stopIndex": 18,
-                "stopSequence": 127,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7190018,
+                "locationType": "STOP",
+                "lon": -122.312767,
+                "name": "15th Ave NE & NE 125th St",
+                "stopCode": "38910",
+                "stopId": "U3RvcDprY206Mzg5MTA",
               },
               Object {
-                "arrival": 1597954427000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954427000,
-                "lat": 47.6856461,
-                "lon": -122.336632,
-                "name": "East Green Lake Dr N & Wallingford Ave N",
-                "stopId": "kcm:37020",
-                "stopIndex": 19,
-                "stopSequence": 134,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.71735,
+                "locationType": "STOP",
+                "lon": -122.312714,
+                "name": "15th Ave NE & NE 123rd St",
+                "stopCode": "38920",
+                "stopId": "U3RvcDprY206Mzg5MjA",
               },
               Object {
-                "arrival": 1597954474000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954474000,
-                "lat": 47.6873322,
-                "lon": -122.336273,
-                "name": "Wallingford Ave N & N 80th St",
-                "stopId": "kcm:17640",
-                "stopIndex": 20,
-                "stopSequence": 140,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7154694,
+                "locationType": "STOP",
+                "lon": -122.312645,
+                "name": "15th Ave NE & NE 120th St",
+                "stopCode": "38930",
+                "stopId": "U3RvcDprY206Mzg5MzA",
               },
               Object {
-                "arrival": 1597954514000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954514000,
-                "lat": 47.6889038,
-                "lon": -122.336319,
-                "name": "Wallingford Ave N & N 82nd St",
-                "stopId": "kcm:17650",
-                "stopIndex": 21,
-                "stopSequence": 142,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7125664,
+                "locationType": "STOP",
+                "lon": -122.314827,
+                "name": "Pinehurst Way NE & NE 115th St",
+                "stopCode": "38962",
+                "stopId": "U3RvcDprY206Mzg5NjI",
               },
               Object {
-                "arrival": 1597954560000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954560000,
-                "lat": 47.6905785,
-                "lon": -122.336769,
-                "name": "N 85th St & Wallingford Ave N",
-                "stopId": "kcm:5420",
-                "stopIndex": 22,
-                "stopSequence": 144,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7086334,
+                "locationType": "STOP",
+                "lon": -122.318367,
+                "name": "NE Northgate Way & Roosevelt Way NE",
+                "stopCode": "82198",
+                "stopId": "U3RvcDprY206ODIxOTg",
               },
               Object {
-                "arrival": 1597954630000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954630000,
-                "lat": 47.690609,
-                "lon": -122.341194,
-                "name": "N 85th St & Stone Ave N",
-                "stopId": "kcm:5440",
-                "stopIndex": 23,
-                "stopSequence": 152,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7081947,
+                "locationType": "STOP",
+                "lon": -122.323364,
+                "name": "5th Ave NE & NE Northgate Way",
+                "stopCode": "23230",
+                "stopId": "U3RvcDprY206MjMyMzA",
               },
               Object {
-                "arrival": 1597954677000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954677000,
-                "lat": 47.6906242,
-                "lon": -122.344162,
-                "name": "N 85th St & Aurora Ave N",
-                "stopId": "kcm:5450",
-                "stopIndex": 24,
-                "stopSequence": 157,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7059097,
+                "locationType": "STOP",
+                "lon": -122.323296,
+                "name": "5th Ave NE & Northgate Mall",
+                "stopCode": "23250",
+                "stopId": "U3RvcDprY206MjMyNTA",
               },
               Object {
-                "arrival": 1597954774000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954774000,
-                "lat": 47.6906471,
-                "lon": -122.350266,
-                "name": "N 85th St & Fremont Ave N",
-                "stopId": "kcm:5470",
-                "stopIndex": 25,
-                "stopSequence": 162,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954860000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954860000,
-                "lat": 47.6906662,
-                "lon": -122.355675,
-                "name": "N 85th St & Greenwood Ave N",
-                "stopId": "kcm:41450",
-                "stopIndex": 26,
-                "stopSequence": 167,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954936000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954936000,
-                "lat": 47.6906891,
-                "lon": -122.360275,
-                "name": "NW 85th St & 3rd Ave NW",
-                "stopId": "kcm:37040",
-                "stopIndex": 27,
-                "stopSequence": 170,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
+                "lat": 47.7032166,
+                "locationType": "STOP",
+                "lon": -122.323692,
+                "name": "NE 103rd St & 5th Ave NE",
+                "stopCode": "35290",
+                "stopId": "U3RvcDprY206MzUyOTA",
               },
             ],
             "legGeometry": Object {
-              "length": 100,
-              "points": "aa~aH|wpiV]?iB?cD?cD?cD?C?CrI?jA?v@?fCAfC?fC?jAAr@?zAAZ?lBeJhIc@b@sEjE[V_A\`A{AnBw@Dg@Nc@Tm@d@{@|@[n@a@t@cAlBaBvCc@~@Qf@Sx@Oz@Ij@GfAAJClA@~@L~B?l@A~BIfAKl@YlAc@bAa@t@c@h@{@x@e@f@aBdBiCfCa@j@QXOb@Un@Id@EReEEOMo@q@OG_A?sGFg@?aID?~@?nA?|B?^?TAtE?xE?r@AlCAT?hB?lBArE?nCAx@@XCjO?zO?fAAvE?xFAlGAnG@hAA\`EAjGAlM?dAAvOCvO?\`C",
+              "length": 262,
+              "points": "oqrbH~fmiVp@??fEC|DCjE?fN?h@??AfEAvCAxA@n@AdCAhD?tAAtCA~@???hDAfF?bBAn@???ZA\`A?\`@Av@Ax@AhB?R@NBNFLLPVXN@T?R?l@A??fCGnCEzBE??hBErAApIM??nGKX?R?L?N@XFLBFBJ@LFLHPHPJTNXV^ZTPRRrAl@F@??d@Jb@DT?TCxCIVCl@Ab@CTEHCTGNGTKb@Sp@c@TINIPC??FCPEVAVAV?b@?V@^A\\\\IZEZKf@UrAq@|@a@d@W\`@_@f@_@NM??x@m@b@Cz@M\\\\C^?z@Px@XZPZXn@r@r@f@ZLb@Rb@FZFb@?z@???tA?rF@|I?AjD??CbJA|FA|C??AtBEpOEtOxCC??Z?|BAzEGdECf@???dIEhJG\`DE??jAAfFEzCE??J?zA?xACdDE??N?pDCpDE\`BCp@A??pFG~CC^A^???fBAbEEvCE\\\\?X???bCA|@F\`E?f@?@mG???C@yGFwO@qG@gF???]DyOtAC??tGAt@???vHEn@???~HE|HA??n@?|G?tC?xA?~D@Z???lI?p@???rHBB?pAC??vGIp@???xHI|@C??|CCt@?ZBRJRNRR\`@h@LTpFhI??~@xAbD~E\`A|A|AzB\\\\Z^Vf@Rx@R~CArAC?fB??CvLA|OnA???hDEbFGx@???|DErDAvDA?jB??AfCA\`HA~G?pB?P|A?lA?",
             },
             "mode": "BUS",
-            "pathway": false,
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "45",
-            "routeId": "kcm:100225",
-            "routeShortName": "45",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597953784000,
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": Object {
+              "alerts": Array [],
+              "color": null,
+              "id": "Um91dGU6a2NtOjEwMDIwNA",
+              "longName": null,
+              "shortName": "347",
+              "textColor": null,
+              "type": 3,
+            },
+            "startTime": 1685140428000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1597955040000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597955041000,
-              "lat": 47.6907234,
-              "lon": -122.366653,
-              "name": "NW 85th St & 8th Ave NW",
-              "stopId": "kcm:37060",
-              "stopIndex": 28,
-              "stopSequence": 174,
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
+              },
               "vertexType": "TRANSIT",
-              "zoneId": "1",
             },
             "transitLeg": true,
-            "tripBlockId": "5864148",
-            "tripId": "kcm:47377584",
-            "tripShortName": "LOCAL",
+            "trip": Object {
+              "gtfsId": "kcm:541480853",
+              "id": "VHJpcDprY206NTQxNDgwODUz",
+              "tripHeadsign": "Northgate Station Ridgecrest",
+            },
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "accessibilityScore": null,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 236.898,
-            "duration": 183,
-            "endTime": 1597955224000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 60.87,
+            "dropoffType": "SCHEDULED",
+            "duration": 56,
+            "endTime": 1685142596000,
+            "fareProducts": Array [],
             "from": Object {
-              "arrival": 1597955040000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597955041000,
-              "lat": 47.6907234,
-              "lon": -122.366653,
-              "name": "NW 85th St & 8th Ave NW",
-              "stopId": "kcm:37060",
-              "stopIndex": 28,
-              "stopSequence": 174,
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
+              },
               "vertexType": "TRANSIT",
-              "zoneId": "1",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 12,
-              "points": "mqabHrvziV?A?_C\\\\EV?X?H?P?t@?dA?fA??q@",
+              "length": 9,
+              "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B",
             },
             "mode": "WALK",
-            "pathway": false,
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597955041000,
+            "route": null,
+            "startTime": 1685142540000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 48.135,
-                "elevation": Array [
-                  Object {
-                    "first": 0.778,
-                    "second": 88.24,
+                "distance": 60.87,
+                "elevationProfile": Array [],
+                "lat": 47.7023088,
+                "lon": -122.3280018,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "lat": 47.702662,
+              "lon": -122.32832,
+              "name": "Northgate Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "N11-T1",
+                "gtfsId": "40:990005",
+                "id": "U3RvcDo0MDo5OTAwMDU",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": false,
+            "trip": null,
+          },
+          Object {
+            "accessibilityScore": null,
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OjQwOjQw",
+              "name": "Sound Transit",
+              "timezone": "America/Los_Angeles",
+              "url": "https://www.soundtransit.org",
+            },
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 23087.2,
+            "dropoffType": "SCHEDULED",
+            "duration": 2220,
+            "endTime": 1685145000000,
+            "fareProducts": Array [
+              Object {
+                "id": "0f76bb4a-7491-34b9-95ce-5d6f4e6b4d53",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 10.778,
-                    "second": 87.75,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 3,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 20.778,
-                    "second": 87.25,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                  Object {
-                    "first": 30.778,
-                    "second": 86.8,
+                },
+              },
+              Object {
+                "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 40.778,
-                    "second": 86.45,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0.25,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 48.138,
-                    "second": 86.23,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                ],
-                "lat": 47.69063455760549,
-                "lon": -122.36665220078636,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Northwest 85th Street",
+                },
               },
               Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 169.894,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 86.23,
+                "id": "75fef4dc-142b-3589-ac62-d484f5b41143",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 10,
-                    "second": 86.14,
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 20,
-                    "second": 86.1,
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
                   },
-                  Object {
-                    "first": 29.81,
-                    "second": 86.15,
+                },
+              },
+              Object {
+                "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                  Object {
-                    "first": 29.813,
-                    "second": 86.15,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 44.413,
-                    "second": 86.14,
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
                   },
-                  Object {
-                    "first": 90.958,
-                    "second": 86.08,
+                },
+              },
+              Object {
+                "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 100.958,
-                    "second": 86.13,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 110.958,
-                    "second": 86.11,
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
                   },
-                  Object {
-                    "first": 120.958,
-                    "second": 86.05,
+                },
+              },
+              Object {
+                "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 129.468,
-                    "second": 86,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 129.464,
-                    "second": 86,
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
                   },
-                  Object {
-                    "first": 139.464,
-                    "second": 85.9,
+                },
+              },
+              Object {
+                "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 149.464,
-                    "second": 85.83,
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 1.5,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 159.464,
-                    "second": 85.8,
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
                   },
-                  Object {
-                    "first": 169.894,
-                    "second": 85.79,
+                },
+              },
+              Object {
+                "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
                   },
-                ],
-                "lat": 47.690635900000004,
-                "lon": -122.36600910000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "8th Avenue Northwest",
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
               },
               Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 18.869,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 85.79,
+                "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
                   },
-                  Object {
-                    "first": 10,
-                    "second": 85.51,
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
                   },
-                  Object {
-                    "first": 18.87,
-                    "second": 85.23,
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
                   },
+                },
+              },
+              Object {
+                "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+            ],
+            "from": Object {
+              "lat": 47.702662,
+              "lon": -122.32832,
+              "name": "Northgate Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "N11-T1",
+                "gtfsId": "40:990005",
+                "id": "U3RvcDo0MDo5OTAwMDU",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "lat": 47.676107,
+                "locationType": "STOP",
+                "lon": -122.316041,
+                "name": "Roosevelt Station",
+                "stopCode": "N09-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDM",
+              },
+              Object {
+                "lat": 47.659875,
+                "locationType": "STOP",
+                "lon": -122.314194,
+                "name": "U District Station",
+                "stopCode": "N07-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDE",
+              },
+              Object {
+                "lat": 47.649349,
+                "locationType": "STOP",
+                "lon": -122.303795,
+                "name": "Univ of Washington Station",
+                "stopCode": "N05-T1",
+                "stopId": "U3RvcDo0MDo5OTYwNA",
+              },
+              Object {
+                "lat": 47.61956,
+                "locationType": "STOP",
+                "lon": -122.320389,
+                "name": "Capitol Hill Station",
+                "stopCode": "N03-T1",
+                "stopId": "U3RvcDo0MDo5OTYxMA",
+              },
+              Object {
+                "lat": 47.61145,
+                "locationType": "STOP",
+                "lon": -122.337532,
+                "name": "Westlake Station",
+                "stopCode": "C03-T1",
+                "stopId": "U3RvcDo0MDoxMTA4",
+              },
+              Object {
+                "lat": 47.607246,
+                "locationType": "STOP",
+                "lon": -122.335754,
+                "name": "University St Station",
+                "stopCode": "C05-T1",
+                "stopId": "U3RvcDo0MDo0NTU",
+              },
+              Object {
+                "lat": 47.602139,
+                "locationType": "STOP",
+                "lon": -122.331055,
+                "name": "Pioneer Square Station",
+                "stopCode": "C07-T1",
+                "stopId": "U3RvcDo0MDo1MDE",
+              },
+              Object {
+                "lat": 47.59766,
+                "locationType": "STOP",
+                "lon": -122.328217,
+                "name": "Int'l Dist/Chinatown Station",
+                "stopCode": "C09-T1",
+                "stopId": "U3RvcDo0MDo2MjM",
+              },
+              Object {
+                "lat": 47.591824,
+                "locationType": "STOP",
+                "lon": -122.327354,
+                "name": "Stadium Station",
+                "stopCode": "C13-T1",
+                "stopId": "U3RvcDo0MDo5OTEwMQ",
+              },
+              Object {
+                "lat": 47.579952,
+                "locationType": "STOP",
+                "lon": -122.327522,
+                "name": "SODO Station",
+                "stopCode": "C15-T1",
+                "stopId": "U3RvcDo0MDo5OTExMQ",
+              },
+              Object {
+                "lat": 47.579124,
+                "locationType": "STOP",
+                "lon": -122.311279,
+                "name": "Beacon Hill Station",
+                "stopCode": "C19-T1",
+                "stopId": "U3RvcDo0MDo5OTEyMQ",
+              },
+              Object {
+                "lat": 47.576439,
+                "locationType": "STOP",
+                "lon": -122.297737,
+                "name": "Mount Baker Station",
+                "stopCode": "C23-T1",
+                "stopId": "U3RvcDo0MDo1NTk0OQ",
+              },
+              Object {
+                "lat": 47.559025,
+                "locationType": "STOP",
+                "lon": -122.292389,
+                "name": "Columbia City Station",
+                "stopCode": "C25-T1",
+                "stopId": "U3RvcDo0MDo1NjAzOQ",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 509,
+              "points": "s|cbHhgsiVJ?dA?pAApA@nAHnANnALnANnALnALpAFnABpACpAGnAKr@G^CnAKpAEnA?pA@pA?nA@pA@pA@nA@pA@pA?nACpAKlASlAWjA]fAc@fAi@\`Ak@\`Aq@z@u@z@w@v@{@r@{@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@}@v@{@x@w@~@s@bAk@fAe@hA_@nAWnAMnACpAApAAnA?V???x@ApACnAGnAKpAMnAMnAKnAMnAMnAMnAMpAKnAMnAMnAMnAKnAMnAMpAMnAKnAMnAMnAMnAMnAKpAMnAKnAIpAInAEpAGnACpAApAApA?nA?pA@pA@nABpA@h@???f@@nAAnAQfAc@~@q@v@{@j@cAd@gAZkARmANoAJqAJoAHoAJqAJoAJoALoALoARoATmAZkA^kA\`@iAf@eAj@cAp@aAt@{@x@w@~@q@dAk@hAa@jAYnAOpAEnAApAApAAnAApAAbDAb@Cb@???H?p@Ar@?|FGx@?hA?rA@pADzAHtAHrALrARrAPzAV\`BZxA^\`Bd@rBn@|Aj@lBx@lBz@|Ax@fB\`AhBlAbBlAfE\`DrB~Avh@da@bHlFbDdCjEfDdK~HrB~A~@r@n@d@bAh@|@d@jAd@jA^tAVpAR~@HfADtA?n@A????vFC~A?x@?|@HbAPbAZbA\`@x@b@dAz@v@r@~@jAr@dAp@rAd@fA\`@jAd@bBZxAVbBRfBH~AFtA@|AAdBGpAIzAOdBWzASxAKx@Ix@?f@?n@@l@Dr@Jx@Hf@Jh@JZjAnDb@tAhBzFXvAhB|FnBlG??@?FTj@fABBRh@PVNRLHLDR@N?VGXMNInJoIlC_Cp@o@RQ????t@s@lCaC|GcGnCcClCaC\\\\[nBgBlBgB@???VUVURWVc@Xe@PYpBeDx@sAx@mAV_@TQ\\\\Sp@MzCA|FF@@??N@RFNFN@LB~BCF?D?fCAF?N?NCN?NALAHCJAJAHCNEPC^KxDeAxCy@NGJAJCJALAL?h@CrC???nHBrB?V?X@R@VBn@HVDP@T@z@?b@?z@?vp@B??@?zG?L?N?JCF?JAHEDABCF?@CDABCDCBCBEDCBEBCBGBEBC@EBGBEBG@E@E@GBE@G@E?CBM?IBI@K?I?SDeAFeBBqAJ_D@q@@o@?y@?s@?qAAgI@y@@o@Ds@JiBXkE@s@Bm@?{@Aw@Ey@Gy@Gg@Gi@Ie@Ke@UaAoDiNa@aBc@kBkAwF???AoAcGKg@Ii@Ge@Gg@Ee@Ek@Am@Ak@Ak@@k@Bg@Bk@@e@Dk@Fc@Hk@Js@Rw@zDsPNs@Lm@RqAPqAHgAf@kHLiBDc@BWFWDUFUHUJUJULUJONSNKPQtCmB??~BcBb@Ud@STEVGVCVA^?pHDvOFjLCx@?pDH\`@Bb@Cb@?^Ib@G^I\\\\M\\\\O\\\\Qhg@oX~@e@????|L{GjDgB|@c@f@QtE_BpAe@lO}FbJkDdQwGrFyBt[{LnSqI?A",
+            },
+            "mode": "TRAM",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": Object {
+              "alerts": Array [],
+              "color": "28813F",
+              "id": "Um91dGU6NDA6MTAwNDc5",
+              "longName": "Northgate - Angle Lake",
+              "shortName": "1-Line",
+              "textColor": "FFFFFF",
+              "type": 0,
+            },
+            "startTime": 1685142780000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 47.537529,
+              "lon": -122.281471,
+              "name": "Othello Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "C27-T1",
+                "gtfsId": "40:56159",
+                "id": "U3RvcDo0MDo1NjE1OQ",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "trip": Object {
+              "gtfsId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+              "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
+              "tripHeadsign": "Angle Lake",
+            },
+          },
+          Object {
+            "accessibilityScore": null,
+            "agency": null,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 2167.47,
+            "dropoffType": "SCHEDULED",
+            "duration": 1739,
+            "endTime": 1685146739000,
+            "fareProducts": Array [],
+            "from": Object {
+              "lat": 47.537529,
+              "lon": -122.281471,
+              "name": "Othello Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "C27-T1",
+                "gtfsId": "40:56159",
+                "id": "U3RvcDo0MDo1NjE1OQ",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 135,
+              "points": "otcaHfbjiV?BXMF\\\\\\\\??fC?NJ?@|@BbC?R?TAB?|A?t@@f@?L@B?V?TA@@D?D?vA?h@?X?TAXCXANCPCPKd@ERCLCH@@HFLJ@@@?@@@@B@F?F?D?DAENDAHCFCFNPTDBD?RIl@Wb@Qn@c@h@[ZONGPCD?LEFAL@Ad@@vF?pAApA?nH@\\\\@J@DBPJLEFIFI^ENQf@EBCFHJP^BL@J@PAhFA|A?bAArB?hA@JBFDDDHl@b@RHTFXD\\\\@P@PCjB[hB[h@M\`A]lAk@vBoAlAu@h@YLCPAJ@J@LFLHHJHJFNHTv@dGFb@@NK@KCOCM@{Ad@e@F_@LM@",
+            },
+            "mode": "WALK",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "route": null,
+            "startTime": 1685145000000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 14.92,
+                "elevationProfile": Array [],
+                "lat": 47.5375246,
+                "lon": -122.2814907,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Martin Luther King Junior Way South",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 12.32,
+                "elevationProfile": Array [],
+                "lat": 47.5373972,
+                "lon": -122.2814286,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.38,
+                "elevationProfile": Array [],
+                "lat": 47.537352,
+                "lon": -122.2815784,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "parking aisle",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 186.19,
+                "elevationProfile": Array [],
+                "lat": 47.5371499,
+                "lon": -122.2823392,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 185.66,
+                "elevationProfile": Array [],
+                "lat": 47.5371051,
+                "lon": -122.2847952,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [
+                  null,
                 ],
-                "lat": 47.6891101,
-                "lon": -122.36597210000001,
+                "area": false,
+                "distance": 223.22,
+                "elevationProfile": Array [],
+                "lat": 47.5369894,
+                "lon": -122.2868292,
+                "relativeDirection": "HARD_RIGHT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 316.7,
+                "elevationProfile": Array [],
+                "lat": 47.535227,
+                "lon": -122.2863141,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "South Webster Street",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 55.15,
+                "elevationProfile": Array [],
+                "lat": 47.5351293,
+                "lon": -122.2904874,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 259.82,
+                "elevationProfile": Array [],
+                "lat": 47.5354239,
+                "lon": -122.2910651,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northwest 83rd Street",
+                "streetName": "South Webster Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 57.96,
+                "elevationProfile": Array [],
+                "lat": 47.5352763,
+                "lon": -122.2944348,
+                "relativeDirection": "SLIGHTLY_LEFT",
+                "stayOn": false,
+                "streetName": "29th Avenue South",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 644.09,
+                "elevationProfile": Array [],
+                "lat": 47.5348545,
+                "lon": -122.2948441,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Military Road South",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 132.1,
+                "elevationProfile": Array [],
+                "lat": 47.5301402,
+                "lon": -122.2953592,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
               },
             ],
             "to": Object {
-              "arrival": 1597955224000,
-              "lat": 47.68896584339047,
-              "lon": -122.36571962588302,
-              "name": "8212 8th Ave NW, Seattle, WA, USA",
-              "orig": "8212 8th Ave NW, Seattle, WA, USA",
+              "lat": 47.5312889,
+              "lon": -122.2958113,
+              "name": "New Light Christian Church, Seattle, WA, USA",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
           },
         ],
-        "startTime": 1597949873000,
-        "tooSloped": false,
-        "transfers": 3,
-        "transitTime": 2949,
-        "waitingTime": 904,
-        "walkDistance": 2016.2642537270028,
-        "walkLimitExceeded": false,
-        "walkTime": 1498,
+        "startTime": 1685139787000,
+        "waitingTime": 184,
+        "walkTime": 2436,
       }
     }
-    showRouteFares={true}
   />
 </IntlProvider>
 `;
@@ -111510,7 +109371,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   overflow: hidden;
 }
 
-.c58 {
+.c53 {
   color: #f44256;
 }
 
@@ -111566,17 +109427,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   padding-left: 1px;
 }
 
-.c56 {
-  color: #b22727;
-  margin-top: 5px;
-}
-
 .c21::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c57 {
+.c52 {
   text-align: center;
 }
 
@@ -111592,17 +109448,6 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
 }
 
 .c39 {
-  border-left: solid 8px #0070c0;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c54 {
   border-left: solid 8px #008ab0;
   height: 100%;
   width: 0;
@@ -111613,7 +109458,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   transform: translateX(-50%);
 }
 
-.c50 {
+.c48 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -111669,17 +109514,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   font-weight: inherit;
 }
 
-.c45 {
+.c43 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c44 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
-.c43 {
+.c42 {
   color: #807373;
   margin-top: 5px;
 }
@@ -111833,35 +109673,6 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
 }
 
 .c40 {
-  text-align: center;
-  min-width: 30px;
-  min-height: 30px;
-  font-size: 1.2em;
-  background-color: #0070c0;
-  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;
-}
-
-.c55 {
   text-align: center;
   min-width: 30px;
   min-height: 30px;
@@ -111975,33 +109786,27 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   padding-left: 1ch;
 }
 
-.c42 {
-  font-weight: 200;
-  font-size: 0.9em;
-  margin-left: 10px;
-}
-
-.c52 {
+.c50 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c51 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c51 {
+.c49 {
   z-index: 30;
   position: relative;
 }
 
-.c46 {
+.c44 {
   margin-top: 5px;
 }
 
-.c47 {
+.c45 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -112009,11 +109814,11 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   display: flex;
 }
 
-.c49 {
+.c47 {
   font-size: 14px;
 }
 
-.c48 {
+.c46 {
   padding: 0;
 }
 
@@ -112063,13 +109868,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        3826 191st Pl SW, Lynnwood, WA, USA
+        47.7792, -122.29032
       </span>
     </div>
     <div
       className="c9"
     >
-      11:57 AM
+      3:23 PM
     </div>
     <span
       className="c10"
@@ -112097,11 +109902,11 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                - 
             </span>
             <span>
-              Walk 0.7 miles to 
+              Walk 0.5 miles to 
               <span
                 className="c15"
               >
-                Alderwood Mall Blvd & 40th Ave W
+                48th Ave W & 244th St SW
               </span>
             </span>
             <button
@@ -112127,7 +109932,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              13 min
+              10 min
               <span
                 className="c21"
               >
@@ -112190,17 +109995,17 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                   >
                     <span>
                       Head 
-                      WEST
+                      EAST
                        on 
                       <span
                         className="c27"
                       >
-                        Unnamed Road
+                        242nd Street Southwest
                       </span>
                       <span
                         className="c28"
                       >
-                        390 feet
+                        120 feet
                       </span>
                     </span>
                   </div>
@@ -112215,7 +110020,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 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>
@@ -112223,17 +110028,17 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                     className="c26"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c27"
                       >
-                        40th Avenue West
+                        Cedar Way
                       </span>
                       <span
                         className="c28"
                       >
-                        0.5 miles
+                        0.1 miles
                       </span>
                     </span>
                   </div>
@@ -112261,12 +110066,45 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c27"
                       >
-                        Alderwood Mall Boulevard
+                        Northeast 205th Street - 244th Street Southwest
                       </span>
                       <span
                         className="c28"
                       >
-                        0.1 miles
+                        0.4 miles
+                      </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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        91 feet
                       </span>
                     </span>
                   </div>
@@ -112292,26 +110130,16 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                   className="c32 c33"
                 >
                   ↑
-                  2'
+                  0'
                 </span>
                 <span
                   className="c32 c34"
                 >
                   ↓
-                  101'
+                  0'
                 </span>
               </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,9.33416303671438 0,9.39763534536403 0,9.449906658369624 0,9.532047293092713 0,9.505911636589914 0,9.48724331051649 0,9.33416303671438 0,9.464841319228377 0,9.588052271313 0,9.673926571250778 0,9.744866210329807 0,9.744866210329807 0,9.834474175482256 0,9.909147479775978 0,10.002489110143124 0,10.06969508400747 0,10.06969508400747 0,10.136901057871807 0,10.219041692594892 0,10.289981331673918 0,10.36092097075296 0,10.398257622899813 0,10.43932794026135 0,10.43932794026135 0,10.476664592408206 0,10.476664592408206 0,10.566272557560666 0,10.670815183571868 0,10.738021157436219 0,10.738021157436219 0,10.808960796515244 0,10.868699439950216 0,10.89110143123833 0,10.958307405102676 0,10.999377722464214 0,10.999377722464214 0,11.032980709396387 0,11.032980709396387 0,11.103920348475416 0,11.17112632233976 0,11.17112632233976 0,11.290603609209704 0,11.398879900435588 0,11.398879900435588 0,11.47355320472931 0,11.566894835096452 0,11.566894835096452 0,11.69757311761045 0,11.835718730553825 0,12.007467330429371 0,12.212818917237083 0,12.42563783447417 0,12.619788425637829 0,12.619788425637829 0,12.869943995021782 0,13.142501555693837 0,13.355320472930924 0,13.571873055382703 0,13.77349097697573 0,14.03858120721842 0,14.03858120721842 0,14.255133789670188 0,14.535158680771618 0,14.908525202240194 0,14.908525202240194 0,15.18108276291226 0,15.505911636589916 0,15.782202862476662 0,15.782202862476662 0,16.080896079651524 0,16.331051649035466 0,16.547604231487245 0,16.69695084007467 0,16.902302426882386 0,16.902302426882386 0,17.05164903546982 0,17.260734287492223 0,17.260734287492223 0,17.417548226509027 0,17.525824517734907 0,17.525824517734907 0,17.719975108898566 0,17.876789047915366 0,17.876789047915366 0,17.985065339141258 0,17.985065339141258 0,18.126944617299316 0,18.287492221530805 0,18.42190416925949 0,18.53391412570006 0,18.612321095208458 0,18.612321095208458 0,18.694461729931554 0,18.739265712507777 0,18.739265712507777 0,18.784069695084007 0,18.851275668948347 0,18.948350964530178 0,19.041692594897324 0,19.041692594897324 0,19.116365899191038 0,19.17610454262601 0,19.2321095208463 0,19.239576851275668 0,19.24704418170504 0,19.24704418170504 0,19.265712507778467 0,19.269446172993156 0,19.269446172993156 0,19.29558182949596 0,19.317983820784068 0,19.317983820784068 0,19.35905413814561 0,19.422526446795267 0,19.515868077162413 0,19.605476042314873 0,19.69135034225264 0,20.225264467952705 0,20.32607342874922 0,20.32607342874922 0,20.367143746110763 0,20.367143746110763 0,20.404480398257625 0,20.404480398257625 0,20.479153702551336 0,20.516490354698195 0,20.516490354698195 0,20.542626011200994 0,20.542626011200994 0,20.57249533291848 0,20.576228998133168 0,20.576228998133168 0,20.594897324206595 0,20.62850031113877 0,20.62850031113877 0,20.62850031113877 0,20.632233976353454 0,20.632233976353454 0,20.647168637212197 0,20.66583696328562 0,20.66583696328562 0,20.66583696328562 0,20.66583696328562"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
+              No elevation data available.
               mocked-react-resize-detector
             </button>
           </div>
@@ -112367,12 +110195,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               aria-hidden={true}
               className="styled__SRHidden-sc-1q8npbl-56"
             >
-              11
+              [o
             </span>
             <span
               className="c41"
             >
-              Silver Firs - Edmonds
+              
             </span>
           </div>
         </div>
@@ -112385,18 +110213,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        Alderwood Mall Blvd & 40th Ave W
-        <span
-          className="c42"
-        >
-          ID 1635
-        </span>
+        48th Ave W & 244th St SW
       </span>
     </div>
     <div
       className="c9"
     >
-      12:11 PM
+      3:33 PM
     </div>
     <span
       className="c10"
@@ -112423,21 +110246,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                 Ride
               </span>
               <span
-                className="c13 c43"
+                className="c13 c42"
               >
-                <div>
-                  <span
-                    className="c44"
-                  >
-                    116
-                  </span>
-                </div>
                 <span
-                  className="c45"
+                  className="c43"
                 >
-                  <span>
-                    Edmonds
-                  </span>
+                  <span />
                 </span>
               </span>
               <span
@@ -112445,12 +110259,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               >
                  - 
                 Disembark at 
-                Lynnwood Transit Center Bay C2
-                <span
-                  className="c42"
-                >
-                  ID 2110
-                </span>
+                Northgate Station - Bay 4
               </span>
             </span>
             <button
@@ -112484,18 +110293,18 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
             />
           </div>
           <div
-            className="c46"
+            className="c44"
           >
             <div
-              className="c47"
+              className="c45"
             >
               <button
-                className="c16 c48"
+                className="c16 c46"
                 onClick={[Function]}
               >
                 Ride 
-                4 min
-                 / 2 stops
+                35 min
+                 / 37 stops
                 <span
                   className="c21"
                 >
@@ -112536,32 +110345,516 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c47"
                 >
                   <ol
-                    className="c50"
+                    className="c48"
                   >
                     <li
-                      className="c51"
+                      className="c49"
                     >
                       <div
-                        className="c52"
+                        className="c50"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c51"
+                      >
+                        NE 205th St & 52nd Ave W
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 205th St & 56th Ave W
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 205th St & 58th Pl W
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & Ballinger Way NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & Forest Park Dr NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 200th Ct
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 192nd St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE Perkins Way
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & 24th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 180th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 175th St & 15th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 175th St & 10th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 174th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 170th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 163rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 161st St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 158th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 155th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 152nd St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE 148th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 145th St & 6th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 145th St & 12th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 145th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 143rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 140th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 135th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 130th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 127th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 125th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 123rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        15th Ave NE & NE 120th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Pinehurst Way NE & NE 115th St
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE Northgate Way & Roosevelt Way NE
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        5th Ave NE & NE Northgate Way
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
                       >
-                        Alderwood Mall Blvd & 44th Ave W
+                        5th Ave NE & Northgate Mall
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        NE 103rd St & 5th Ave NE
                       </div>
                     </li>
                   </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
-                  >
-                    Fare: 
-                    $2.50
-                  </div>
                 </div>
               </div>
             </div>
@@ -112638,18 +110931,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        Lynnwood Transit Center Bay C2
-        <span
-          className="c42"
-        >
-          ID 2110
-        </span>
+        Northgate Station - Bay 4
       </span>
     </div>
     <div
       className="c9"
     >
-      12:15 PM
+      4:09 PM
     </div>
     <span
       className="c10"
@@ -112677,11 +110965,11 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                - 
             </span>
             <span>
-              Walk 245 feet to 
+              Walk 200 feet to 
               <span
                 className="c15"
               >
-                Lynnwood Transit Center Bay D3
+                Northgate Station
               </span>
             </span>
             <button
@@ -112770,7 +111058,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                   >
                     <span>
                       Head 
-                      WEST
+                      NORTH
                        on 
                       <span
                         className="c27"
@@ -112780,7 +111068,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c28"
                       >
-                        245 feet
+                        200 feet
                       </span>
                     </span>
                   </div>
@@ -112828,7 +111116,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
       >
         <div
           className="c39"
-          mode="BUS"
+          mode="TRAM"
         />
         <div
           className="c5"
@@ -112840,12 +111128,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               aria-hidden={true}
               className="styled__SRHidden-sc-1q8npbl-56"
             >
-              51
+              [o
             </span>
             <span
               className="c41"
             >
-              Everett - Seattle
+              
             </span>
           </div>
         </div>
@@ -112858,18 +111146,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        Lynnwood Transit Center Bay D3
-        <span
-          className="c42"
-        >
-          ID 2422
-        </span>
+        Northgate Station
       </span>
     </div>
     <div
       className="c9"
     >
-      12:27 PM
+      4:13 PM
     </div>
     <span
       className="c10"
@@ -112896,21 +111179,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                 Ride
               </span>
               <span
-                className="c13 c43"
+                className="c13 c42"
               >
-                <div>
-                  <span
-                    className="c44"
-                  >
-                    512
-                  </span>
-                </div>
                 <span
-                  className="c45"
+                  className="c43"
                 >
-                  <span>
-                    Seattle 5th Ave
-                  </span>
+                  <span />
                 </span>
               </span>
               <span
@@ -112918,12 +111192,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               >
                  - 
                 Disembark at 
-                NE 45TH ST Fwy Station
-                <span
-                  className="c42"
-                >
-                  ID 2166
-                </span>
+                Othello Station
               </span>
             </span>
             <button
@@ -112957,18 +111226,18 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
             />
           </div>
           <div
-            className="c46"
+            className="c44"
           >
             <div
-              className="c47"
+              className="c45"
             >
               <button
-                className="c16 c48"
+                className="c16 c46"
                 onClick={[Function]}
               >
                 Ride 
-                20 min
-                 / 2 stops
+                37 min
+                 / 14 stops
                 <span
                   className="c21"
                 >
@@ -113009,32 +111278,194 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c47"
                 >
                   <ol
-                    className="c50"
+                    className="c48"
                   >
                     <li
-                      className="c51"
+                      className="c49"
                     >
                       <div
-                        className="c52"
+                        className="c50"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c51"
+                      >
+                        Roosevelt Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        U District Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Univ of Washington Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
                       >
-                        NE 145TH ST Fwy Station
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Capitol Hill Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Westlake Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        University St Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Pioneer Square Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Int'l Dist/Chinatown Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Stadium Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        SODO Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Beacon Hill Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Mount Baker Station
+                      </div>
+                    </li>
+                    <li
+                      className="c49"
+                    >
+                      <div
+                        className="c50"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c51"
+                      >
+                        Columbia City Station
                       </div>
                     </li>
                   </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
-                  >
-                    Fare: 
-                    $3.25
-                  </div>
                 </div>
               </div>
             </div>
@@ -113111,18 +111542,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        NE 45TH ST Fwy Station
-        <span
-          className="c42"
-        >
-          ID 2166
-        </span>
+        Othello Station
       </span>
     </div>
     <div
       className="c9"
     >
-      12:47 PM
+      4:50 PM
     </div>
     <span
       className="c10"
@@ -113150,11 +111576,11 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                - 
             </span>
             <span>
-              Walk 0.4 miles to 
+              Walk 1.3 miles to 
               <span
                 className="c15"
               >
-                11th Ave NE & NE 45th St
+                New Light Christian Church, Seattle, WA, USA
               </span>
             </span>
             <button
@@ -113180,7 +111606,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              7 min
+              28 min
               <span
                 className="c21"
               >
@@ -113243,17 +111669,17 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                   >
                     <span>
                       Head 
-                      NORTH
+                      SOUTH
                        on 
                       <span
                         className="c27"
                       >
-                        sidewalk
+                        Martin Luther King Junior Way South
                       </span>
                       <span
                         className="c28"
                       >
-                        229 feet
+                        49 feet
                       </span>
                     </span>
                   </div>
@@ -113281,7 +111707,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c27"
                       >
-                        Unnamed Path
+                        service road
                       </span>
                       <span
                         className="c28"
@@ -113314,12 +111740,12 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c27"
                       >
-                        5th Avenue Northeast
+                        parking aisle
                       </span>
                       <span
                         className="c28"
                       >
-                        48 feet
+                        260 feet
                       </span>
                     </span>
                   </div>
@@ -113347,12 +111773,144 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c27"
                       >
-                        Northeast 45th Street
+                        sidewalk
                       </span>
                       <span
                         className="c28"
                       >
-                        0.3 miles
+                        0.1 miles
+                      </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"
+                      >
+                        sidewalk
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.1 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M218.5 70.5l20 120-120-20 30-30-50-50c-10-10-10 0-10 10v160h-60v-160c0-70 70-90 110-50l50 50z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      HARD_RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.1 miles
+                      </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"
+                      >
+                        South Webster Street
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.2 miles
+                      </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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        181 feet
                       </span>
                     </span>
                   </div>
@@ -113380,12 +111938,78 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c27"
                       >
-                        11th Avenue Northeast
+                        South Webster Street
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M86.5 90.5l40 40c10 10 20 20 20 40v90h60v-90c0-40-20-60-40-80l-40-40 30-30-120-20 20 120z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      SLIGHTLY_LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        29th Avenue South
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        190 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <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"
+                      >
+                        Military Road South
                       </span>
                       <span
                         className="c28"
                       >
-                        178 feet
+                        0.4 miles
                       </span>
                     </span>
                   </div>
@@ -113418,7 +112042,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                       <span
                         className="c28"
                       >
-                        24 feet
+                        433 feet
                       </span>
                     </span>
                   </div>
@@ -113444,26 +112068,16 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                   className="c32 c33"
                 >
                   ↑
-                  21'
+                  0'
                 </span>
                 <span
                   className="c32 c34"
                 >
                   ↓
-                  45'
+                  0'
                 </span>
               </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,12.844129554655872 0,12.803643724696357 0,12.798582995951417 0,12.798582995951417 0,12.742914979757085 0,12.651821862348179 0,12.651821862348179 0,13.092105263157897 0,13.092105263157897 0,13.805668016194332 0,13.805668016194332 0,13.684210526315788 0,13.684210526315788 0,16.371457489878544 0,17.115384615384613 0,15.217611336032387 0,15.187246963562755 0,15.187246963562755 0,15.20242914979757 0,15.20242914979757 0,15.182186234817813 0,15.161943319838057 0,15.161943319838057 0,15.217611336032387 0,15.298582995951419 0,15.288461538461538 0,15.288461538461538 0,15.227732793522268 0,15.278340080971661 0,15.349190283400812 0,15.349190283400812 0,15.328947368421051 0,15.313765182186236 0,15.313765182186236 0,15.273279352226721 0,15.273279352226721 0,15.217611336032387 0,15.242914979757087 0,15.242914979757087 0,15.237854251012145 0,15.237854251012145 0,15.258097165991906 0,15.258097165991906 0,15.35931174089069 0,15.480769230769232 0,15.607287449392715 0,15.607287449392715 0,15.779352226720649 0,16.027327935222672 0,16.224696356275306 0,16.224696356275306 0,16.482793522267208 0,16.67004048582996 0,16.67004048582996 0,16.730769230769234 0,16.730769230769234 0,16.88765182186235 0,16.88765182186235 0,16.94838056680162 0,16.94838056680162 0,17.09514170040486 0,17.09514170040486 0,17.171052631578945 0,17.282388663967616 0,17.34817813765182 0,17.338056680161944 0,17.338056680161944 0,17.338056680161944 0,17.34817813765182 0,17.34817813765182 0,17.332995951417004 0,17.332995951417004 0,17.100202429149796 0,17.100202429149796 0,16.993927125506076 0,16.892712550607285 0,16.740890688259114 0,16.64473684210526 0,16.64473684210526 0,16.578947368421055 0,16.578947368421055 0,16.558704453441294"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
+              No elevation data available.
               mocked-react-resize-detector
             </button>
           </div>
@@ -113505,27 +112119,27 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
       <div
         className="c3"
       >
-        <div
-          className="c54"
-          mode="BUS"
-        />
         <div
           className="c5"
         >
           <div
-            className="c55"
+            className="c52"
           >
-            <span
-              aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
-            >
-              67
-            </span>
-            <span
-              className="c41"
+            <svg
+              aria-hidden="true"
+              className="c22 c53"
+              fill="currentColor"
+              focusable="false"
+              height={25}
+              viewBox="0 0 384 512"
+              width={25}
+              xmlns="http://www.w3.org/2000/svg"
             >
-              
-            </span>
+              <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>
@@ -113537,1102 +112151,38 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        11th Ave NE & NE 45th St
-        <span
-          className="c42"
-        >
-          ID 9650
-        </span>
+        New Light Christian Church, Seattle, WA, USA
       </span>
     </div>
     <div
       className="c9"
     >
-      12:57 PM
+      5:18 PM
     </div>
     <span
       className="c10"
     >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      New Light Christian Church, Seattle, WA, USA
     </span>
     <div
       className="c11"
+    />
+    <div
+      className="c35 c36"
     >
-      <div
-        className="c12"
+      <a
+        aria-label="View on map"
+        className="c37 c38"
+        onClick={[Function]}
+        title="View on map"
       >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-23"
-        >
-          <span
-            className="c13"
-          >
-            <span>
-              <span
-                className="c10"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c13 c43"
-              >
-                <div>
-                  <span
-                    className="c44"
-                  >
-                    67
-                  </span>
-                </div>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Northgate Roosevelt
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c10"
-              >
-                 - 
-                Disembark at 
-                12th Ave NE & NE 61st St
-                <span
-                  className="c42"
-                >
-                  ID 23540
-                </span>
-              </span>
-            </span>
-            <button
-              className="c16 c17"
-              onClick={[Function]}
-            >
-              <span
-                className="c10"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c56"
-          >
-            To take this route, you must 
-            call 877-680-1287
-             at least 1 day in advance
-            .
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c46"
-          >
-            <div
-              className="c47"
-            >
-              <button
-                className="c16 c48"
-                onClick={[Function]}
-              >
-                Ride 
-                4 min
-                 / 6 stops
-                <span
-                  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>
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c49"
-                >
-                  <ol
-                    className="c50"
-                  >
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        11th Ave NE & NE 47th St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        11th Ave NE & NE 50th St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        11th Ave NE & NE 52nd St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        11th Ave NE & NE 55th St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        11th Ave NE & NE Ravenna Blvd
-                      </div>
-                    </li>
-                  </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
-                  >
-                    Fare: 
-                    $0.00
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c35 c36"
-    >
-      <a
-        aria-label="View on map"
-        className="c37 c38"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
-          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>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c54"
-          mode="BUS"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            className="c55"
-          >
-            <span
-              aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
-            >
-              45
-            </span>
-            <span
-              className="c41"
-            >
-              
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        12th Ave NE & NE 61st St
-        <span
-          className="c42"
-        >
-          ID 23540
-        </span>
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      1:03 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-23"
-        >
-          <span
-            className="c13"
-          >
-            <span>
-              <span
-                className="c10"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c13 c43"
-              >
-                <div>
-                  <span
-                    className="c44"
-                  >
-                    45
-                  </span>
-                </div>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Loyal Heights Greenwood
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c10"
-              >
-                 - 
-                Disembark at 
-                NW 85th St & 8th Ave NW
-                <span
-                  className="c42"
-                >
-                  ID 37060
-                </span>
-              </span>
-            </span>
-            <button
-              className="c16 c17"
-              onClick={[Function]}
-            >
-              <span
-                className="c10"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c46"
-          >
-            <div
-              className="c47"
-            >
-              <button
-                className="c16 c48"
-                onClick={[Function]}
-              >
-                Ride 
-                20 min
-                 / 17 stops
-                <span
-                  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>
-              </button>
-            </div>
-            <div
-              aria-hidden={true}
-              className="rah-static rah-static--height-zero "
-              style={
-                Object {
-                  "height": 0,
-                  "overflow": "hidden",
-                }
-              }
-            >
-              <div
-                style={Object {}}
-              >
-                <div
-                  className="c49"
-                >
-                  <ol
-                    className="c50"
-                  >
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        NE 65th St & Roosevelt Way NE
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        NE 65th St & Oswego Pl NE
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        NE Ravenna Blvd & NE 68th St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        NE Ravenna Blvd & Woodlawn Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        East Green Lake Dr N & 4th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        East Green Lake Dr N & Sunnyside Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        East Green Lake Dr N & Orin Ct N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        East Green Lake Dr N & Wallingford Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        Wallingford Ave N & N 80th St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        Wallingford Ave N & N 82nd St
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        N 85th St & Wallingford Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        N 85th St & Stone Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        N 85th St & Aurora Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        N 85th St & Fremont Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        N 85th St & Greenwood Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c51"
-                    >
-                      <div
-                        className="c52"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c53"
-                      >
-                        NW 85th St & 3rd Ave NW
-                      </div>
-                    </li>
-                  </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
-                  >
-                    Fare: 
-                    $0.00
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c35 c36"
-    >
-      <a
-        aria-label="View on map"
-        className="c37 c38"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
-          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>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c4"
-          mode="WALK"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            aria-label="Travel by walking"
-            className="c6"
-            mode="WALK"
-          >
-            <svg
-              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="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        NW 85th St & 8th Ave NW
-        <span
-          className="c42"
-        >
-          ID 37060
-        </span>
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      1:24 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-23"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Walk 0.1 miles to 
-              <span
-                className="c15"
-              >
-                8212 8th Ave NW, Seattle, WA, USA
-              </span>
-            </span>
-            <button
-              className="c16 c17"
-              onClick={[Function]}
-            >
-              <span
-                className="c10"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c18"
-        >
-          <span
-            className="c19"
-          >
-            <button
-              aria-expanded={false}
-              className="c16 c20"
-              onClick={[Function]}
-            >
-              3 min
-              <span
-                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>
-            </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="c23"
-              >
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      Head 
-                      EAST
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        Northwest 85th Street
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        158 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"
-                      >
-                        8th Avenue Northwest
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        0.1 miles
-                      </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"
-                      >
-                        Northwest 83rd Street
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        62 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c35 c36"
-    >
-      <a
-        aria-label="View on map"
-        className="c37 c38"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
-          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>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c5"
-        >
-          <div
-            className="c57"
-          >
-            <svg
-              aria-hidden="true"
-              className="c22 c58"
-              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="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        8212 8th Ave NW, Seattle, WA, USA
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      1:27 PM
-    </div>
-    <span
-      className="c10"
-    >
-      Arrive at 
-      8212 8th Ave NW, Seattle, WA, USA
-    </span>
-    <div
-      className="c11"
-    />
-    <div
-      className="c35 c36"
-    >
-      <a
-        aria-label="View on map"
-        className="c37 c38"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-44"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
           <title>
             View on map
@@ -241603,20827 +239153,7 @@ exports[`Storyshots TripDetails Bike Only Itinerary 2`] = `
 </div>
 `;
 
-exports[`Storyshots TripDetails Bike Rental 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": 792,
-        "elevationGained": 21.87,
-        "elevationLost": 11.5,
-        "endTime": 1573689492000,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 151.884,
-            "duration": 186,
-            "endTime": 1573688886000,
-            "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",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 4,
-              "points": "alvtGh_okVArA?UcF?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688700000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 24.171,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 37.26284254544677,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 37.59284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 37.58284254544678,
-                  },
-                  Object {
-                    "first": 24.17,
-                    "second": 37.52284254544678,
-                  },
-                ],
-                "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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 36.542842545446774,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 36.62284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 37.152842545446774,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 37.62284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 38.14284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 38.652842545446774,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 39.12284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 39.45284254544678,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 39.22284254544678,
-                  },
-                  Object {
-                    "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.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,
-                  },
-                  Object {
-                    "first": 398.058,
-                    "second": 47.99284254544678,
-                  },
-                  Object {
-                    "first": 413.018,
-                    "second": 48.35284254544678,
-                  },
-                ],
-                "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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 48.56284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 49.402842545446774,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 49.74284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 49.932842545446775,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 50.19284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 50.182842545446775,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 49.89284254544678,
-                  },
-                  Object {
-                    "first": 78.48,
-                    "second": 49.50284254544678,
-                  },
-                  Object {
-                    "first": 78.464,
-                    "second": 49.50284254544678,
-                  },
-                  Object {
-                    "first": 88.464,
-                    "second": 49.66284254544678,
-                  },
-                  Object {
-                    "first": 98.464,
-                    "second": 49.712842545446776,
-                  },
-                  Object {
-                    "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": 0,
-                    "second": 49.69284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 49.182842545446775,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 49.01284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 48.97284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 48.932842545446775,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 48.85284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 48.80284254544678,
-                  },
-                  Object {
-                    "first": 70.24,
-                    "second": 48.75284254544678,
-                  },
-                  Object {
-                    "first": 70.242,
-                    "second": 48.75284254544678,
-                  },
-                  Object {
-                    "first": 80.242,
-                    "second": 48.69284254544678,
-                  },
-                  Object {
-                    "first": 90.242,
-                    "second": 48.52284254544678,
-                  },
-                  Object {
-                    "first": 100.242,
-                    "second": 48.25284254544678,
-                  },
-                  Object {
-                    "first": 110.242,
-                    "second": 47.98284254544678,
-                  },
-                  Object {
-                    "first": 120.242,
-                    "second": 47.69284254544678,
-                  },
-                  Object {
-                    "first": 130.24200000000002,
-                    "second": 47.45284254544678,
-                  },
-                  Object {
-                    "first": 140.24200000000002,
-                    "second": 47.19284254544678,
-                  },
-                  Object {
-                    "first": 146.93200000000002,
-                    "second": 47.06284254544678,
-                  },
-                  Object {
-                    "first": 146.921,
-                    "second": 47.06284254544678,
-                  },
-                  Object {
-                    "first": 156.921,
-                    "second": 46.87284254544678,
-                  },
-                  Object {
-                    "first": 166.921,
-                    "second": 46.70284254544678,
-                  },
-                  Object {
-                    "first": 176.921,
-                    "second": 46.49284254544678,
-                  },
-                  Object {
-                    "first": 186.921,
-                    "second": 46.26284254544677,
-                  },
-                  Object {
-                    "first": 196.921,
-                    "second": 46.042842545446774,
-                  },
-                  Object {
-                    "first": 206.921,
-                    "second": 45.822842545446775,
-                  },
-                  Object {
-                    "first": 216.921,
-                    "second": 45.60284254544678,
-                  },
-                  Object {
-                    "first": 225.37099999999998,
-                    "second": 45.45284254544678,
-                  },
-                  Object {
-                    "first": 225.37199999999999,
-                    "second": 45.45284254544678,
-                  },
-                  Object {
-                    "first": 235.37199999999999,
-                    "second": 45.41284254544678,
-                  },
-                  Object {
-                    "first": 245.37199999999999,
-                    "second": 45.41284254544678,
-                  },
-                  Object {
-                    "first": 255.37199999999999,
-                    "second": 45.462842545446776,
-                  },
-                  Object {
-                    "first": 265.37199999999996,
-                    "second": 45.49284254544678,
-                  },
-                  Object {
-                    "first": 275.37199999999996,
-                    "second": 45.51284254544677,
-                  },
-                  Object {
-                    "first": 285.37199999999996,
-                    "second": 45.52284254544678,
-                  },
-                  Object {
-                    "first": 295.37199999999996,
-                    "second": 45.542842545446774,
-                  },
-                  Object {
-                    "first": 304.24199999999996,
-                    "second": 45.572842545446775,
-                  },
-                  Object {
-                    "first": 304.241,
-                    "second": 45.572842545446775,
-                  },
-                  Object {
-                    "first": 314.241,
-                    "second": 45.69284254544678,
-                  },
-                  Object {
-                    "first": 324.241,
-                    "second": 45.932842545446775,
-                  },
-                  Object {
-                    "first": 334.241,
-                    "second": 46.38284254544678,
-                  },
-                  Object {
-                    "first": 344.241,
-                    "second": 46.88284254544678,
-                  },
-                  Object {
-                    "first": 349.611,
-                    "second": 47.14284254544678,
-                  },
-                  Object {
-                    "first": 349.608,
-                    "second": 47.14284254544678,
-                  },
-                  Object {
-                    "first": 359.608,
-                    "second": 47.61284254544678,
-                  },
-                  Object {
-                    "first": 372.168,
-                    "second": 48.23284254544678,
-                  },
-                  Object {
-                    "first": 372.169,
-                    "second": 48.23284254544678,
-                  },
-                  Object {
-                    "first": 382.169,
-                    "second": 48.72284254544678,
-                  },
-                  Object {
-                    "first": 392.169,
-                    "second": 49.20284254544678,
-                  },
-                  Object {
-                    "first": 401.74899999999997,
-                    "second": 49.58284254544678,
-                  },
-                ],
-                "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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 49.792842545446774,
-                  },
-                  Object {
-                    "first": 15.16,
-                    "second": 49.88284254544678,
-                  },
-                ],
-                "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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 49.792842545446774,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 49.97284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 50.11284254544678,
-                  },
-                  Object {
-                    "first": 35.62,
-                    "second": 50.182842545446775,
-                  },
-                ],
-                "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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 50.682842545446775,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 50.39284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 49.89284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 49.30284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 48.712842545446776,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 48.11284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 47.49284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 46.902842545446774,
-                  },
-                  Object {
-                    "first": 89.77,
-                    "second": 46.51284254544677,
-                  },
-                ],
-                "lat": 45.5120723,
-                "lon": -122.6371336,
-                "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",
-              },
-            ],
-            "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",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1573688700000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 1280.5410121370023,
-        "walkLimitExceeded": false,
-        "walkTime": 792,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails Bike Rental 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:45 PM
-          </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>
-          13 minutes
-        </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>
-              6 minutes
-            </strong>
-             walking and 
-            <strong>
-              7 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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            25g
-          </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 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)}
->
-  <TripDetails
-    co2Config={
-      Object {
-        "enabled": true,
-      }
-    }
-    fareKeyNameMap={Object {}}
-    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": "$",
-              },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 121.806,
-            "duration": 162,
-            "endTime": 1573689181000,
-            "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",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 5,
-              "points": "}lytGnbokV{AFd@??xEK?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689019000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 31.434,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 40.152842545446774,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 40.292842545446774,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 40.38284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 40.462842545446776,
-                  },
-                  Object {
-                    "first": 31.43,
-                    "second": 40.47284254544678,
-                  },
-                ],
-                "lat": 45.51903126345032,
-                "lon": -122.63479456900684,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "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": 1573689181000,
-              "bikeShareId": "\\"hub_1551\\"",
-              "departure": 1573689181000,
-              "lat": 45.51936282546957,
-              "lon": -122.63599276542662,
-              "name": "SE 29th at Stark",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1238.5530000000003,
-            "duration": 392,
-            "endTime": 1573689573000,
-            "from": Object {
-              "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": 23,
-              "points": "_oytGpiokVmGC?dG?PqCAiCAAX?pD?zB?l@?ZAxF?b@?X?tBq@?{A?oCAmCAmC?oCAuCA?l@",
-            },
-            "mode": "BICYCLE",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": true,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689181000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 149.895,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 42.072842545446775,
-                  },
-                  Object {
-                    "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.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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 44.25284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 44.16284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 44.09284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 43.88284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 43.74284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 43.63284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 43.48284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 43.322842545446775,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 43.19284254544678,
-                  },
-                  Object {
-                    "first": 100,
-                    "second": 43.02284254544678,
-                  },
-                  Object {
-                    "first": 109.05,
-                    "second": 43.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,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 43.072842545446775,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 43.17284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 43.38284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 43.682842545446775,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 43.98284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 44.27284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 44.56284254544678,
-                  },
-                  Object {
-                    "first": 80.58,
-                    "second": 44.822842545446775,
-                  },
-                  Object {
-                    "first": 80.578,
-                    "second": 44.822842545446775,
-                  },
-                  Object {
-                    "first": 90.578,
-                    "second": 44.89284254544678,
-                  },
-                  Object {
-                    "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.5207158,
-                "lon": -122.6373089,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 28th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 323.892,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 43.00284254544678,
-                  },
-                  Object {
-                    "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.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,
-                  },
-                  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": 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": 8,
-              "points": "m{ztGfmpkV?m@S@}BAg@?W?EOGU",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689573000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "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": "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": 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",
-              },
-              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": 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",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1573689019000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 753,
-        "waitingTime": 2,
-        "walkDistance": 3410.4588686470597,
-        "walkLimitExceeded": false,
-        "walkTime": 1429,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails Bike Rental Transit 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:50 PM
-          </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  $2.50
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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>
-          24 minutes
-        </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>
-              10 minutes
-            </strong>
-             walking and 
-            <strong>
-              14 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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            356g
-          </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 Transit Bike 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": 359,
-        "elevationGained": 3.85,
-        "elevationLost": 3.330000000000001,
-        "endTime": 1573689016000,
-        "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",
-                ],
-              },
-            ],
-          },
-          "fare": Object {
-            "regular": Object {
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 27.68,
-            "duration": 27,
-            "endTime": 1573688684000,
-            "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",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 3,
-              "points": "_kytGvwwkVXOTE",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688657000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "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": "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",
-                "area": false,
-                "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": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "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": "SW 6th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "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": "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 {
-              "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,
-            "from": Object {
-              "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": Array [],
-            "legGeometry": Object {
-              "length": 2,
-              "points": "knytGfzwkVBM",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "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,
-          },
-          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": 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": 5.864,
-            "duration": 6,
-            "endTime": 1573688992000,
-            "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": 2,
-              "points": "m~ytGjzykVBL",
-            },
-            "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)",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573688992000,
-              "departure": 1573688992000,
-              "lat": 45.5218184,
-              "lon": -122.6898884,
-              "name": "corner of path and Providence Park (path)",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 70.107,
-            "duration": 24,
-            "endTime": 1573689016000,
-            "from": Object {
-              "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": Array [],
-            "legGeometry": Object {
-              "length": 5,
-              "points": "i~ytGxzykVa@JOVMERgA",
-            },
-            "mode": "BICYCLE",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688992000,
-            "steps": Array [
-              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",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "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",
-                "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 TripDetails Bike Transit Bike 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:44 PM
-          </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              No fare info
-            </summary>
-          </span>
-        </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>
-          3 minutes
-        </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>
-              2 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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            61g
-          </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 E Scooter Rental 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": 203,
-        "elevationGained": 0.6700000000000017,
-        "elevationLost": 2.6599999999999984,
-        "endTime": 1573688903000,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 62.808,
-            "duration": 113,
-            "endTime": 1573688813000,
-            "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",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 5,
-              "points": "unytG~gwkVNy@F[KEa@Q",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "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,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "SW Alder St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "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,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SW 4th Ave",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573688813000,
-              "departure": 1573688813000,
-              "lat": 45.5193746,
-              "lon": -122.6759076,
-              "name": "EMAQ",
-              "networks": Array [
-                "RAZOR",
-              ],
-              "vertexType": "VEHICLERENTAL",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 429.44,
-            "duration": 90,
-            "endTime": 1573688903000,
-            "from": Object {
-              "arrival": 1573688813000,
-              "departure": 1573688813000,
-              "lat": 45.5193746,
-              "lon": -122.6759076,
-              "name": "EMAQ",
-              "networks": Array [
-                "RAZOR",
-              ],
-              "vertexType": "VEHICLERENTAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 18,
-              "points": "koytGpdwkViAg@MGKEkBy@KGME[OoAi@KGKEkB{@MEDYh@yCFWf@wCEV",
-            },
-            "mode": "MICROMOBILITY",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": true,
-            "route": "",
-            "startTime": 1573688813000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "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",
-                "stayOn": false,
-                "streetName": "SW 4th Ave",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "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",
-                "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 TripDetails E Scooter Rental 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:45 PM
-          </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>
-          2 minutes
-        </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>
-              2 minutes
-            </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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            42g
-          </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 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)}
->
-  <TripDetails
-    co2Config={
-      Object {
-        "enabled": true,
-      }
-    }
-    fareKeyNameMap={Object {}}
-    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": 10,
-                    "second": 40.86284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 40.792842545446774,
-                  },
-                  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,
-                  },
-                  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 {
-                    "first": 589.966,
-                    "second": 43.28284254544678,
-                  },
-                  Object {
-                    "first": 599.966,
-                    "second": 43.62284254544678,
-                  },
-                  Object {
-                    "first": 608.2860000000001,
-                    "second": 43.88284254544678,
-                  },
-                  Object {
-                    "first": 608.2860000000001,
-                    "second": 43.88284254544678,
-                  },
-                  Object {
-                    "first": 618.2860000000001,
-                    "second": 44.19284254544678,
-                  },
-                  Object {
-                    "first": 628.2860000000001,
-                    "second": 44.51284254544677,
-                  },
-                  Object {
-                    "first": 638.3760000000001,
-                    "second": 44.822842545446775,
-                  },
-                  Object {
-                    "first": 638.3800000000001,
-                    "second": 44.822842545446775,
-                  },
-                  Object {
-                    "first": 648.3800000000001,
-                    "second": 45.05284254544678,
-                  },
-                  Object {
-                    "first": 658.3800000000001,
-                    "second": 45.14284254544678,
-                  },
-                  Object {
-                    "first": 668.3800000000001,
-                    "second": 45.22284254544678,
-                  },
-                  Object {
-                    "first": 678.3800000000001,
-                    "second": 45.292842545446774,
-                  },
-                  Object {
-                    "first": 688.3800000000001,
-                    "second": 45.37284254544678,
-                  },
-                  Object {
-                    "first": 698.5600000000001,
-                    "second": 45.55284254544678,
-                  },
-                  Object {
-                    "first": 698.5640000000001,
-                    "second": 45.55284254544678,
-                  },
-                  Object {
-                    "first": 708.5640000000001,
-                    "second": 45.62284254544678,
-                  },
-                  Object {
-                    "first": 718.5640000000001,
-                    "second": 45.38284254544678,
-                  },
-                  Object {
-                    "first": 728.5640000000001,
-                    "second": 44.98284254544678,
-                  },
-                  Object {
-                    "first": 738.5640000000001,
-                    "second": 44.58284254544678,
-                  },
-                  Object {
-                    "first": 748.5640000000001,
-                    "second": 44.182842545446775,
-                  },
-                  Object {
-                    "first": 758.5640000000001,
-                    "second": 43.78284254544678,
-                  },
-                  Object {
-                    "first": 768.5640000000001,
-                    "second": 43.35284254544678,
-                  },
-                  Object {
-                    "first": 778.5640000000001,
-                    "second": 42.92284254544678,
-                  },
-                  Object {
-                    "first": 789.6840000000001,
-                    "second": 42.60284254544678,
-                  },
-                  Object {
-                    "first": 789.6890000000001,
-                    "second": 42.60284254544678,
-                  },
-                  Object {
-                    "first": 800.8290000000001,
-                    "second": 42.56284254544678,
-                  },
-                  Object {
-                    "first": 800.8330000000001,
-                    "second": 42.56284254544678,
-                  },
-                  Object {
-                    "first": 992.4530000000001,
-                    "second": 42.402842545446774,
-                  },
-                  Object {
-                    "first": 992.45,
-                    "second": 42.402842545446774,
-                  },
-                  Object {
-                    "first": 999.72,
-                    "second": 42.39284254544678,
-                  },
-                  Object {
-                    "first": 999.724,
-                    "second": 42.39284254544678,
-                  },
-                  Object {
-                    "first": 1009.724,
-                    "second": 42.38284254544678,
-                  },
-                  Object {
-                    "first": 1019.724,
-                    "second": 42.31284254544678,
-                  },
-                  Object {
-                    "first": 1032.2440000000001,
-                    "second": 42.20284254544678,
-                  },
-                  Object {
-                    "first": 1032.239,
-                    "second": 42.20284254544678,
-                  },
-                  Object {
-                    "first": 1042.239,
-                    "second": 42.13284254544678,
-                  },
-                  Object {
-                    "first": 1051.339,
-                    "second": 42.08284254544678,
-                  },
-                  Object {
-                    "first": 1051.343,
-                    "second": 42.08284254544678,
-                  },
-                  Object {
-                    "first": 1061.343,
-                    "second": 42.14284254544678,
-                  },
-                  Object {
-                    "first": 1071.343,
-                    "second": 42.152842545446774,
-                  },
-                  Object {
-                    "first": 1081.343,
-                    "second": 42.212842545446776,
-                  },
-                  Object {
-                    "first": 1091.343,
-                    "second": 42.26284254544677,
-                  },
-                  Object {
-                    "first": 1101.343,
-                    "second": 42.30284254544678,
-                  },
-                  Object {
-                    "first": 1111.663,
-                    "second": 42.34284254544678,
-                  },
-                  Object {
-                    "first": 1111.661,
-                    "second": 42.34284254544678,
-                  },
-                  Object {
-                    "first": 1121.661,
-                    "second": 42.402842545446774,
-                  },
-                  Object {
-                    "first": 1131.601,
-                    "second": 42.49284254544678,
-                  },
-                  Object {
-                    "first": 1131.598,
-                    "second": 42.49284254544678,
-                  },
-                  Object {
-                    "first": 1141.598,
-                    "second": 42.66284254544678,
-                  },
-                  Object {
-                    "first": 1151.598,
-                    "second": 42.88284254544678,
-                  },
-                  Object {
-                    "first": 1161.378,
-                    "second": 43.28284254544678,
-                  },
-                  Object {
-                    "first": 1161.378,
-                    "second": 43.28284254544678,
-                  },
-                  Object {
-                    "first": 1171.378,
-                    "second": 43.712842545446776,
-                  },
-                  Object {
-                    "first": 1181.378,
-                    "second": 44.13284254544678,
-                  },
-                  Object {
-                    "first": 1191.378,
-                    "second": 44.55284254544678,
-                  },
-                  Object {
-                    "first": 1203.358,
-                    "second": 45.01284254544677,
-                  },
-                ],
-                "lat": 45.5228745,
-                "lon": -122.6372715,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NE 28th Ave",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 5.049,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 45.01284254544677,
-                  },
-                  Object {
-                    "first": 5.05,
-                    "second": 45.17284254544678,
-                  },
-                ],
-                "lat": 45.5336933,
-                "lon": -122.6370524,
-                "relativeDirection": "SLIGHTLY_RIGHT",
-                "stayOn": false,
-                "streetName": "NE Halsey St",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 17.987,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 45.17284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 45.182842545446775,
-                  },
-                  Object {
-                    "first": 18.01,
-                    "second": 45.09284254544678,
-                  },
-                ],
-                "lat": 45.5337321,
-                "lon": -122.6370191,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "NE Halsey St",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 8.42,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 45.09284254544678,
-                  },
-                  Object {
-                    "first": 8.42,
-                    "second": 44.92284254544678,
-                  },
-                ],
-                "lat": 45.5337712,
-                "lon": -122.6367976,
-                "relativeDirection": "SLIGHTLY_LEFT",
-                "stayOn": false,
-                "streetName": "NE 28th Ave",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 148.913,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 44.92284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 44.80284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 44.70284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 44.59284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 44.49284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 44.402842545446774,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 44.30284254544678,
-                  },
-                  Object {
-                    "first": 71.87,
-                    "second": 44.22284254544678,
-                  },
-                  Object {
-                    "first": 71.866,
-                    "second": 44.22284254544678,
-                  },
-                  Object {
-                    "first": 78.066,
-                    "second": 44.27284254544678,
-                  },
-                  Object {
-                    "first": 78.07,
-                    "second": 44.27284254544678,
-                  },
-                  Object {
-                    "first": 88.07,
-                    "second": 44.292842545446774,
-                  },
-                  Object {
-                    "first": 98.07,
-                    "second": 44.462842545446776,
-                  },
-                  Object {
-                    "first": 108.07,
-                    "second": 44.67284254544678,
-                  },
-                  Object {
-                    "first": 118.07,
-                    "second": 44.822842545446775,
-                  },
-                  Object {
-                    "first": 128.07,
-                    "second": 45.00284254544678,
-                  },
-                  Object {
-                    "first": 138.07,
-                    "second": 45.22284254544678,
-                  },
-                  Object {
-                    "first": 148.91,
-                    "second": 45.53284254544678,
-                  },
-                ],
-                "lat": 45.5338262,
-                "lon": -122.6367254,
-                "relativeDirection": "SLIGHTLY_LEFT",
-                "stayOn": true,
-                "streetName": "NE 28th Ave",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 26.138,
-                "elevation": Array [],
-                "lat": 45.5351636,
-                "lon": -122.6367156,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "NE Broadway",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573689796000,
-              "departure": 1573689796000,
-              "lat": 45.53516402273392,
-              "lon": -122.63638001754188,
-              "name": "NE Broadway",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 0,
-            "duration": 31,
-            "endTime": 1573689827000,
-            "from": Object {
-              "arrival": 1573689796000,
-              "departure": 1573689796000,
-              "lat": 45.53516402273392,
-              "lon": -122.63638001754188,
-              "name": "NE Broadway",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 2,
-              "points": "wq|tGllokVRA",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689796000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 0,
-                "elevation": Array [],
-                "lat": 45.53516402273392,
-                "lon": -122.63638001754188,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "street transit link",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573689827000,
-              "departure": 1573690139000,
-              "lat": 45.535069,
-              "lon": -122.63638,
-              "name": "NE Broadway & 28th",
-              "stopCode": "638",
-              "stopId": "TriMet:638",
-              "stopIndex": 43,
-              "stopSequence": 44,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 2245.639638062048,
-            "duration": 484,
-            "endTime": 1573690623000,
-            "from": Object {
-              "arrival": 1573689827000,
-              "departure": 1573690139000,
-              "lat": 45.535069,
-              "lon": -122.63638,
-              "name": "NE Broadway & 28th",
-              "stopCode": "638",
-              "stopId": "TriMet:638",
-              "stopIndex": 43,
-              "stopSequence": 44,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "headsign": "NE Sunderland",
-            "interStopGeometry": Array [
-              Object {
-                "length": 12,
-                "points": "wq|tGjlokV?iDF[@M?Y?]?W?wBGe@?mAA_B?oB",
-              },
-              Object {
-                "length": 10,
-                "points": "wq|tGjunkV?eA?wD?_@@sA?_@m@Ac@?K?O?",
-              },
-              Object {
-                "length": 15,
-                "points": "cu|tGvhnkVO?O?qA?E?Q?I?M?c@?oA?q@?o@?e@?s@?[?",
-              },
-              Object {
-                "length": 5,
-                "points": "qd}tGvhnkV??{C?O?_E?",
-              },
-              Object {
-                "length": 7,
-                "points": "}o}tGvhnkVS?sD?gC@mA?S?a@?",
-              },
-              Object {
-                "length": 5,
-                "points": "q~}tGxhnkVI?y@?aE?[?",
-              },
-              Object {
-                "length": 4,
-                "points": "sg~tGxhnkViD@aC?}B?",
-              },
-              Object {
-                "length": 12,
-                "points": "}t~tGzhnkVS?oC?II[@QF{D?m@@M?M?o@?s@?",
-              },
-              Object {
-                "length": 7,
-                "points": "cg_uG|hnkVW?gA?{BA[?]?gH?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573690208000,
-                "departure": 1573690208000,
-                "lat": 45.53508,
-                "lon": -122.632699,
-                "name": "NE Broadway & 32nd",
-                "stopCode": "642",
-                "stopId": "TriMet:642",
-                "stopIndex": 44,
-                "stopSequence": 45,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690260000,
-                "departure": 1573690260000,
-                "lat": 45.535699,
-                "lon": -122.630553,
-                "name": "NE 33rd & Schuyler",
-                "stopCode": "7392",
-                "stopId": "TriMet:7392",
-                "stopIndex": 45,
-                "stopSequence": 46,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690316000,
-                "departure": 1573690316000,
-                "lat": 45.538173,
-                "lon": -122.630596,
-                "name": "NE 33rd & US Grant Pl",
-                "stopCode": "7402",
-                "stopId": "TriMet:7402",
-                "stopIndex": 46,
-                "stopSequence": 47,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690358000,
-                "departure": 1573690358000,
-                "lat": 45.539997,
-                "lon": -122.630627,
-                "name": "NE 33rd & Brazee",
-                "stopCode": "7365",
-                "stopId": "TriMet:7365",
-                "stopIndex": 47,
-                "stopSequence": 48,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690411000,
-                "departure": 1573690411000,
-                "lat": 45.542332,
-                "lon": -122.630608,
-                "name": "NE 33rd & Knott",
-                "stopCode": "7385",
-                "stopId": "TriMet:7385",
-                "stopIndex": 48,
-                "stopSequence": 49,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690444000,
-                "departure": 1573690444000,
-                "lat": 45.54378,
-                "lon": -122.630603,
-                "name": "NE 33rd & Stanton",
-                "stopCode": "7399",
-                "stopId": "TriMet:7399",
-                "stopIndex": 49,
-                "stopSequence": 50,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690493000,
-                "departure": 1573690493000,
-                "lat": 45.545911,
-                "lon": -122.630606,
-                "name": "NE 33rd & Siskiyou",
-                "stopCode": "7395",
-                "stopId": "TriMet:7395",
-                "stopIndex": 50,
-                "stopSequence": 51,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573690560000,
-                "departure": 1573690560000,
-                "lat": 45.548816,
-                "lon": -122.630615,
-                "name": "NE 33rd & Alameda",
-                "stopCode": "7373",
-                "stopId": "TriMet:7373",
-                "stopIndex": 51,
-                "stopSequence": 52,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 69,
-              "points": "wq|tGjlokV?iDF[@M?Y?]?W?wBGe@?mAA_B?oB?eA?wD?_@@sA?_@m@Ac@?K?O?O?O?qA?E?Q?I?M?c@?oA?q@?o@?e@?s@?[???{C?O?_E?S?sD?gC@mA?S?a@?I?y@?aE?[?iD@aC?}B?S?oC?II[@QF{D?m@@M?M?o@?s@?W?gA?{BA[?]?gH?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "70",
-            "routeId": "TriMet:70",
-            "routeLongName": "12th/NE 33rd Ave",
-            "routeShortName": "70",
-            "routeType": 3,
-            "serviceDate": "20191113",
-            "startTime": 1573690139000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573690623000,
-              "departure": 1573690624000,
-              "lat": 45.55169,
-              "lon": -122.630615,
-              "name": "NE 33rd & Shaver",
-              "stopCode": "7393",
-              "stopId": "TriMet:7393",
-              "stopIndex": 52,
-              "stopSequence": 53,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": true,
-            "tripBlockId": "7003",
-            "tripId": "TriMet:9260574",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 597.4789999999999,
-            "duration": 531,
-            "endTime": 1573691155000,
-            "from": Object {
-              "arrival": 1573690623000,
-              "departure": 1573690624000,
-              "lat": 45.55169,
-              "lon": -122.630615,
-              "name": "NE 33rd & Shaver",
-              "stopCode": "7393",
-              "stopId": "TriMet:7393",
-              "stopIndex": 52,
-              "stopSequence": 53,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 9,
-              "points": "ay_uGzhnkVO?AkE?kE?iEAkEAyE?yEuD@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573690624000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 9.937,
-                "elevation": Array [],
-                "lat": 45.55169003800461,
-                "lon": -122.63069049174115,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "NE 33rd Ave",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 486.3139999999999,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 74.35284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 74.46284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 74.43284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 74.41284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 74.30284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 74.31284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 74.34284254544679,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 74.25284254544678,
-                  },
-                  Object {
-                    "first": 79.38,
-                    "second": 74.03284254544678,
-                  },
-                  Object {
-                    "first": 79.384,
-                    "second": 74.03284254544678,
-                  },
-                  Object {
-                    "first": 89.384,
-                    "second": 74.22284254544678,
-                  },
-                  Object {
-                    "first": 99.384,
-                    "second": 74.37284254544679,
-                  },
-                  Object {
-                    "first": 109.384,
-                    "second": 74.31284254544678,
-                  },
-                  Object {
-                    "first": 119.384,
-                    "second": 74.45284254544677,
-                  },
-                  Object {
-                    "first": 129.38400000000001,
-                    "second": 74.48284254544677,
-                  },
-                  Object {
-                    "first": 139.38400000000001,
-                    "second": 74.42284254544677,
-                  },
-                  Object {
-                    "first": 149.38400000000001,
-                    "second": 74.32284254544678,
-                  },
-                  Object {
-                    "first": 158.174,
-                    "second": 74.10284254544678,
-                  },
-                  Object {
-                    "first": 158.16899999999998,
-                    "second": 74.10284254544678,
-                  },
-                  Object {
-                    "first": 168.16899999999998,
-                    "second": 74.39284254544677,
-                  },
-                  Object {
-                    "first": 178.16899999999998,
-                    "second": 74.48284254544677,
-                  },
-                  Object {
-                    "first": 188.16899999999998,
-                    "second": 74.42284254544677,
-                  },
-                  Object {
-                    "first": 198.16899999999998,
-                    "second": 74.67284254544677,
-                  },
-                  Object {
-                    "first": 208.16899999999998,
-                    "second": 74.73284254544677,
-                  },
-                  Object {
-                    "first": 218.16899999999998,
-                    "second": 74.85284254544678,
-                  },
-                  Object {
-                    "first": 228.16899999999998,
-                    "second": 74.78284254544678,
-                  },
-                  Object {
-                    "first": 237.04899999999998,
-                    "second": 74.62284254544679,
-                  },
-                  Object {
-                    "first": 237.04699999999997,
-                    "second": 74.62284254544679,
-                  },
-                  Object {
-                    "first": 247.04699999999997,
-                    "second": 74.97284254544678,
-                  },
-                  Object {
-                    "first": 257.04699999999997,
-                    "second": 75.03284254544678,
-                  },
-                  Object {
-                    "first": 267.04699999999997,
-                    "second": 74.99284254544678,
-                  },
-                  Object {
-                    "first": 277.04699999999997,
-                    "second": 74.95284254544677,
-                  },
-                  Object {
-                    "first": 287.04699999999997,
-                    "second": 75.01284254544677,
-                  },
-                  Object {
-                    "first": 297.04699999999997,
-                    "second": 75.00284254544678,
-                  },
-                  Object {
-                    "first": 307.04699999999997,
-                    "second": 75.06284254544678,
-                  },
-                  Object {
-                    "first": 316.347,
-                    "second": 74.94284254544678,
-                  },
-                  Object {
-                    "first": 316.34399999999994,
-                    "second": 74.94284254544678,
-                  },
-                  Object {
-                    "first": 326.34399999999994,
-                    "second": 75.32284254544678,
-                  },
-                  Object {
-                    "first": 336.34399999999994,
-                    "second": 75.34284254544679,
-                  },
-                  Object {
-                    "first": 346.34399999999994,
-                    "second": 75.29284254544677,
-                  },
-                  Object {
-                    "first": 356.34399999999994,
-                    "second": 75.33284254544678,
-                  },
-                  Object {
-                    "first": 366.34399999999994,
-                    "second": 75.38284254544678,
-                  },
-                  Object {
-                    "first": 376.34399999999994,
-                    "second": 75.33284254544678,
-                  },
-                  Object {
-                    "first": 386.34399999999994,
-                    "second": 75.27284254544678,
-                  },
-                  Object {
-                    "first": 401.22399999999993,
-                    "second": 74.91284254544678,
-                  },
-                  Object {
-                    "first": 401.2269999999999,
-                    "second": 74.91284254544678,
-                  },
-                  Object {
-                    "first": 411.2269999999999,
-                    "second": 75.04284254544677,
-                  },
-                  Object {
-                    "first": 421.2269999999999,
-                    "second": 75.02284254544678,
-                  },
-                  Object {
-                    "first": 431.2269999999999,
-                    "second": 74.85284254544678,
-                  },
-                  Object {
-                    "first": 441.2269999999999,
-                    "second": 74.88284254544678,
-                  },
-                  Object {
-                    "first": 451.2269999999999,
-                    "second": 74.79284254544677,
-                  },
-                  Object {
-                    "first": 461.2269999999999,
-                    "second": 74.67284254544677,
-                  },
-                  Object {
-                    "first": 471.2269999999999,
-                    "second": 74.70284254544677,
-                  },
-                  Object {
-                    "first": 481.2269999999999,
-                    "second": 74.31284254544678,
-                  },
-                  Object {
-                    "first": 486.3169999999999,
-                    "second": 74.16284254544678,
-                  },
-                ],
-                "lat": 45.5517794,
-                "lon": -122.6306904,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "NE Shaver St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 101.228,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 74.16284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 74.09284254544679,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 74.04284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 73.96284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 73.86284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 73.74284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 73.60284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 73.49284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 73.37284254544679,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 73.25284254544678,
-                  },
-                  Object {
-                    "first": 100,
-                    "second": 73.11284254544678,
-                  },
-                  Object {
-                    "first": 101.23,
-                    "second": 73.09284254544679,
-                  },
-                ],
-                "lat": 45.5518088,
-                "lon": -122.624445,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "NE 38th Ave",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573691155000,
-              "departure": 1573691155000,
-              "lat": 45.552719,
-              "lon": -122.624489,
-              "name": "37e40300-b0e5-11e9-8a62-39bcaaf1dc6e",
-              "networks": Array [
-                "SHARED",
-              ],
-              "vertexType": "VEHICLERENTAL",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1534.323,
-            "duration": 324,
-            "endTime": 1573691479000,
-            "from": Object {
-              "arrival": 1573691155000,
-              "departure": 1573691155000,
-              "lat": 45.552719,
-              "lon": -122.624489,
-              "name": "37e40300-b0e5-11e9-8a62-39bcaaf1dc6e",
-              "networks": Array [
-                "SHARED",
-              ],
-              "vertexType": "VEHICLERENTAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 44,
-              "points": "m_\`uGzamkVcE@?kEAkE?iEAmDAQAKwD@}B?U?S?M?M?sE@}C?MAaC???M?I?C?C@wA?Q??kC?qG@cF@yE?k@AUAMAKCMCKGSOc@EMEOAKAOASQFwC?",
-            },
-            "mode": "MICROMOBILITY",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": true,
-            "route": "",
-            "startTime": 1573691155000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 108.211,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 74.16284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 74.09284254544679,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 74.04284254544677,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 73.96284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 73.86284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 73.74284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 73.60284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 73.49284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 73.37284254544679,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 73.25284254544678,
-                  },
-                  Object {
-                    "first": 100,
-                    "second": 73.11284254544678,
-                  },
-                  Object {
-                    "first": 108.21,
-                    "second": 73.00284254544678,
-                  },
-                ],
-                "lat": 45.55271915401908,
-                "lon": -122.6244529266291,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NE 38th Ave",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 316.892,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 71.74284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 71.89284254544677,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 71.97284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 72.09284254544679,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 72.35284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 72.44284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 72.59284254544679,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 72.49284254544678,
-                  },
-                  Object {
-                    "first": 79.13,
-                    "second": 72.28284254544678,
-                  },
-                  Object {
-                    "first": 79.126,
-                    "second": 72.28284254544678,
-                  },
-                  Object {
-                    "first": 89.126,
-                    "second": 72.43284254544677,
-                  },
-                  Object {
-                    "first": 99.126,
-                    "second": 72.47284254544678,
-                  },
-                  Object {
-                    "first": 109.126,
-                    "second": 72.20284254544677,
-                  },
-                  Object {
-                    "first": 119.126,
-                    "second": 72.00284254544678,
-                  },
-                  Object {
-                    "first": 129.126,
-                    "second": 72.03284254544678,
-                  },
-                  Object {
-                    "first": 139.126,
-                    "second": 71.76284254544677,
-                  },
-                  Object {
-                    "first": 149.126,
-                    "second": 71.39284254544677,
-                  },
-                  Object {
-                    "first": 158.32600000000002,
-                    "second": 71.12284254544679,
-                  },
-                  Object {
-                    "first": 158.32999999999998,
-                    "second": 71.12284254544679,
-                  },
-                  Object {
-                    "first": 168.32999999999998,
-                    "second": 71.43284254544677,
-                  },
-                  Object {
-                    "first": 178.32999999999998,
-                    "second": 71.12284254544679,
-                  },
-                  Object {
-                    "first": 188.32999999999998,
-                    "second": 70.87284254544679,
-                  },
-                  Object {
-                    "first": 198.32999999999998,
-                    "second": 70.41284254544678,
-                  },
-                  Object {
-                    "first": 208.32999999999998,
-                    "second": 70.47284254544678,
-                  },
-                  Object {
-                    "first": 218.32999999999998,
-                    "second": 70.14284254544677,
-                  },
-                  Object {
-                    "first": 228.32999999999998,
-                    "second": 69.82284254544678,
-                  },
-                  Object {
-                    "first": 237.26,
-                    "second": 69.38284254544678,
-                  },
-                ],
-                "lat": 45.5536923,
-                "lon": -122.6244614,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "NE Skidmore St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 573.9449999999999,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 69.97284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 69.86284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 69.59284254544679,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 69.26284254544677,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 68.95284254544677,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 68.65284254544679,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 68.36284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 68.06284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 67.77284254544678,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 67.48284254544677,
-                  },
-                  Object {
-                    "first": 101.99,
-                    "second": 67.05284254544678,
-                  },
-                  Object {
-                    "first": 202.71099999999998,
-                    "second": 61.08284254544678,
-                  },
-                  Object {
-                    "first": 212.71099999999998,
-                    "second": 60.90284254544678,
-                  },
-                  Object {
-                    "first": 222.71099999999998,
-                    "second": 60.60284254544678,
-                  },
-                  Object {
-                    "first": 232.71099999999998,
-                    "second": 60.41284254544678,
-                  },
-                  Object {
-                    "first": 242.71099999999998,
-                    "second": 60.212842545446776,
-                  },
-                  Object {
-                    "first": 252.71099999999998,
-                    "second": 60.04284254544678,
-                  },
-                  Object {
-                    "first": 262.711,
-                    "second": 59.84284254544678,
-                  },
-                  Object {
-                    "first": 272.711,
-                    "second": 59.62284254544678,
-                  },
-                  Object {
-                    "first": 282.711,
-                    "second": 59.42284254544678,
-                  },
-                  Object {
-                    "first": 292.711,
-                    "second": 59.212842545446776,
-                  },
-                  Object {
-                    "first": 302.711,
-                    "second": 59.032842545446776,
-                  },
-                  Object {
-                    "first": 312.711,
-                    "second": 58.87284254544678,
-                  },
-                  Object {
-                    "first": 322.711,
-                    "second": 58.69284254544678,
-                  },
-                  Object {
-                    "first": 328.231,
-                    "second": 58.62284254544678,
-                  },
-                  Object {
-                    "first": 328.22799999999995,
-                    "second": 58.62284254544678,
-                  },
-                  Object {
-                    "first": 338.22799999999995,
-                    "second": 58.55284254544678,
-                  },
-                  Object {
-                    "first": 348.22799999999995,
-                    "second": 58.37284254544678,
-                  },
-                  Object {
-                    "first": 358.22799999999995,
-                    "second": 58.29284254544678,
-                  },
-                  Object {
-                    "first": 368.22799999999995,
-                    "second": 58.22284254544678,
-                  },
-                  Object {
-                    "first": 378.22799999999995,
-                    "second": 58.11284254544678,
-                  },
-                  Object {
-                    "first": 388.22799999999995,
-                    "second": 58.032842545446776,
-                  },
-                  Object {
-                    "first": 398.22799999999995,
-                    "second": 57.94284254544678,
-                  },
-                  Object {
-                    "first": 408.22799999999995,
-                    "second": 57.85284254544678,
-                  },
-                  Object {
-                    "first": 416.78799999999995,
-                    "second": 57.782842545446776,
-                  },
-                  Object {
-                    "first": 416.78299999999996,
-                    "second": 57.782842545446776,
-                  },
-                  Object {
-                    "first": 426.78299999999996,
-                    "second": 57.74284254544678,
-                  },
-                  Object {
-                    "first": 436.78299999999996,
-                    "second": 57.642842545446776,
-                  },
-                  Object {
-                    "first": 446.78299999999996,
-                    "second": 57.54284254544678,
-                  },
-                  Object {
-                    "first": 456.78299999999996,
-                    "second": 57.45284254544678,
-                  },
-                  Object {
-                    "first": 466.78299999999996,
-                    "second": 57.36284254544678,
-                  },
-                  Object {
-                    "first": 476.78299999999996,
-                    "second": 57.282842545446776,
-                  },
-                  Object {
-                    "first": 486.78299999999996,
-                    "second": 57.19284254544678,
-                  },
-                  Object {
-                    "first": 496.78299999999996,
-                    "second": 57.09284254544678,
-                  },
-                  Object {
-                    "first": 504.10299999999995,
-                    "second": 57.04284254544678,
-                  },
-                ],
-                "lat": 45.5537382,
-                "lon": -122.6203965,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "NE 42nd Ave",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 439.785,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 55.67284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 55.892842545446776,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 56.16284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 56.15284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 55.73284254544678,
-                  },
-                  Object {
-                    "first": 54.05,
-                    "second": 55.62284254544678,
-                  },
-                  Object {
-                    "first": 54.048,
-                    "second": 55.62284254544678,
-                  },
-                  Object {
-                    "first": 64.048,
-                    "second": 55.58284254544678,
-                  },
-                  Object {
-                    "first": 74.048,
-                    "second": 55.462842545446776,
-                  },
-                  Object {
-                    "first": 84.048,
-                    "second": 55.30284254544678,
-                  },
-                  Object {
-                    "first": 94.048,
-                    "second": 55.182842545446775,
-                  },
-                  Object {
-                    "first": 104.048,
-                    "second": 55.04284254544678,
-                  },
-                  Object {
-                    "first": 114.048,
-                    "second": 54.962842545446776,
-                  },
-                  Object {
-                    "first": 124.048,
-                    "second": 54.91284254544678,
-                  },
-                  Object {
-                    "first": 134.048,
-                    "second": 55.072842545446775,
-                  },
-                  Object {
-                    "first": 144.048,
-                    "second": 55.032842545446776,
-                  },
-                  Object {
-                    "first": 154.048,
-                    "second": 54.86284254544678,
-                  },
-                  Object {
-                    "first": 164.048,
-                    "second": 54.73284254544678,
-                  },
-                  Object {
-                    "first": 174.048,
-                    "second": 54.682842545446775,
-                  },
-                  Object {
-                    "first": 184.048,
-                    "second": 54.712842545446776,
-                  },
-                  Object {
-                    "first": 194.048,
-                    "second": 54.63284254544678,
-                  },
-                  Object {
-                    "first": 204.048,
-                    "second": 54.36284254544678,
-                  },
-                  Object {
-                    "first": 214.048,
-                    "second": 54.40284254544678,
-                  },
-                  Object {
-                    "first": 224.048,
-                    "second": 54.34284254544678,
-                  },
-                  Object {
-                    "first": 234.048,
-                    "second": 54.31284254544678,
-                  },
-                  Object {
-                    "first": 244.048,
-                    "second": 54.34284254544678,
-                  },
-                  Object {
-                    "first": 254.048,
-                    "second": 54.20284254544678,
-                  },
-                  Object {
-                    "first": 264.048,
-                    "second": 54.142842545446776,
-                  },
-                  Object {
-                    "first": 274.048,
-                    "second": 54.13284254544678,
-                  },
-                  Object {
-                    "first": 284.048,
-                    "second": 54.16284254544678,
-                  },
-                  Object {
-                    "first": 294.048,
-                    "second": 54.252842545446775,
-                  },
-                  Object {
-                    "first": 304.048,
-                    "second": 54.22284254544678,
-                  },
-                  Object {
-                    "first": 314.048,
-                    "second": 54.13284254544678,
-                  },
-                  Object {
-                    "first": 324.048,
-                    "second": 54.05284254544678,
-                  },
-                  Object {
-                    "first": 334.048,
-                    "second": 53.932842545446775,
-                  },
-                  Object {
-                    "first": 344.048,
-                    "second": 53.822842545446775,
-                  },
-                  Object {
-                    "first": 354.048,
-                    "second": 53.70284254544678,
-                  },
-                  Object {
-                    "first": 364.048,
-                    "second": 53.49284254544678,
-                  },
-                  Object {
-                    "first": 374.048,
-                    "second": 53.40284254544678,
-                  },
-                  Object {
-                    "first": 384.048,
-                    "second": 53.22284254544678,
-                  },
-                  Object {
-                    "first": 394.048,
-                    "second": 53.15284254544678,
-                  },
-                  Object {
-                    "first": 404.048,
-                    "second": 52.97284254544678,
-                  },
-                  Object {
-                    "first": 414.048,
-                    "second": 52.79284254544678,
-                  },
-                  Object {
-                    "first": 424.048,
-                    "second": 52.682842545446775,
-                  },
-                  Object {
-                    "first": 434.048,
-                    "second": 52.392842545446776,
-                  },
-                  Object {
-                    "first": 439.788,
-                    "second": 52.31284254544678,
-                  },
-                ],
-                "lat": 45.5588998,
-                "lon": -122.620412,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "NE Alberta St",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 95.49,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 52.31284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 52.432842545446775,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 52.322842545446775,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 51.99284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 51.50284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 51.03284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 50.63284254544678,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 50.33284254544678,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 50.06284254544678,
-                  },
-                  Object {
-                    "first": 90,
-                    "second": 49.792842545446774,
-                  },
-                  Object {
-                    "first": 95.49,
-                    "second": 49.67284254544678,
-                  },
-                ],
-                "lat": 45.5591513,
-                "lon": -122.614855,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "NE 47th Pl",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573691479000,
-              "lat": 45.56000668473995,
-              "lon": -122.6146941502122,
-              "name": "5112 NE 47th Pl, Portland, OR, USA 97218",
-              "orig": "5112 NE 47th Pl, Portland, OR, USA 97218",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1573688700000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 1350,
-        "waitingTime": 313,
-        "walkDistance": 5057.651506945225,
-        "walkLimitExceeded": false,
-        "walkTime": 1116,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails E Scooter Rental Transit 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:45 PM
-          </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  $2.50
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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>
-          19 minutes
-        </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>
-              19 minutes
-            </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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            599g
-          </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 Fare Components 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": 5351,
-        "elevationGained": 0.21999999999998465,
-        "elevationLost": 32.49999999999994,
-        "endTime": 1597955224000,
-        "fare": Object {
-          "details": Object {
-            "regular": Array [
-              Object {
-                "fareId": "1:250",
-                "price": Object {
-                  "cents": 250,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:116",
-                ],
-              },
-              Object {
-                "fareId": "1:sound",
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "1:512",
-                ],
-              },
-              Object {
-                "fareId": "kcm:110",
-                "price": Object {
-                  "cents": 0,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-                "routes": Array [
-                  "kcm:100259",
-                  "kcm:100225",
-                ],
-              },
-            ],
-          },
-          "fare": Object {
-            "regular": Object {
-              "cents": 575,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1076.218,
-            "duration": 786,
-            "endTime": 1597950659000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "departure": 1597949873000,
-              "lat": 47.82468116616122,
-              "lon": -122.2854756863318,
-              "name": "3826 191st Pl SW, Lynnwood, WA, USA",
-              "orig": "3826 191st Pl SW, Lynnwood, WA, USA",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 53,
-              "points": "qu{bHh{jiVAxB?bBA~AnB?J?x@?pA@F?\\\\?b@?b@?jBAnB?x@?V?Z?X?bA?h@@\\\\?d@?L?tA@^?fA?tA?d@?Z?p@?d@?BHNd@J\`@BJF\\\\?BDT?B@D@DDh@@H?R@P@Z@b@?V@t@?X?l@?N?j@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597949873000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 118.911,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 144.39,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 144.22,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 144.08,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 143.86,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 143.93,
-                  },
-                  Object {
-                    "first": 45.81,
-                    "second": 143.98,
-                  },
-                  Object {
-                    "first": 45.81,
-                    "second": 144.39,
-                  },
-                  Object {
-                    "first": 55.81,
-                    "second": 144.04,
-                  },
-                  Object {
-                    "first": 65.81,
-                    "second": 143.71,
-                  },
-                  Object {
-                    "first": 75.81,
-                    "second": 143.48,
-                  },
-                  Object {
-                    "first": 83.01,
-                    "second": 143.29,
-                  },
-                  Object {
-                    "first": 83.00800000000001,
-                    "second": 143.29,
-                  },
-                  Object {
-                    "first": 93.00800000000001,
-                    "second": 143.05,
-                  },
-                  Object {
-                    "first": 103.00800000000001,
-                    "second": 142.85,
-                  },
-                  Object {
-                    "first": 113.00800000000001,
-                    "second": 142.6,
-                  },
-                  Object {
-                    "first": 118.90800000000002,
-                    "second": 142.42,
-                  },
-                ],
-                "lat": 47.82441006166374,
-                "lon": -122.28548660711569,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "road",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 751.5010000000001,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 142.42,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 142.24,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 142.02,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 141.83,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 141.64,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 141.54,
-                  },
-                  Object {
-                    "first": 62.08,
-                    "second": 141.43,
-                  },
-                  Object {
-                    "first": 62.083,
-                    "second": 141.43,
-                  },
-                  Object {
-                    "first": 68.873,
-                    "second": 141.33,
-                  },
-                  Object {
-                    "first": 68.877,
-                    "second": 141.33,
-                  },
-                  Object {
-                    "first": 78.877,
-                    "second": 141.09,
-                  },
-                  Object {
-                    "first": 88.877,
-                    "second": 140.81,
-                  },
-                  Object {
-                    "first": 100.727,
-                    "second": 140.63,
-                  },
-                  Object {
-                    "first": 100.725,
-                    "second": 140.63,
-                  },
-                  Object {
-                    "first": 110.725,
-                    "second": 140.44,
-                  },
-                  Object {
-                    "first": 120.725,
-                    "second": 140.28,
-                  },
-                  Object {
-                    "first": 130.725,
-                    "second": 140.22,
-                  },
-                  Object {
-                    "first": 140.725,
-                    "second": 140.04,
-                  },
-                  Object {
-                    "first": 146.365,
-                    "second": 139.93,
-                  },
-                  Object {
-                    "first": 146.362,
-                    "second": 139.93,
-                  },
-                  Object {
-                    "first": 151.402,
-                    "second": 139.84,
-                  },
-                  Object {
-                    "first": 151.399,
-                    "second": 139.84,
-                  },
-                  Object {
-                    "first": 161.399,
-                    "second": 139.65,
-                  },
-                  Object {
-                    "first": 168.249,
-                    "second": 139.47,
-                  },
-                  Object {
-                    "first": 168.246,
-                    "second": 139.47,
-                  },
-                  Object {
-                    "first": 178.246,
-                    "second": 139.15,
-                  },
-                  Object {
-                    "first": 187.42600000000002,
-                    "second": 138.86,
-                  },
-                  Object {
-                    "first": 187.42700000000002,
-                    "second": 138.86,
-                  },
-                  Object {
-                    "first": 197.42700000000002,
-                    "second": 138.66,
-                  },
-                  Object {
-                    "first": 207.86700000000002,
-                    "second": 138.41,
-                  },
-                  Object {
-                    "first": 207.86400000000003,
-                    "second": 138.41,
-                  },
-                  Object {
-                    "first": 217.86400000000003,
-                    "second": 138.06,
-                  },
-                  Object {
-                    "first": 227.86400000000003,
-                    "second": 137.69,
-                  },
-                  Object {
-                    "first": 237.86400000000003,
-                    "second": 137.23,
-                  },
-                  Object {
-                    "first": 247.86400000000003,
-                    "second": 136.68,
-                  },
-                  Object {
-                    "first": 257.86400000000003,
-                    "second": 136.11,
-                  },
-                  Object {
-                    "first": 267.34400000000005,
-                    "second": 135.59,
-                  },
-                  Object {
-                    "first": 267.343,
-                    "second": 135.59,
-                  },
-                  Object {
-                    "first": 277.343,
-                    "second": 134.92,
-                  },
-                  Object {
-                    "first": 287.343,
-                    "second": 134.19,
-                  },
-                  Object {
-                    "first": 297.343,
-                    "second": 133.62,
-                  },
-                  Object {
-                    "first": 307.343,
-                    "second": 133.04,
-                  },
-                  Object {
-                    "first": 317.343,
-                    "second": 132.5,
-                  },
-                  Object {
-                    "first": 330.093,
-                    "second": 131.79,
-                  },
-                  Object {
-                    "first": 330.091,
-                    "second": 131.79,
-                  },
-                  Object {
-                    "first": 340.091,
-                    "second": 131.21,
-                  },
-                  Object {
-                    "first": 350.091,
-                    "second": 130.46,
-                  },
-                  Object {
-                    "first": 361.851,
-                    "second": 129.46,
-                  },
-                  Object {
-                    "first": 361.848,
-                    "second": 129.46,
-                  },
-                  Object {
-                    "first": 371.848,
-                    "second": 128.73,
-                  },
-                  Object {
-                    "first": 381.848,
-                    "second": 127.86,
-                  },
-                  Object {
-                    "first": 391.308,
-                    "second": 127.12,
-                  },
-                  Object {
-                    "first": 391.303,
-                    "second": 127.12,
-                  },
-                  Object {
-                    "first": 401.303,
-                    "second": 126.32,
-                  },
-                  Object {
-                    "first": 411.303,
-                    "second": 125.65,
-                  },
-                  Object {
-                    "first": 421.303,
-                    "second": 125.07,
-                  },
-                  Object {
-                    "first": 431.303,
-                    "second": 124.67,
-                  },
-                  Object {
-                    "first": 443.603,
-                    "second": 124.12,
-                  },
-                  Object {
-                    "first": 443.6,
-                    "second": 124.12,
-                  },
-                  Object {
-                    "first": 453.6,
-                    "second": 123.72,
-                  },
-                  Object {
-                    "first": 467.45000000000005,
-                    "second": 123.16,
-                  },
-                  Object {
-                    "first": 467.452,
-                    "second": 123.16,
-                  },
-                  Object {
-                    "first": 477.452,
-                    "second": 122.74,
-                  },
-                  Object {
-                    "first": 484.122,
-                    "second": 122.45,
-                  },
-                  Object {
-                    "first": 484.12,
-                    "second": 122.45,
-                  },
-                  Object {
-                    "first": 494.12,
-                    "second": 121.93,
-                  },
-                  Object {
-                    "first": 504.28000000000003,
-                    "second": 121.51,
-                  },
-                  Object {
-                    "first": 504.281,
-                    "second": 121.51,
-                  },
-                  Object {
-                    "first": 512.331,
-                    "second": 121.22,
-                  },
-                  Object {
-                    "first": 512.331,
-                    "second": 121.22,
-                  },
-                  Object {
-                    "first": 522.331,
-                    "second": 120.84,
-                  },
-                  Object {
-                    "first": 532.331,
-                    "second": 120.41,
-                  },
-                  Object {
-                    "first": 542.331,
-                    "second": 120.05,
-                  },
-                  Object {
-                    "first": 552.331,
-                    "second": 119.75,
-                  },
-                  Object {
-                    "first": 560.791,
-                    "second": 119.54,
-                  },
-                  Object {
-                    "first": 560.792,
-                    "second": 119.54,
-                  },
-                  Object {
-                    "first": 570.792,
-                    "second": 119.32,
-                  },
-                  Object {
-                    "first": 578.472,
-                    "second": 119.2,
-                  },
-                  Object {
-                    "first": 578.472,
-                    "second": 119.2,
-                  },
-                  Object {
-                    "first": 588.472,
-                    "second": 119.08,
-                  },
-                  Object {
-                    "first": 598.472,
-                    "second": 118.9,
-                  },
-                  Object {
-                    "first": 608.472,
-                    "second": 118.64,
-                  },
-                  Object {
-                    "first": 618.062,
-                    "second": 118.39,
-                  },
-                  Object {
-                    "first": 618.057,
-                    "second": 118.39,
-                  },
-                  Object {
-                    "first": 628.057,
-                    "second": 118.19,
-                  },
-                  Object {
-                    "first": 638.057,
-                    "second": 118.03,
-                  },
-                  Object {
-                    "first": 648.057,
-                    "second": 117.88,
-                  },
-                  Object {
-                    "first": 658.057,
-                    "second": 117.86,
-                  },
-                  Object {
-                    "first": 666.297,
-                    "second": 117.84,
-                  },
-                  Object {
-                    "first": 666.293,
-                    "second": 117.84,
-                  },
-                  Object {
-                    "first": 676.293,
-                    "second": 117.79,
-                  },
-                  Object {
-                    "first": 686.683,
-                    "second": 117.78,
-                  },
-                  Object {
-                    "first": 686.686,
-                    "second": 117.78,
-                  },
-                  Object {
-                    "first": 696.686,
-                    "second": 117.71,
-                  },
-                  Object {
-                    "first": 702.996,
-                    "second": 117.65,
-                  },
-                  Object {
-                    "first": 702.998,
-                    "second": 117.65,
-                  },
-                  Object {
-                    "first": 712.998,
-                    "second": 117.54,
-                  },
-                  Object {
-                    "first": 722.998,
-                    "second": 117.37,
-                  },
-                  Object {
-                    "first": 732.998,
-                    "second": 117.12,
-                  },
-                  Object {
-                    "first": 742.998,
-                    "second": 116.88,
-                  },
-                  Object {
-                    "first": 751.498,
-                    "second": 116.65,
-                  },
-                ],
-                "lat": 47.8244338,
-                "lon": -122.287079,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "40th Avenue West",
-              },
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 205.80599999999998,
-                "elevation": Array [
-                  Object {
-                    "first": 39.968,
-                    "second": 115.22,
-                  },
-                  Object {
-                    "first": 54.078,
-                    "second": 114.95,
-                  },
-                  Object {
-                    "first": 54.08200000000001,
-                    "second": 114.95,
-                  },
-                  Object {
-                    "first": 62.382000000000005,
-                    "second": 114.84,
-                  },
-                  Object {
-                    "first": 62.38400000000001,
-                    "second": 114.84,
-                  },
-                  Object {
-                    "first": 68.974,
-                    "second": 114.74,
-                  },
-                  Object {
-                    "first": 68.974,
-                    "second": 114.74,
-                  },
-                  Object {
-                    "first": 78.974,
-                    "second": 114.54,
-                  },
-                  Object {
-                    "first": 89.04400000000001,
-                    "second": 114.44,
-                  },
-                  Object {
-                    "first": 89.045,
-                    "second": 114.44,
-                  },
-                  Object {
-                    "first": 96.105,
-                    "second": 114.37,
-                  },
-                  Object {
-                    "first": 96.105,
-                    "second": 114.37,
-                  },
-                  Object {
-                    "first": 106.105,
-                    "second": 114.29,
-                  },
-                  Object {
-                    "first": 113.625,
-                    "second": 114.28,
-                  },
-                  Object {
-                    "first": 113.628,
-                    "second": 114.28,
-                  },
-                  Object {
-                    "first": 123.628,
-                    "second": 114.23,
-                  },
-                  Object {
-                    "first": 135.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 135.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 145.878,
-                    "second": 114.14,
-                  },
-                  Object {
-                    "first": 156.25799999999998,
-                    "second": 114.13,
-                  },
-                  Object {
-                    "first": 156.253,
-                    "second": 114.13,
-                  },
-                  Object {
-                    "first": 166.253,
-                    "second": 114.09,
-                  },
-                  Object {
-                    "first": 176.253,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 183.13299999999998,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 183.136,
-                    "second": 114.04,
-                  },
-                  Object {
-                    "first": 188.846,
-                    "second": 114.04,
-                  },
-                ],
-                "lat": 47.8176755,
-                "lon": -122.28709730000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Alderwood Mall Boulevard",
-              },
-            ],
-            "to": Object {
-              "arrival": 1597950659000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950660000,
-              "lat": 47.81744203,
-              "lon": -122.2897486,
-              "name": "Alderwood Mall Blvd & 40th Ave W",
-              "stopCode": "1635",
-              "stopId": "1:1635",
-              "stopIndex": 34,
-              "stopSequence": 35,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 687.6724883861219,
-            "duration": 240,
-            "endTime": 1597950900000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950659000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950660000,
-              "lat": 47.81744203,
-              "lon": -122.2897486,
-              "name": "Alderwood Mall Blvd & 40th Ave W",
-              "stopCode": "1635",
-              "stopId": "1:1635",
-              "stopIndex": 34,
-              "stopSequence": 35,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "headsign": "Edmonds",
-            "interStopGeometry": Array [
-              Object {
-                "length": 7,
-                "points": "gizbH|ukiV?@AnB?^AjC?vB?N",
-              },
-              Object {
-                "length": 16,
-                "points": "kizbHbcliV????AbB?|F?tCAdCrCAlA?\`@A?jAHDDHBJ@NC\`G",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597950720000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597950720000,
-                "lat": 47.81743955,
-                "lon": -122.2918518,
-                "name": "Alderwood Mall Blvd & 44th Ave W",
-                "stopCode": "1643",
-                "stopId": "1:1643",
-                "stopIndex": 35,
-                "stopSequence": 36,
-                "vertexType": "TRANSIT",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 22,
-              "points": "gizbH|ukiV?@AnB?^AjC?vB?N????AbB?|F?tCAdCrCAlA?\`@A?jAHDDHBJ@NC\`G",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "116",
-            "routeColor": "0070c0",
-            "routeId": "1:116",
-            "routeLongName": "Silver Firs - Edmonds",
-            "routeShortName": "116",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597950660000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597950900000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950900000,
-              "lat": 47.81605892,
-              "lon": -122.2969148,
-              "name": "Lynnwood Transit Center Bay C2",
-              "stopCode": "2110",
-              "stopId": "1:2110",
-              "stopIndex": 36,
-              "stopSequence": 37,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": true,
-            "tripBlockId": "MCOB-DO:DO25New:0:Weekday:3:20MAR:41055:12345",
-            "tripId": "1:8617811__MCOB-DO:DO25New:0:Weekday:3:20MAR:41055:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 74.789,
-            "duration": 58,
-            "endTime": 1597950958000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950900000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597950900000,
-              "lat": 47.81605892,
-              "lon": -122.2969148,
-              "name": "Lynnwood Transit Center Bay C2",
-              "stopCode": "2110",
-              "stopId": "1:2110",
-              "stopIndex": 36,
-              "stopSequence": 37,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "iazbHvbmiV?LN@N??mA@{@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597950900000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 74.789,
-                "elevation": Array [
-                  Object {
-                    "first": 5.553,
-                    "second": 103.42,
-                  },
-                  Object {
-                    "first": 15.553,
-                    "second": 102.67,
-                  },
-                  Object {
-                    "first": 23.123,
-                    "second": 102.17,
-                  },
-                ],
-                "lat": 47.816054436421105,
-                "lon": -122.29691495561941,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
-            ],
-            "to": Object {
-              "arrival": 1597950958000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597951620000,
-              "lat": 47.81588022,
-              "lon": -122.2963008,
-              "name": "Lynnwood Transit Center Bay D3",
-              "stopCode": "2422",
-              "stopId": "1:2422",
-              "stopIndex": 4,
-              "stopSequence": 5,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 18912.47262757016,
-            "duration": 1200,
-            "endTime": 1597952820000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597950958000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597951620000,
-              "lat": 47.81588022,
-              "lon": -122.2963008,
-              "name": "Lynnwood Transit Center Bay D3",
-              "stopCode": "2422",
-              "stopId": "1:2422",
-              "stopIndex": 4,
-              "stopSequence": 5,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "headsign": "Seattle 5th Ave",
-            "interStopGeometry": Array [
-              Object {
-                "length": 269,
-                "points": "w\`zbHz~liV?t@?FA|@?R?r@ABAJCHEDGBI?ECEICIAM@??s@?Q@_A?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?kAfA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFl@vAj@pATh@Zr@b@bArEjKj@pAbA~B^z@nIvRx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^j@Xb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtCd@jBXt@LnARt@LjBZj@JdC\`@pATlANjAJ\`AFfAFrADV@b@@R?J?dB?tEA\`B?nEAH?jA?nB?pB?z@?hAAbBA~BBlBB^BxAF\`BJfBNrAPlFt@bBTx@L|@LtInAfAPl@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|FuCvFsCd@GTG~EaBfAYn@K~@Il@El@B\\\\I|@Y",
-              },
-              Object {
-                "length": 178,
-                "points": "qwibHxqriVHEnA_@l@OfAMrDg@~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@zCxB|BbBz@p@r@f@t@b@r@^bAb@jA^jAVx@Jv@Ht@B|@@nDIjFKt@CvACfBAbB?jA@rABjCJr@Bp@Bj@B\\\\@z@BdAB\`ABx@?|@Ct@Cr@C|@GdIe@XCzCQpF[hAGnBK\`BG\`CAzLBhA?x@AbACz@Gl@I\`AQx@Uv@W~@a@\`Ae@x@g@ZUb@[t@o@~@aAv@_A|@kAf@q@Va@j@y@\\\\e@BEn@y@\`B{BhA}AtAiBHM|@qA|@mAb@i@\`@a@d@k@v@u@h@a@\`Aq@\`Ai@\`Ae@|@[h@Op@Op@M\`AM~@G\`ACfBCtHMtA@|@Cj@?h@Bl@?X@f@@fBHjCTvARnCf@bEt@vAXn@Lb@H\`@Fz@Lr@Hv@FbAHz@DX@N?V@TNTH\\\\Dj@Dd@B|@BvABbCA\`A?r@ChBAtBAfBCvAAdAA|AAL?~AAdAA|@@|@B\\\\DTFZLZPRHTFh@JhAB~@@\`C@\\\\?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597952280000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597952280000,
-                "lat": 47.732468,
-                "lon": -122.324989,
-                "name": "NE 145TH ST Fwy Station",
-                "stopCode": "2165",
-                "stopId": "1:2165",
-                "stopIndex": 5,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 446,
-              "points": "w\`zbHz~liV?t@?FA|@?R?r@ABAJCHEDGBI?ECEICIAM@??s@?Q@_A?G?s@?A???G@}@???S?c@?M@C?GDKDGJC?kAfA@vDD\`@?X?VAZEp@Uf@Y\\\\Yf@k@Z]V]V_@xGfOH^f@pAn@~AhAjCtBdF\`AbCJ\`@R~@bCvFl@vAj@pATh@Zr@b@bArEjKj@pAbA~B^z@nIvRx@hBl@pA\`AlBz@rA~@pA\`AnAl@l@b@b@TRh@f@d@^n@d@f@Zn@^j@Xb@Rl@Vj@R\`@Ln@P~@Tl@JnATvATdAPdBXtCd@jBXt@LnARt@LjBZj@JdC\`@pATlANjAJ\`AFfAFrADV@b@@R?J?dB?tEA\`B?nEAH?jA?nB?pB?z@?hAAbBA~BBlBB^BxAF\`BJfBNrAPlFt@bBTx@L|@LtInAfAPl@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|FuCvFsCd@GTG~EaBfAYn@K~@Il@El@B\\\\I|@YHEnA_@l@OfAMrDg@~D?^?|C@~A@zB@lB?zMBxH@nKBvF@dA?zBDD?t@Dv@Fv@JpAVpA\\\\dA\\\\bAb@fAl@hAr@hAv@rF|Db@Zt@j@nA~@zCxB|BbBz@p@r@f@t@b@r@^bAb@jA^jAVx@Jv@Ht@B|@@nDIjFKt@CvACfBAbB?jA@rABjCJr@Bp@Bj@B\\\\@z@BdAB\`ABx@?|@Ct@Cr@C|@GdIe@XCzCQpF[hAGnBK\`BG\`CAzLBhA?x@AbACz@Gl@I\`AQx@Uv@W~@a@\`Ae@x@g@ZUb@[t@o@~@aAv@_A|@kAf@q@Va@j@y@\\\\e@BEn@y@\`B{BhA}AtAiBHM|@qA|@mAb@i@\`@a@d@k@v@u@h@a@\`Aq@\`Ai@\`Ae@|@[h@Op@Op@M\`AM~@G\`ACfBCtHMtA@|@Cj@?h@Bl@?X@f@@fBHjCTvARnCf@bEt@vAXn@Lb@H\`@Fz@Lr@Hv@FbAHz@DX@N?V@TNTH\\\\Dj@Dd@B|@BvABbCA\`A?r@ChBAtBAfBCvAAdAA|AAL?~AAdAA|@@|@B\\\\DTFZLZPRHTFh@JhAB~@@\`C@\\\\?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "512",
-            "routeColor": "0070c0",
-            "routeId": "1:512",
-            "routeLongName": "Everett - Seattle",
-            "routeShortName": "512",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597951620000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597952820000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597952820000,
-              "lat": 47.660564,
-              "lon": -122.323013,
-              "name": "NE 45TH ST Fwy Station",
-              "stopCode": "2166",
-              "stopId": "1:2166",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": true,
-            "tripBlockId": "KPOB-CS:CS25Per:0:Weekday:3:20MAR:85036:12345",
-            "tripId": "1:8621847__KPOB-CS:CS25Per:0:Weekday:3:20MAR:85036:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 628.1850000000002,
-            "duration": 471,
-            "endTime": 1597953291000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597952820000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597952820000,
-              "lat": 47.660564,
-              "lon": -122.323013,
-              "name": "NE 45TH ST Fwy Station",
-              "stopCode": "2166",
-              "stopId": "1:2166",
-              "stopIndex": 6,
-              "stopSequence": 7,
-              "vertexType": "TRANSIT",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 51,
-              "points": "ou{aH|eriV??{@Ae@?M?M@AM?Q[?@g@?aB@gB@aA?W?I???[?Q?O?O?W?a@?aA@gA?o@?M?aA?_@?e@?qA?gA?e@?G?E?W?I?]?S?K@A?W?m@?k@?WS?MAa@?UAG??O?C",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597952820000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 69.758,
-                "elevation": Array [
-                  Object {
-                    "first": 33.629999999999995,
-                    "second": 58.43,
-                  },
-                  Object {
-                    "first": 43.629999999999995,
-                    "second": 58.51,
-                  },
-                  Object {
-                    "first": 54.72,
-                    "second": 58.52,
-                  },
-                  Object {
-                    "first": 54.724,
-                    "second": 58.52,
-                  },
-                  Object {
-                    "first": 64.72399999999999,
-                    "second": 58.63,
-                  },
-                  Object {
-                    "first": 69.764,
-                    "second": 58.81,
-                  },
-                ],
-                "lat": 47.66056406540946,
-                "lon": -122.32302318262064,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "sidewalk",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 12.233,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 58.81,
-                  },
-                  Object {
-                    "first": 5.92,
-                    "second": 57.94,
-                  },
-                  Object {
-                    "first": 5.92,
-                    "second": 57.94,
-                  },
-                  Object {
-                    "first": 12.23,
-                    "second": 56.53,
-                  },
-                ],
-                "lat": 47.661191,
-                "lon": -122.3230259,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 14.56,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 56.53,
-                  },
-                  Object {
-                    "first": 14.56,
-                    "second": 56.77,
-                  },
-                ],
-                "lat": 47.661209500000005,
-                "lon": -122.3228677,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "5th Avenue Northeast",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 469.97399999999993,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 56.77,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 51.46,
-                  },
-                  Object {
-                    "first": 15.16,
-                    "second": 49.99,
-                  },
-                  Object {
-                    "first": 144.85399999999998,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 150.934,
-                    "second": 53.8,
-                  },
-                  Object {
-                    "first": 150.93499999999997,
-                    "second": 53.8,
-                  },
-                  Object {
-                    "first": 157.27499999999998,
-                    "second": 53.77,
-                  },
-                  Object {
-                    "first": 157.27799999999996,
-                    "second": 53.77,
-                  },
-                  Object {
-                    "first": 167.27799999999996,
-                    "second": 53.81,
-                  },
-                  Object {
-                    "first": 178.61799999999997,
-                    "second": 53.85,
-                  },
-                  Object {
-                    "first": 178.62199999999996,
-                    "second": 53.85,
-                  },
-                  Object {
-                    "first": 188.62199999999996,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 198.62199999999996,
-                    "second": 53.58,
-                  },
-                  Object {
-                    "first": 203.72199999999995,
-                    "second": 53.6,
-                  },
-                  Object {
-                    "first": 203.72499999999997,
-                    "second": 53.6,
-                  },
-                  Object {
-                    "first": 213.72499999999997,
-                    "second": 53.72,
-                  },
-                  Object {
-                    "first": 223.72499999999997,
-                    "second": 53.62,
-                  },
-                  Object {
-                    "first": 230.70499999999996,
-                    "second": 53.48,
-                  },
-                  Object {
-                    "first": 230.70799999999997,
-                    "second": 53.48,
-                  },
-                  Object {
-                    "first": 240.70799999999997,
-                    "second": 53.52,
-                  },
-                  Object {
-                    "first": 248.48799999999997,
-                    "second": 53.55,
-                  },
-                  Object {
-                    "first": 248.48699999999997,
-                    "second": 53.55,
-                  },
-                  Object {
-                    "first": 253.47699999999998,
-                    "second": 53.63,
-                  },
-                  Object {
-                    "first": 253.47399999999996,
-                    "second": 53.63,
-                  },
-                  Object {
-                    "first": 263.47399999999993,
-                    "second": 53.74,
-                  },
-                  Object {
-                    "first": 278.09399999999994,
-                    "second": 53.69,
-                  },
-                  Object {
-                    "first": 278.09799999999996,
-                    "second": 53.69,
-                  },
-                  Object {
-                    "first": 290.54799999999994,
-                    "second": 53.7,
-                  },
-                  Object {
-                    "first": 290.55199999999996,
-                    "second": 53.7,
-                  },
-                  Object {
-                    "first": 304.792,
-                    "second": 53.66,
-                  },
-                  Object {
-                    "first": 304.78799999999995,
-                    "second": 53.66,
-                  },
-                  Object {
-                    "first": 314.78799999999995,
-                    "second": 53.46,
-                  },
-                  Object {
-                    "first": 324.78799999999995,
-                    "second": 53.22,
-                  },
-                  Object {
-                    "first": 335.018,
-                    "second": 52.97,
-                  },
-                  Object {
-                    "first": 335.01399999999995,
-                    "second": 52.97,
-                  },
-                  Object {
-                    "first": 345.01399999999995,
-                    "second": 52.63,
-                  },
-                  Object {
-                    "first": 355.01399999999995,
-                    "second": 52.14,
-                  },
-                  Object {
-                    "first": 361.96399999999994,
-                    "second": 51.75,
-                  },
-                  Object {
-                    "first": 361.96,
-                    "second": 51.75,
-                  },
-                  Object {
-                    "first": 371.96,
-                    "second": 51.24,
-                  },
-                  Object {
-                    "first": 379.52,
-                    "second": 50.87,
-                  },
-                  Object {
-                    "first": 379.522,
-                    "second": 50.87,
-                  },
-                  Object {
-                    "first": 382.152,
-                    "second": 50.75,
-                  },
-                  Object {
-                    "first": 382.15,
-                    "second": 50.75,
-                  },
-                  Object {
-                    "first": 390.71999999999997,
-                    "second": 50.44,
-                  },
-                  Object {
-                    "first": 390.717,
-                    "second": 50.44,
-                  },
-                  Object {
-                    "first": 394.727,
-                    "second": 50.32,
-                  },
-                  Object {
-                    "first": 394.72299999999996,
-                    "second": 50.32,
-                  },
-                  Object {
-                    "first": 405.83299999999997,
-                    "second": 50.03,
-                  },
-                  Object {
-                    "first": 405.8299999999999,
-                    "second": 50.03,
-                  },
-                  Object {
-                    "first": 413.17999999999995,
-                    "second": 49.88,
-                  },
-                  Object {
-                    "first": 427.4289999999999,
-                    "second": 49.66,
-                  },
-                  Object {
-                    "first": 437.4289999999999,
-                    "second": 49.53,
-                  },
-                  Object {
-                    "first": 444.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 444.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 454.5489999999999,
-                    "second": 49.55,
-                  },
-                  Object {
-                    "first": 461.39899999999994,
-                    "second": 49.53,
-                  },
-                  Object {
-                    "first": 461.39899999999994,
-                    "second": 49.53,
-                  },
-                  Object {
-                    "first": 469.96899999999994,
-                    "second": 49.56,
-                  },
-                ],
-                "lat": 47.6613404,
-                "lon": -122.32286260000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Northeast 45th Street",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 54.265,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 49.56,
-                  },
-                  Object {
-                    "first": 10.9,
-                    "second": 50.02,
-                  },
-                  Object {
-                    "first": 10.902,
-                    "second": 50.02,
-                  },
-                  Object {
-                    "first": 20.902,
-                    "second": 50.23,
-                  },
-                  Object {
-                    "first": 30.902,
-                    "second": 50.43,
-                  },
-                  Object {
-                    "first": 40.902,
-                    "second": 50.73,
-                  },
-                  Object {
-                    "first": 49.472,
-                    "second": 50.92,
-                  },
-                  Object {
-                    "first": 49.471000000000004,
-                    "second": 50.92,
-                  },
-                  Object {
-                    "first": 54.261,
-                    "second": 51.05,
-                  },
-                ],
-                "lat": 47.6612975,
-                "lon": -122.31658750000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "11th Avenue Northeast",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 7.395,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 51.05,
-                  },
-                  Object {
-                    "first": 6.28,
-                    "second": 51.09,
-                  },
-                ],
-                "lat": 47.661785300000005,
-                "lon": -122.3165656,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "service road",
-              },
-            ],
-            "to": Object {
-              "arrival": 1597953291000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953420000,
-              "lat": 47.6617813,
-              "lon": -122.316467,
-              "name": "11th Ave NE & NE 45th St",
-              "stopId": "kcm:9650",
-              "stopIndex": 11,
-              "stopSequence": 170,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "boardRule": "mustPhone",
-            "departureDelay": 0,
-            "distance": 1219.3242176370456,
-            "dropOffBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://www.ridebat.com/routes/route-rf/",
-                "phoneNumber": "877-680-1287",
-              },
-              "dropOffMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated drop-off call 877-680-1287 at least 24 hours ahead of your trip time.",
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 1,
-                "time": 0,
-              },
-              "pickupMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated pickup call 877-680-1287 at least 24 hours ahead of your trip time.",
-            },
-            "duration": 253,
-            "endTime": 1597953673000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597953291000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953420000,
-              "lat": 47.6617813,
-              "lon": -122.316467,
-              "name": "11th Ave NE & NE 45th St",
-              "stopId": "kcm:9650",
-              "stopIndex": 11,
-              "stopSequence": 170,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "headsign": "Northgate Roosevelt",
-            "interStopGeometry": Array [
-              Object {
-                "length": 5,
-                "points": "c}{aHp}piVs@?{Bc@yAEq@?",
-              },
-              Object {
-                "length": 3,
-                "points": "_g|aHf|piVwHEq@?",
-              },
-              Object {
-                "length": 3,
-                "points": "ir|aH\`|piV}F?w@?",
-              },
-              Object {
-                "length": 3,
-                "points": "_||aH\`|piVqJEe@?",
-              },
-              Object {
-                "length": 5,
-                "points": "wh}aHz{piVcC?aJE]KA?",
-              },
-              Object {
-                "length": 11,
-                "points": "}x}aHh{piV?AcAe@g@_@KIOGMCSISAWAm@?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597953457000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953457000,
-                "lat": 47.6633682,
-                "lon": -122.316254,
-                "name": "11th Ave NE & NE 47th St",
-                "stopId": "kcm:9660",
-                "stopIndex": 12,
-                "stopSequence": 174,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597953499000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953499000,
-                "lat": 47.6651726,
-                "lon": -122.316238,
-                "name": "11th Ave NE & NE 50th St",
-                "stopId": "kcm:23500",
-                "stopIndex": 13,
-                "stopSequence": 176,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597953534000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953534000,
-                "lat": 47.6667137,
-                "lon": -122.316208,
-                "name": "11th Ave NE & NE 52nd St",
-                "stopId": "kcm:23510",
-                "stopIndex": 14,
-                "stopSequence": 178,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597953582000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953582000,
-                "lat": 47.6687584,
-                "lon": -122.316185,
-                "name": "11th Ave NE & NE 55th St",
-                "stopId": "kcm:23520",
-                "stopIndex": 15,
-                "stopSequence": 180,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597953642000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953642000,
-                "lat": 47.6713295,
-                "lon": -122.316101,
-                "name": "11th Ave NE & NE Ravenna Blvd",
-                "stopId": "kcm:23530",
-                "stopIndex": 16,
-                "stopSequence": 184,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 25,
-              "points": "c}{aHp}piVs@?{Bc@yAEq@?wHEq@?}F?w@?qJEe@?cC?aJE]KA??AcAe@g@_@KIOGMCSISAWAm@?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "pickupBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://www.ridebat.com/routes/route-rf/",
-                "phoneNumber": "877-680-1287",
-              },
-              "dropOffMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated drop-off call 877-680-1287 at least 24 hours ahead of your trip time.",
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 1,
-                "time": 0,
-              },
-              "pickupMessage": "Brockton Area Transit's Rockland Flex route allows deviations up to 3/4 mile from the fixed route. To schedule a deviated pickup call 877-680-1287 at least 24 hours ahead of your trip time.",
-            },
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "67",
-            "routeId": "kcm:100259",
-            "routeShortName": "67",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597953420000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597953673000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953784000,
-              "lat": 47.6726532,
-              "lon": -122.315552,
-              "name": "12th Ave NE & NE 61st St",
-              "stopId": "kcm:23540",
-              "stopIndex": 17,
-              "stopSequence": 194,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": true,
-            "tripBlockId": "5863957",
-            "tripId": "kcm:44052757",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 5290.865512970262,
-            "duration": 1256,
-            "endTime": 1597955040000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597953673000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597953784000,
-              "lat": 47.6726532,
-              "lon": -122.315552,
-              "name": "12th Ave NE & NE 61st St",
-              "stopId": "kcm:23540",
-              "stopIndex": 11,
-              "stopSequence": 75,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "headsign": "Loyal Heights Greenwood",
-            "interStopGeometry": Array [
-              Object {
-                "length": 9,
-                "points": "aa~aH|wpiV]?iB?cD?cD?cD?C?CrI?jA",
-              },
-              Object {
-                "length": 8,
-                "points": "}t~aH|dqiV?v@?fCAfC?fC?jAAr@?zA",
-              },
-              Object {
-                "length": 5,
-                "points": "au~aHhzqiVAZ?lBeJhIc@b@",
-              },
-              Object {
-                "length": 2,
-                "points": "ma_bH\`jriVsEjE",
-              },
-              Object {
-                "length": 11,
-                "points": "ah_bHlpriV[V_A\`A{AnBw@Dg@Nc@Tm@d@{@|@[n@a@t@",
-              },
-              Object {
-                "length": 9,
-                "points": "ew_bHl~riVcAlBaBvCc@~@Qf@Sx@Oz@Ij@GfA",
-              },
-              Object {
-                "length": 15,
-                "points": "w_\`bHdqsiVAJClA@~@L~B?l@A~BIfAKl@YlAc@bAa@t@c@h@{@x@e@f@",
-              },
-              Object {
-                "length": 8,
-                "points": "kg\`bHvmtiVaBdBiCfCa@j@QXOb@Un@Id@",
-              },
-              Object {
-                "length": 7,
-                "points": "{q\`bHd{tiVEReEEOMo@q@OG_A?",
-              },
-              Object {
-                "length": 3,
-                "points": "w|\`bHjytiVsGFg@?",
-              },
-              Object {
-                "length": 3,
-                "points": "sfabHrytiVaID?~@",
-              },
-              Object {
-                "length": 9,
-                "points": "upabHx{tiV?nA?|B?^?TAtE?xE?r@AlC",
-              },
-              Object {
-                "length": 6,
-                "points": "ypabHnwuiVAT?hB?lBArE?nC",
-              },
-              Object {
-                "length": 6,
-                "points": "}pabH\`jviVAx@@XCjO?zO?fA",
-              },
-              Object {
-                "length": 6,
-                "points": "aqabHdpwiVAvE?xFAlGAnG@hA",
-              },
-              Object {
-                "length": 4,
-                "points": "eqabH~qxiVA\`EAjGAlM",
-              },
-              Object {
-                "length": 5,
-                "points": "kqabHznyiV?dAAvOCvO?\`C",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1597953900000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953900000,
-                "lat": 47.6758995,
-                "lon": -122.317726,
-                "name": "NE 65th St & Roosevelt Way NE",
-                "stopId": "kcm:36950",
-                "stopIndex": 12,
-                "stopSequence": 83,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597953987000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597953987000,
-                "lat": 47.67593,
-                "lon": -122.321167,
-                "name": "NE 65th St & Oswego Pl NE",
-                "stopId": "kcm:36960",
-                "stopIndex": 13,
-                "stopSequence": 90,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954092000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954092000,
-                "lat": 47.6778717,
-                "lon": -122.323601,
-                "name": "NE Ravenna Blvd & NE 68th St",
-                "stopId": "kcm:16515",
-                "stopIndex": 14,
-                "stopSequence": 94,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954140000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954140000,
-                "lat": 47.6789322,
-                "lon": -122.324608,
-                "name": "NE Ravenna Blvd & Woodlawn Ave NE",
-                "stopId": "kcm:16520",
-                "stopIndex": 15,
-                "stopSequence": 95,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954214000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954214000,
-                "lat": 47.6813583,
-                "lon": -122.326881,
-                "name": "East Green Lake Dr N & 4th Ave NE",
-                "stopId": "kcm:36961",
-                "stopIndex": 16,
-                "stopSequence": 105,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954277000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954277000,
-                "lat": 47.6827507,
-                "lon": -122.32991,
-                "name": "East Green Lake Dr N & Sunnyside Ave N",
-                "stopId": "kcm:36990",
-                "stopIndex": 17,
-                "stopSequence": 113,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954369000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954369000,
-                "lat": 47.6839371,
-                "lon": -122.334435,
-                "name": "East Green Lake Dr N & Orin Ct N",
-                "stopId": "kcm:37010",
-                "stopIndex": 18,
-                "stopSequence": 127,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954427000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954427000,
-                "lat": 47.6856461,
-                "lon": -122.336632,
-                "name": "East Green Lake Dr N & Wallingford Ave N",
-                "stopId": "kcm:37020",
-                "stopIndex": 19,
-                "stopSequence": 134,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954474000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954474000,
-                "lat": 47.6873322,
-                "lon": -122.336273,
-                "name": "Wallingford Ave N & N 80th St",
-                "stopId": "kcm:17640",
-                "stopIndex": 20,
-                "stopSequence": 140,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954514000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954514000,
-                "lat": 47.6889038,
-                "lon": -122.336319,
-                "name": "Wallingford Ave N & N 82nd St",
-                "stopId": "kcm:17650",
-                "stopIndex": 21,
-                "stopSequence": 142,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954560000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954560000,
-                "lat": 47.6905785,
-                "lon": -122.336769,
-                "name": "N 85th St & Wallingford Ave N",
-                "stopId": "kcm:5420",
-                "stopIndex": 22,
-                "stopSequence": 144,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954630000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954630000,
-                "lat": 47.690609,
-                "lon": -122.341194,
-                "name": "N 85th St & Stone Ave N",
-                "stopId": "kcm:5440",
-                "stopIndex": 23,
-                "stopSequence": 152,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954677000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954677000,
-                "lat": 47.6906242,
-                "lon": -122.344162,
-                "name": "N 85th St & Aurora Ave N",
-                "stopId": "kcm:5450",
-                "stopIndex": 24,
-                "stopSequence": 157,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954774000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954774000,
-                "lat": 47.6906471,
-                "lon": -122.350266,
-                "name": "N 85th St & Fremont Ave N",
-                "stopId": "kcm:5470",
-                "stopIndex": 25,
-                "stopSequence": 162,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954860000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954860000,
-                "lat": 47.6906662,
-                "lon": -122.355675,
-                "name": "N 85th St & Greenwood Ave N",
-                "stopId": "kcm:41450",
-                "stopIndex": 26,
-                "stopSequence": 167,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1597954936000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1597954936000,
-                "lat": 47.6906891,
-                "lon": -122.360275,
-                "name": "NW 85th St & 3rd Ave NW",
-                "stopId": "kcm:37040",
-                "stopIndex": 27,
-                "stopSequence": 170,
-                "vertexType": "TRANSIT",
-                "zoneId": "1",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 100,
-              "points": "aa~aH|wpiV]?iB?cD?cD?cD?C?CrI?jA?v@?fCAfC?fC?jAAr@?zAAZ?lBeJhIc@b@sEjE[V_A\`A{AnBw@Dg@Nc@Tm@d@{@|@[n@a@t@cAlBaBvCc@~@Qf@Sx@Oz@Ij@GfAAJClA@~@L~B?l@A~BIfAKl@YlAc@bAa@t@c@h@{@x@e@f@aBdBiCfCa@j@QXOb@Un@Id@EReEEOMo@q@OG_A?sGFg@?aID?~@?nA?|B?^?TAtE?xE?r@AlCAT?hB?lBArE?nCAx@@XCjO?zO?fAAvE?xFAlGAnG@hAA\`EAjGAlM?dAAvOCvO?\`C",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "45",
-            "routeId": "kcm:100225",
-            "routeShortName": "45",
-            "routeType": 3,
-            "serviceDate": "20200820",
-            "startTime": 1597953784000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1597955040000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597955041000,
-              "lat": 47.6907234,
-              "lon": -122.366653,
-              "name": "NW 85th St & 8th Ave NW",
-              "stopId": "kcm:37060",
-              "stopIndex": 28,
-              "stopSequence": 174,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "transitLeg": true,
-            "tripBlockId": "5864148",
-            "tripId": "kcm:47377584",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 236.898,
-            "duration": 183,
-            "endTime": 1597955224000,
-            "flexDrtAdvanceBookMin": 0,
-            "from": Object {
-              "arrival": 1597955040000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1597955041000,
-              "lat": 47.6907234,
-              "lon": -122.366653,
-              "name": "NW 85th St & 8th Ave NW",
-              "stopId": "kcm:37060",
-              "stopIndex": 28,
-              "stopSequence": 174,
-              "vertexType": "TRANSIT",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 12,
-              "points": "mqabHrvziV?A?_C\\\\EV?X?H?P?t@?dA?fA??q@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1597955041000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 48.135,
-                "elevation": Array [
-                  Object {
-                    "first": 0.778,
-                    "second": 88.24,
-                  },
-                  Object {
-                    "first": 10.778,
-                    "second": 87.75,
-                  },
-                  Object {
-                    "first": 20.778,
-                    "second": 87.25,
-                  },
-                  Object {
-                    "first": 30.778,
-                    "second": 86.8,
-                  },
-                  Object {
-                    "first": 40.778,
-                    "second": 86.45,
-                  },
-                  Object {
-                    "first": 48.138,
-                    "second": 86.23,
-                  },
-                ],
-                "lat": 47.69063455760549,
-                "lon": -122.36665220078636,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Northwest 85th Street",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 169.894,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 86.23,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 86.14,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 86.1,
-                  },
-                  Object {
-                    "first": 29.81,
-                    "second": 86.15,
-                  },
-                  Object {
-                    "first": 29.813,
-                    "second": 86.15,
-                  },
-                  Object {
-                    "first": 44.413,
-                    "second": 86.14,
-                  },
-                  Object {
-                    "first": 90.958,
-                    "second": 86.08,
-                  },
-                  Object {
-                    "first": 100.958,
-                    "second": 86.13,
-                  },
-                  Object {
-                    "first": 110.958,
-                    "second": 86.11,
-                  },
-                  Object {
-                    "first": 120.958,
-                    "second": 86.05,
-                  },
-                  Object {
-                    "first": 129.468,
-                    "second": 86,
-                  },
-                  Object {
-                    "first": 129.464,
-                    "second": 86,
-                  },
-                  Object {
-                    "first": 139.464,
-                    "second": 85.9,
-                  },
-                  Object {
-                    "first": 149.464,
-                    "second": 85.83,
-                  },
-                  Object {
-                    "first": 159.464,
-                    "second": 85.8,
-                  },
-                  Object {
-                    "first": 169.894,
-                    "second": 85.79,
-                  },
-                ],
-                "lat": 47.690635900000004,
-                "lon": -122.36600910000001,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "8th Avenue Northwest",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 18.869,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 85.79,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 85.51,
-                  },
-                  Object {
-                    "first": 18.87,
-                    "second": 85.23,
-                  },
-                ],
-                "lat": 47.6891101,
-                "lon": -122.36597210000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Northwest 83rd Street",
-              },
-            ],
-            "to": Object {
-              "arrival": 1597955224000,
-              "lat": 47.68896584339047,
-              "lon": -122.36571962588302,
-              "name": "8212 8th Ave NW, Seattle, WA, USA",
-              "orig": "8212 8th Ave NW, Seattle, WA, USA",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1597949873000,
-        "tooSloped": false,
-        "transfers": 3,
-        "transitTime": 2949,
-        "waitingTime": 904,
-        "walkDistance": 2016.2642537270028,
-        "walkLimitExceeded": false,
-        "walkTime": 1498,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails Fare Components 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            August 20, 2020
-          </strong>
-           at 
-          <strong>
-            11:57 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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  $5.75
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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>
-          25 minutes
-        </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>
-              25 minutes
-            </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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            2,402g
-          </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
-      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="M416 320h-96c-17.6 0-32-14.4-32-32s14.4-32 32-32h96s96-107 96-160-43-96-96-96-96 43-96 96c0 25.5 22.2 63.4 45.3 96H320c-52.9 0-96 43.1-96 96s43.1 96 96 96h96c17.6 0 32 14.4 32 32s-14.4 32-32 32H185.5c-16 24.8-33.8 47.7-47.3 64H416c52.9 0 96-43.1 96-96s-43.1-96-96-96zm0-256c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM96 256c-53 0-96 43-96 96s96 160 96 160 96-107 96-160-43-96-96-96zm0 128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__FlexSummary-sc-6q2ok2-11"
-        >
-          This trip includes flexible routes. 
-        </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>
-</div>
-`;
-
-exports[`Storyshots TripDetails Fare Leg Table Story 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <FareLegDetails
-    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 {
-                "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 {
-                "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,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 78.93199999999999,
-            "duration": 61,
-            "endTime": 1651698421000,
-            "flexDrtAdvanceBookMin": 0,
-            "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",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 13,
-              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1651698360000,
-            "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",
-                "area": false,
-                "bogusName": true,
-                "distance": 4.369,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 97.7,
-                  },
-                  Object {
-                    "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": 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,
-                  },
-                  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": 47.7049831,
-                "lon": -122.3453516,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "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,
-              "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": 11857.370334253566,
-            "duration": 1910,
-            "endTime": 1651700364000,
-            "flexDrtAdvanceBookMin": 0,
-            "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,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
-            },
-            "hailedCar": false,
-            "headsign": "Downtown Seattle",
-            "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",
-              },
-              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": 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": 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": 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": "BUS",
-            "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,
-            "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,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
-            },
-            "transitLeg": true,
-            "tripBlockId": "6367577",
-            "tripId": "kcm:491944150",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyTimeZoneOffset": -25200000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 135.17100000000002,
-            "duration": 108,
-            "endTime": 1651700473000,
-            "flexDrtAdvanceBookMin": 0,
-            "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,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 13,
-              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1651700365000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 99.492,
-                "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,
-                  },
-                  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": 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": 0.416,
-                    "second": 17.66,
-                  },
-                  Object {
-                    "first": 10.416,
-                    "second": 16.75,
-                  },
-                  Object {
-                    "first": 20.416,
-                    "second": 15.91,
-                  },
-                  Object {
-                    "first": 30.416,
-                    "second": 15.12,
-                  },
-                  Object {
-                    "first": 32.906,
-                    "second": 14.9,
-                  },
-                ],
-                "lat": 47.602787500000005,
-                "lon": -122.3316056,
-                "relativeDirection": "UTURN_RIGHT",
-                "stayOn": true,
-                "streetName": "sidewalk",
-              },
-            ],
-            "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",
-              "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1651694250000,
-        "tooSloped": false,
-        "transfers": 2,
-        "transitTime": 5390,
-        "waitingTime": 273,
-        "walkDistance": 677.2714626770405,
-        "walkLimitExceeded": false,
-        "walkTime": 560,
-      }
-    }
-    layout={
-      Array [
-        Object {
-          "cols": Array [
-            Object {
-              "header": "cash",
-              "key": "regular",
-            },
-            Object {
-              "header": "electronic",
-              "key": "electronicRegular",
-            },
-            Object {
-              "header": "special",
-              "key": "electronicSpecial",
-            },
-          ],
-          "header": "regular",
-        },
-        Object {
-          "cols": Array [
-            Object {
-              "header": "cash",
-              "key": "youth",
-            },
-            Object {
-              "header": "electronic",
-              "key": "electronicYouth",
-            },
-          ],
-          "header": "youth",
-        },
-        Object {
-          "cols": Array [
-            Object {
-              "header": "cash",
-              "key": "cash",
-            },
-            Object {
-              "header": "electronic",
-              "key": "electronic",
-            },
-          ],
-          "header": "senior",
-        },
-      ]
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails Fare Leg Table Story 2`] = `
-.c2 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c1 th {
-  font-weight: normal;
-  min-width: 5ch;
-  padding: 0.75em 1.5em;
-  text-align: center;
-}
-
-.c1 th:nth-of-type(2n + 1) {
-  background: #cccccc22;
-}
-
-.c1 th.main {
-  background: #333333;
-  color: #ffffffcc;
-}
-
-.c0 {
-  border-collapse: collapse;
-  display: block;
-  margin-bottom: 16px;
-  padding: 0;
-}
-
-.c0 td {
-  text-align: right;
-}
-
-.c0 td:nth-of-type(2n + 1) {
-  background: #cccccc22;
-}
-
-.c0 td.no-zebra {
-  background: none;
-}
-
-.c0 th:first-of-type {
-  height: 40px;
-}
-
-.c3 {
-  padding-left: 4px;
-}
-
-<div>
-  <table
-    className="c0"
-  >
-    <thead
-      className="c1"
-    >
-      <th
-        className="main"
-        scope="col"
-      >
-        <strong>
-          Adult
-        </strong>
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Cash
-        </strong>
-        <br />
-        $5.50
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Electronic
-        </strong>
-        <br />
-        $3.25
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Special
-        </strong>
-        <br />
-        $1.50
-      </th>
-    </thead>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        512
-      </td>
-      <td
-        title={false}
-      >
-        $3.25
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $3.25
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $1.50
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        40
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $2.25
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        E Line
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-    </tr>
-  </table>
-  <table
-    className="c0"
-  >
-    <thead
-      className="c1"
-    >
-      <th
-        className="main"
-        scope="col"
-      >
-        <strong>
-          Youth
-        </strong>
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Cash
-        </strong>
-        <br />
-        $3.00
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Electronic
-        </strong>
-        <br />
-        $1.50
-      </th>
-    </thead>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        512
-      </td>
-      <td
-        title={false}
-      >
-        $1.50
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $1.50
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        40
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $1.50
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        E Line
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-      <td
-        title={false}
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-    </tr>
-  </table>
-</div>
-`;
-
-exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <FareLegDetails
-    itinerary={
-      Object {
-        "arrivedAtDestinationWithRentedBicycle": false,
-        "duration": 3583,
-        "elevationGained": 0,
-        "elevationLost": 0,
-        "endTime": 1674509068000,
-        "fare": Object {
-          "details": Object {
-            "electronicRegular": Array [],
-            "electronicSenior": Array [],
-            "electronicSpecial": Array [],
-            "electronicYouth": Array [],
-            "regular": Array [],
-            "senior": Array [],
-            "youth": Array [],
-          },
-          "fare": Object {
-            "electronicRegular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "electronicSenior": Object {
-              "cents": 125,
-              "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": 0,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "senior": Object {
-              "cents": 225,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-            "youth": Object {
-              "cents": 0,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-          "legProducts": Array [
-            Object {
-              "legIndices": Array [
-                1,
-              ],
-              "products": Array [
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "youth",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 125,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "senior",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "cash",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "youth",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "cash",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 125,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "special",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 125,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "senior",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 250,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "regular",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 250,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "regular",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "cash",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-              ],
-            },
-            Object {
-              "legIndices": Array [
-                3,
-              ],
-              "products": Array [
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "youth",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 100,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "senior",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "cash",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "youth",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "cash",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 25,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "special",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 125,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "special",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "transfer",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "senior",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 125,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "senior",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "transfer",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "regular",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "electronic",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-                Object {
-                  "amount": Object {
-                    "cents": 0,
-                    "currency": Object {
-                      "currency": "USD",
-                      "currencyCode": "USD",
-                      "defaultFractionDigits": 2,
-                      "symbol": "$",
-                    },
-                  },
-                  "category": Object {
-                    "id": "orcaFares",
-                    "name": "regular",
-                  },
-                  "container": Object {
-                    "id": "orcaFares",
-                    "name": "cash",
-                  },
-                  "id": "orcaFares:farePayment",
-                  "name": "rideCost",
-                },
-              ],
-            },
-          ],
-        },
-        "generalizedCost": 5616,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 802.9,
-            "duration": 615,
-            "endTime": 1674506100000,
-            "from": Object {
-              "departure": 1674505485000,
-              "lat": 47.8354853,
-              "lon": -122.3129313,
-              "name": "47.83549, -122.31293",
-              "vertexType": "NORMAL",
-            },
-            "generalizedCost": 1204,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 23,
-              "points": "u{}bHxfpiV?q@@eE?wG?_D?Y@o@?kCBqF?{D@qI?qA?c@?qA?i@?IZWB?d@ZBAPa@b@^EL",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1674505485000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 717.88,
-                "elevation": "",
-                "lat": 47.8356351,
-                "lon": -122.3129292,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "180th Street Southwest",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 62.21,
-                "elevation": "",
-                "lat": 47.8355803,
-                "lon": -122.3033119,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "service road",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 22.81,
-                "elevation": "",
-                "lat": 47.8351213,
-                "lon": -122.3031554,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Highway 99",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1674506100000,
-              "departure": 1674506100000,
-              "lat": 47.834973,
-              "lon": -122.303382,
-              "name": "Hwy 99 & 180th St SW",
-              "stopCode": "1521",
-              "stopId": "CommTrans:1521",
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-          Object {
-            "agencyId": "CommTrans:29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://www.communitytransit.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 7813.43,
-            "duration": 1560,
-            "endTime": 1674507660000,
-            "from": Object {
-              "arrival": 1674506100000,
-              "departure": 1674506100000,
-              "lat": 47.834973,
-              "lon": -122.303382,
-              "name": "Hwy 99 & 180th St SW",
-              "stopCode": "1521",
-              "stopId": "CommTrans:1521",
-              "stopIndex": 16,
-              "stopSequence": 17,
-              "vertexType": "TRANSIT",
-            },
-            "generalizedCost": 2160,
-            "headsign": "Aurora Village",
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1674506220000,
-                "departure": 1674506220000,
-                "lat": 47.827669,
-                "lon": -122.309711,
-                "name": "Hwy 99 & 188th St SW",
-                "stopCode": "1502",
-                "stopId": "CommTrans:1502",
-                "stopIndex": 17,
-                "stopSequence": 18,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506280000,
-                "departure": 1674506280000,
-                "lat": 47.824801,
-                "lon": -122.312185,
-                "name": "Hwy 99 & 60th Ave W",
-                "stopCode": "1495",
-                "stopId": "CommTrans:1495",
-                "stopIndex": 18,
-                "stopSequence": 19,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506340000,
-                "departure": 1674506340000,
-                "lat": 47.820482,
-                "lon": -122.31592,
-                "name": "Hwy 99 & 196th St SW",
-                "stopCode": "1503",
-                "stopId": "CommTrans:1503",
-                "stopIndex": 19,
-                "stopSequence": 20,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506340000,
-                "departure": 1674506340000,
-                "lat": 47.81725,
-                "lon": -122.318702,
-                "name": "Hwy 99 & 200th St SW",
-                "stopCode": "1504",
-                "stopId": "CommTrans:1504",
-                "stopIndex": 20,
-                "stopSequence": 21,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506400000,
-                "departure": 1674506400000,
-                "lat": 47.815264,
-                "lon": -122.320426,
-                "name": "Hwy 99 & 202nd St SW",
-                "stopCode": "1505",
-                "stopId": "CommTrans:1505",
-                "stopIndex": 21,
-                "stopSequence": 22,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506520000,
-                "departure": 1674506520000,
-                "lat": 47.809703,
-                "lon": -122.324693,
-                "name": "Hwy 99 & 208th St SW",
-                "stopCode": "1506",
-                "stopId": "CommTrans:1506",
-                "stopIndex": 22,
-                "stopSequence": 23,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506580000,
-                "departure": 1674506580000,
-                "lat": 47.805379,
-                "lon": -122.327809,
-                "name": "Hwy 99 & 212th St SW",
-                "stopCode": "1507",
-                "stopId": "CommTrans:1507",
-                "stopIndex": 23,
-                "stopSequence": 24,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506640000,
-                "departure": 1674506640000,
-                "lat": 47.802523,
-                "lon": -122.329866,
-                "name": "Hwy 99 & 216th St SW",
-                "stopCode": "1508",
-                "stopId": "CommTrans:1508",
-                "stopIndex": 24,
-                "stopSequence": 25,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506700000,
-                "departure": 1674506700000,
-                "lat": 47.798918,
-                "lon": -122.332468,
-                "name": "Hwy 99 & 220th St SW",
-                "stopCode": "1509",
-                "stopId": "CommTrans:1509",
-                "stopIndex": 25,
-                "stopSequence": 26,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674506820000,
-                "departure": 1674506820000,
-                "lat": 47.795549,
-                "lon": -122.334893,
-                "name": "Hwy 99 & 224th St SW",
-                "stopCode": "1510",
-                "stopId": "CommTrans:1510",
-                "stopIndex": 26,
-                "stopSequence": 27,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674507000000,
-                "departure": 1674507000000,
-                "lat": 47.790207,
-                "lon": -122.338743,
-                "name": "Hwy 99 & 230th St SW",
-                "stopCode": "1511",
-                "stopId": "CommTrans:1511",
-                "stopIndex": 27,
-                "stopSequence": 28,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674507240000,
-                "departure": 1674507240000,
-                "lat": 47.783697,
-                "lon": -122.343432,
-                "name": "Hwy 99 & 238th St SW",
-                "stopCode": "1517",
-                "stopId": "CommTrans:1517",
-                "stopIndex": 28,
-                "stopSequence": 29,
-                "vertexType": "TRANSIT",
-              },
-              Object {
-                "arrival": 1674507420000,
-                "departure": 1674507420000,
-                "lat": 47.777264,
-                "lon": -122.346379,
-                "name": "Hwy 99 & N 205th St",
-                "stopCode": "2089",
-                "stopId": "CommTrans:2089",
-                "stopIndex": 29,
-                "stopSequence": 30,
-                "vertexType": "TRANSIT",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 368,
-              "points": "ew}bHfjniVj@d@JHLJPNTRb@^h@b@XThA~@n@h@j@d@l@f@VTd@^v@n@RPZVNLVRZVLJrAfAd@\`@z@r@^Zf@\`@LJbAz@dCrBj@d@ZV~ApA\`BtATP\\\\X??NLNJ^ZPNb@\\\\HFRPl@f@NL\`@^NLn@f@\`@\\\\RPf@\`@jA\`Ad@^t@l@@@??t@n@JHRP^ZZVHFNLNLb@\\\\PNJHTRPLd@^TPd@^VRPNVTXTd@^n@h@^Zb@^fA|@bAz@pAdABB??HFh@b@dA|@TPHFXT|@t@ZVPNl@f@f@\`@LJ\`@Zl@h@n@h@t@l@\\\\Vn@h@??|@t@b@^f@\`@VTNLNJnAbArAhATRNL??LJHF\\\\XLJf@\`@LJTRzAnAf@^RNNJNJ\`@ZLHh@\`@JHRLf@\\\\LHdAp@PLf@Zr@d@PJv@f@HFb@XXRrAz@\`@Vv@f@\\\\TXRLHLHLHFD??B@n@b@LHJHb@Xp@b@NJfAp@HF\\\\TRLl@^\\\\TTN\\\\Td@XXPv@f@xA\`Aj@^PJn@b@p@b@TN\`@V??zA\`ADBLHb@ZTNHFl@^HFVNXP\\\\T^Th@\\\\\\\\TfAt@x@h@HFHF??VNNHTNZRj@^d@ZjAv@bAn@bAn@FDxBvAt@d@bAn@JFNJNHh@^??l@^hAt@t@d@NJ^T\`@VTNXPn@b@r@f@LHHF|@j@ZTv@f@vA|@JF??BBVNZRd@Zb@XTNXPf@\\\\TLb@XdAr@zA\`ARLj@\`@PLh@\\\\VNf@\\\\hAt@RLTLTNTNLHLHRLPLTNdAp@h@\\\\pAx@??FDb@XLHZR~@l@^V\`BdANJd@Z\`An@VNZR^V\\\\TZRjBjAfAr@d@Z\`GxD^VXPNJh@Zt@d@z@j@b@XJHDB??fAr@\`Al@VPTNZRTNPLHFJHNJNLPLLJ\\\\VLJt@l@b@\\\\RP\`@Z\\\\VXRXPd@VPJTJRHPFZJVHXHVFPDRD\`@FXB\\\\@X@^?T?hAEz@GdAILATA??f@Cb@ANAjACr@Cr@AX?R?P?VAX?l@?T?f@?T?|AAH?BqBAg@?{A?m@?c@?iB?u@?yCe@??K",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "route": "Mariner P&R - Aurora Village",
-            "routeColor": "0070c0",
-            "routeId": "CommTrans:101",
-            "routeLongName": "Mariner P&R - Aurora Village",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "2023-01-23",
-            "startTime": 1674506100000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1674507660000,
-              "departure": 1674507660000,
-              "lat": 47.77435,
-              "lon": -122.34277,
-              "name": "Aurora Village Transit Center",
-              "stopCode": "2877",
-              "stopId": "CommTrans:2877",
-              "stopIndex": 30,
-              "stopSequence": 31,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": true,
-            "tripBlockId": "MCOB-DO:123:0:Weekday:1:22SEP:41028:12345",
-            "tripId": "CommTrans:10499096__MCOB-DO:123:0:Weekday:1:22SEP:41028:12345",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 38.11,
-            "duration": 47,
-            "endTime": 1674507707000,
-            "from": Object {
-              "arrival": 1674507660000,
-              "departure": 1674507660000,
-              "lat": 47.77435,
-              "lon": -122.34277,
-              "name": "Aurora Village Transit Center",
-              "stopCode": "2877",
-              "stopId": "CommTrans:2877",
-              "vertexType": "TRANSIT",
-            },
-            "generalizedCost": 67,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 12,
-              "points": "u|qbHhaviV??R??]@C?A@C?C?ACI?O@?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1674507660000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 10.22,
-                "elevation": "",
-                "lat": 47.77435,
-                "lon": -122.3427609,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "service road",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 11.17,
-                "elevation": "",
-                "lat": 47.7742581,
-                "lon": -122.3427605,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": true,
-                "bogusName": true,
-                "distance": 16.73,
-                "elevation": "",
-                "lat": 47.7742565,
-                "lon": -122.3426111,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "open area",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1674507707000,
-              "departure": 1674508020000,
-              "lat": 47.7742424,
-              "lon": -122.342407,
-              "name": "Aurora Village Transit Center - Bay 10",
-              "stopCode": "16100",
-              "stopId": "kcm:16100",
-              "vertexType": "TRANSIT",
-              "zoneId": "18",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-          Object {
-            "agencyId": "kcm:1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://metro.kingcounty.gov",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 4792.95,
-            "duration": 780,
-            "endTime": 1674508800000,
-            "from": Object {
-              "arrival": 1674507707000,
-              "departure": 1674508020000,
-              "lat": 47.7742424,
-              "lon": -122.342407,
-              "name": "Aurora Village Transit Center - Bay 10",
-              "stopCode": "16100",
-              "stopId": "kcm:16100",
-              "stopIndex": 0,
-              "stopSequence": 1,
-              "vertexType": "TRANSIT",
-              "zoneId": "18",
-            },
-            "generalizedCost": 1693,
-            "headsign": "Downtown Seattle",
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1674508073000,
-                "departure": 1674508073000,
-                "lat": 47.7737427,
-                "lon": -122.346207,
-                "name": "Aurora Ave N & N 200th St",
-                "stopCode": "75700",
-                "stopId": "kcm:75700",
-                "stopIndex": 1,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508191000,
-                "departure": 1674508191000,
-                "lat": 47.7672043,
-                "lon": -122.3461,
-                "name": "Aurora Ave N & N 192nd St",
-                "stopCode": "75730",
-                "stopId": "kcm:75730",
-                "stopIndex": 2,
-                "stopSequence": 13,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508270000,
-                "departure": 1674508270000,
-                "lat": 47.7628479,
-                "lon": -122.346184,
-                "name": "Aurora Ave N & N 185th St",
-                "stopCode": "75740",
-                "stopId": "kcm:75740",
-                "stopIndex": 3,
-                "stopSequence": 22,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508331000,
-                "departure": 1674508331000,
-                "lat": 47.7594452,
-                "lon": -122.346237,
-                "name": "Aurora Ave N & N 180th St",
-                "stopCode": "75750",
-                "stopId": "kcm:75750",
-                "stopIndex": 4,
-                "stopSequence": 32,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508407000,
-                "departure": 1674508407000,
-                "lat": 47.7552986,
-                "lon": -122.345856,
-                "name": "Aurora Ave N & N 175th St",
-                "stopCode": "75760",
-                "stopId": "kcm:75760",
-                "stopIndex": 5,
-                "stopSequence": 40,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508466000,
-                "departure": 1674508466000,
-                "lat": 47.7520294,
-                "lon": -122.345741,
-                "name": "Aurora Ave N & N 170th St",
-                "stopCode": "75770",
-                "stopId": "kcm:75770",
-                "stopIndex": 6,
-                "stopSequence": 48,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508532000,
-                "departure": 1674508532000,
-                "lat": 47.7483559,
-                "lon": -122.345688,
-                "name": "Aurora Ave N & N 165th St",
-                "stopCode": "75780",
-                "stopId": "kcm:75780",
-                "stopIndex": 7,
-                "stopSequence": 56,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508599000,
-                "departure": 1674508599000,
-                "lat": 47.7446899,
-                "lon": -122.34565,
-                "name": "Aurora Ave N & N 160th St",
-                "stopCode": "75790",
-                "stopId": "kcm:75790",
-                "stopIndex": 8,
-                "stopSequence": 66,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508668000,
-                "departure": 1674508668000,
-                "lat": 47.7408867,
-                "lon": -122.345497,
-                "name": "Aurora Ave N & N 155th St",
-                "stopCode": "75800",
-                "stopId": "kcm:75800",
-                "stopIndex": 9,
-                "stopSequence": 73,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-              Object {
-                "arrival": 1674508707000,
-                "departure": 1674508707000,
-                "lat": 47.7386818,
-                "lon": -122.345428,
-                "name": "Aurora Ave N & N 152nd St",
-                "stopCode": "75810",
-                "stopId": "kcm:75810",
-                "stopIndex": 10,
-                "stopSequence": 75,
-                "vertexType": "TRANSIT",
-                "zoneId": "18",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 94,
-              "points": "q{qbH\`_viV?\`AB~R?b@\\\\Cr@???dB?rBE~@A\`HA|IElGArBC??f@?\`DBpA?fB?pA@r@BhDBdB@lA???~@BbDDr@?|BBxAB|@?v@?PCb@?HA??v@AtAIjBInBGn@AvAGhES~BM??TA\`AE\`AA\`B?hACbDCfB?|@C??v@AxDCnAAhA?bB?pA?xAA\`AA??l@?n@?r@?|@CxAAj@?pB@vA?vB?dAA??|CEv@?fAE\`CIhA?~CEnBC??~JIt@A??vBEz@AZCrAApAEfBEvFCvDCrBA",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "routeId": "kcm:102615",
-            "routeShortName": "E Line",
-            "routeType": 3,
-            "serviceDate": "2023-01-23",
-            "startTime": 1674508020000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1674508800000,
-              "departure": 1674508800000,
-              "lat": 47.7335701,
-              "lon": -122.345268,
-              "name": "Aurora Ave N & N 145th St",
-              "stopCode": "6950",
-              "stopId": "kcm:6950",
-              "stopIndex": 11,
-              "stopSequence": 84,
-              "vertexType": "TRANSIT",
-              "zoneId": "20",
-            },
-            "transitLeg": true,
-            "tripBlockId": "6649263",
-            "tripId": "kcm:585679422",
-            "tripShortName": "LOCAL",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 316.32,
-            "duration": 268,
-            "endTime": 1674509068000,
-            "from": Object {
-              "arrival": 1674508800000,
-              "departure": 1674508800000,
-              "lat": 47.7335701,
-              "lon": -122.345268,
-              "name": "Aurora Ave N & N 145th St",
-              "stopCode": "6950",
-              "stopId": "kcm:6950",
-              "vertexType": "TRANSIT",
-              "zoneId": "20",
-            },
-            "generalizedCost": 490,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 19,
-              "points": "y}ibH|pviV@Be@?I??Q]?O?Q??c@?W?qB?aA?kA@e@AiEQ??Q@K?o@",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1674508800000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 26.16,
-                "elevation": "",
-                "lat": 47.73357,
-                "lon": -122.3452855,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "sidewalk",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 7.06,
-                "elevation": "",
-                "lat": 47.7338053,
-                "lon": -122.3452885,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "service road",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 35.59,
-                "elevation": "",
-                "lat": 47.7338066,
-                "lon": -122.3451941,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Aurora Avenue North",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 207.88,
-                "elevation": "",
-                "lat": 47.7341266,
-                "lon": -122.3451971,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "North 145th Street",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 10.3,
-                "elevation": "",
-                "lat": 47.7341208,
-                "lon": -122.3424174,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Stone Avenue North",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 29.32,
-                "elevation": "",
-                "lat": 47.7342134,
-                "lon": -122.3424186,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1674509068000,
-              "lat": 47.7342206,
-              "lon": -122.3420287,
-              "name": "1318 North 145th Street, Seattle, WA, USA",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-        ],
-        "startTime": 1674505485000,
-        "tooSloped": false,
-        "transfers": 1,
-        "transitTime": 2340,
-        "waitingTime": 313,
-        "walkDistance": 1157.33,
-        "walkLimitExceeded": false,
-        "walkTime": 930,
-      }
-    }
-    layout={
-      Array [
-        Object {
-          "cols": Array [
-            Object {
-              "fareContainer": "cash",
-              "header": "cash",
-              "riderCategory": "regular",
-            },
-            Object {
-              "fareContainer": "electronic",
-              "header": "electronic",
-              "riderCategory": "regular",
-            },
-            Object {
-              "fareContainer": "electronic",
-              "header": "special",
-              "riderCategory": "special",
-            },
-          ],
-          "header": "regular",
-        },
-        Object {
-          "cols": Array [
-            Object {
-              "fareContainer": "cash",
-              "header": "cash",
-              "riderCategory": "youth",
-            },
-            Object {
-              "fareContainer": "electronic",
-              "header": "electronic",
-              "riderCategory": "youth",
-            },
-          ],
-          "header": "youth",
-        },
-        Object {
-          "cols": Array [
-            Object {
-              "fareContainer": "cash",
-              "header": "cash",
-              "riderCategory": "senior",
-            },
-            Object {
-              "fareContainer": "electronic",
-              "header": "electronic",
-              "riderCategory": "senior",
-            },
-          ],
-          "header": "senior",
-        },
-      ]
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 2`] = `
-.c2 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c1 th {
-  font-weight: normal;
-  min-width: 5ch;
-  padding: 0.75em 1.5em;
-  text-align: center;
-}
-
-.c1 th:nth-of-type(2n + 1) {
-  background: #cccccc22;
-}
-
-.c1 th.main {
-  background: #333333;
-  color: #ffffffcc;
-}
-
-.c0 {
-  border-collapse: collapse;
-  display: block;
-  margin-bottom: 16px;
-  padding: 0;
-}
-
-.c0 td {
-  text-align: right;
-}
-
-.c0 td:nth-of-type(2n + 1) {
-  background: #cccccc22;
-}
-
-.c0 td.no-zebra {
-  background: none;
-}
-
-.c0 th:first-of-type {
-  height: 40px;
-}
-
-.c3 {
-  padding-left: 4px;
-}
-
-<div>
-  <table
-    className="c0"
-  >
-    <thead
-      className="c1"
-    >
-      <th
-        className="main"
-        scope="col"
-      >
-        <strong>
-          Adult
-        </strong>
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Cash
-        </strong>
-        <br />
-        $2.50
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Electronic
-        </strong>
-        <br />
-        $2.50
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Special
-        </strong>
-        <br />
-        $1.50
-      </th>
-    </thead>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        Mariner P&R - Aurora Village
-      </td>
-      <td>
-        $2.50
-      </td>
-      <td>
-        $2.50
-      </td>
-      <td>
-        $1.25
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        E Line
-      </td>
-      <td>
-        $0.00
-      </td>
-      <td>
-        $0.00
-      </td>
-      <td
-        title="Transfer discount of $1.25 is applied"
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.25
-      </td>
-    </tr>
-  </table>
-  <table
-    className="c0"
-  >
-    <thead
-      className="c1"
-    >
-      <th
-        className="main"
-        scope="col"
-      >
-        <strong>
-          Youth
-        </strong>
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Cash
-        </strong>
-        <br />
-        $0.00
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Electronic
-        </strong>
-        <br />
-        $0.00
-      </th>
-    </thead>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        Mariner P&R - Aurora Village
-      </td>
-      <td>
-        $0.00
-      </td>
-      <td>
-        $0.00
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        E Line
-      </td>
-      <td>
-        $0.00
-      </td>
-      <td>
-        $0.00
-      </td>
-    </tr>
-  </table>
-  <table
-    className="c0"
-  >
-    <thead
-      className="c1"
-    >
-      <th
-        className="main"
-        scope="col"
-      >
-        <strong>
-          Senior
-        </strong>
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Cash
-        </strong>
-        <br />
-        $2.25
-      </th>
-      <th
-        scope="col"
-      >
-        <strong>
-          Electronic
-        </strong>
-        <br />
-        $1.25
-      </th>
-    </thead>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        Mariner P&R - Aurora Village
-      </td>
-      <td>
-        $1.25
-      </td>
-      <td>
-        $1.25
-      </td>
-    </tr>
-    <tr>
-      <td
-        className="no-zebra"
-      >
-        E Line
-      </td>
-      <td>
-        $1.00
-      </td>
-      <td
-        title="Transfer discount of $1.25 is applied"
-      >
-        <svg
-          aria-hidden="true"
-          className="c2 c3"
-          fill="currentColor"
-          focusable="false"
-          height={16}
-          viewBox="0 0 24 24"
-          width={16}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-          />
-        </svg>
-         
-        $0.00
-      </td>
-    </tr>
-  </table>
-</div>
-`;
-
-exports[`Storyshots TripDetails OTP 2 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)}
->
-  <TripDetails
-    co2Config={
-      Object {
-        "enabled": true,
-      }
-    }
-    fareKeyNameMap={Object {}}
-    itinerary={
-      Object {
-        "arrivedAtDestinationWithRentedBicycle": false,
-        "duration": 685,
-        "elevationGained": 0,
-        "elevationLost": 0,
-        "endTime": 1655310385000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {},
-        },
-        "generalizedCost": 2010,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -14400000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 266.417,
-            "duration": 276,
-            "endTime": 1655309976000,
-            "from": Object {
-              "departure": 1655309700000,
-              "lat": 33.76261572454295,
-              "lon": -84.3844002328133,
-              "name": "300 Courtland St NE, Atlanta, GA 30303-12ND, United States",
-              "vertexType": "NORMAL",
-            },
-            "generalizedCost": 526,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 13,
-              "points": "igamE\`h\`bON?n@?N@L??LAHA|H?J?F?DdA@F?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1655309700000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 52.548,
-                "elevation": "",
-                "lat": 33.76261325291033,
-                "lon": -84.38416504660155,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Courtland Street Northeast",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 171.07699999999997,
-                "elevation": "",
-                "lat": 33.7621407,
-                "lon": -84.3841721,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 42.792,
-                "elevation": "",
-                "lat": 33.7621644,
-                "lon": -84.3860173,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Peachtree Center Avenue Northeast",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1655309976000,
-              "bikeShareId": "fd289bac-5280-4a00-af3e-685f44050a8d",
-              "departure": 1655309976000,
-              "lat": 33.76178,
-              "lon": -84.38606,
-              "name": "fd289bac-5280-4a00-af3e-685f44050a8d",
-              "networks": Array [
-                "RAZOR",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-          Object {
-            "agencyTimeZoneOffset": -14400000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1579.257,
-            "duration": 409,
-            "endTime": 1655310385000,
-            "from": Object {
-              "arrival": 1655309976000,
-              "bikeShareId": "fd289bac-5280-4a00-af3e-685f44050a8d",
-              "departure": 1655309976000,
-              "lat": 33.76178,
-              "lon": -84.38606,
-              "name": "fd289bac-5280-4a00-af3e-685f44050a8d",
-              "networks": Array [
-                "RAZOR",
-              ],
-              "vertexType": "BIKESHARE",
-            },
-            "generalizedCost": 1483,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 61,
-              "points": "abamEts\`bOG??DzCBL?L?\`FBN?J?bFBJ?N?J?N@N?dE@tDBvB?D?@?B@H?lB@PBXN^ZPP?F?BAdE?H@|@?T?v@?XAH?FJFRLnA|@JJHFj@\`@\\\\VTPLHLJh@^TRd@\\\\VRJHLH\`At@pBzAHDPJPJzD~CEHIG",
-            },
-            "mode": "SCOOTER",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": true,
-            "route": "",
-            "startTime": 1655309976000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 3.792,
-                "elevation": "",
-                "lat": 33.76177959874698,
-                "lon": -84.38602445700776,
-                "relativeDirection": "HARD_RIGHT",
-                "stayOn": false,
-                "streetName": "Peachtree Center Avenue Northeast",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 3.032,
-                "elevation": "",
-                "lat": 33.761813700000005,
-                "lon": -84.38602390000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "service road",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 822.329,
-                "elevation": "",
-                "lat": 33.7618142,
-                "lon": -84.38605670000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Peachtree Center Cycle Track",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 186.854,
-                "elevation": "",
-                "lat": 33.754499700000004,
-                "lon": -84.3865004,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Edgewood Avenue Northeast",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 81.88100000000001,
-                "elevation": "",
-                "lat": 33.7545008,
-                "lon": -84.38852130000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Pryor Street Southwest",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 157.972,
-                "elevation": "",
-                "lat": 33.753883,
-                "lon": -84.389003,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "Pryor Street",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 310.786,
-                "elevation": "",
-                "lat": 33.7527003,
-                "lon": -84.38994960000001,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "Pryor Street Southwest",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "NORTHWEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 5.783,
-                "elevation": "",
-                "lat": 33.7503831,
-                "lon": -84.3918258,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 6.828,
-                "elevation": "",
-                "lat": 33.7504125,
-                "lon": -84.3918774,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "sidewalk",
-                "walkingBike": true,
-              },
-            ],
-            "to": Object {
-              "arrival": 1655310385000,
-              "lat": 33.75048449782606,
-              "lon": -84.39187533825107,
-              "name": "126 Mitchell St SW, Atlanta, GA 30303-3524, United States",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-        ],
-        "startTime": 1655309700000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 1845.674,
-        "walkLimitExceeded": false,
-        "walkTime": 685,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            June 15, 2022
-          </strong>
-           at 
-          <strong>
-            9:15 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>
-          5 minutes
-        </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>
-              5 minutes
-            </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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            7g
-          </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 OTP 2 Flex 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": 5849,
-        "elevationGained": 0,
-        "elevationLost": 0,
-        "endTime": 1655948239000,
-        "generalizedCost": 8302,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -21600000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 509.149,
-            "duration": 396,
-            "endTime": 1655942786000,
-            "from": Object {
-              "departure": 1655942390000,
-              "lat": 40.16208338164619,
-              "lon": -105.09933471679689,
-              "name": "2nd Avenue, Longmont, CO, USA",
-              "vertexType": "NORMAL",
-            },
-            "generalizedCost": 768,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 22,
-              "points": "mdctF|en\`S?hBF@\`@?T?B?F?X?nB?bAA\`@?H?N?J?^??F?xC?jA?pCh@??pC\`AV",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1655942390000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 45.237,
-                "elevation": "",
-                "lat": 40.162154,
-                "lon": -105.099347,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "parking aisle",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 215.189,
-                "elevation": "",
-                "lat": 40.162159200000005,
-                "lon": -105.09987930000001,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Emery Street",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 163.417,
-                "elevation": "",
-                "lat": 40.160224,
-                "lon": -105.099874,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "1st Avenue",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 85.306,
-                "elevation": "",
-                "lat": 40.1602258,
-                "lon": -105.101797,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "parking aisle",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1655942786000,
-              "departure": 1655942786000,
-              "lat": 40.159686,
-              "lon": -105.102641,
-              "name": "S Main St & 1st Ave",
-              "stopCode": "25633",
-              "stopId": "3:25633",
-              "vertexType": "TRANSIT",
-              "zoneId": "25633",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-          Object {
-            "agencyId": "3:RTD",
-            "agencyName": "Regional Transportation District",
-            "agencyTimeZoneOffset": -21600000,
-            "agencyUrl": "http://rtd-denver.com",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 15862.222110025103,
-            "duration": 1132,
-            "endTime": 1655943918000,
-            "from": Object {
-              "arrival": 1655942786000,
-              "departure": 1655942786000,
-              "lat": 40.159686,
-              "lon": -105.102641,
-              "name": "S Main St & 1st Ave",
-              "stopCode": "25633",
-              "stopId": "3:25633",
-              "stopIndex": 3,
-              "stopSequence": 4,
-              "vertexType": "TRANSIT",
-              "zoneId": "25633",
-            },
-            "generalizedCost": 1732,
-            "headsign": "US36/Broomfield Stn",
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1655942876000,
-                "departure": 1655942876000,
-                "lat": 40.155185,
-                "lon": -105.102576,
-                "name": "S Main St & Ken Pratt Blvd",
-                "stopCode": "15165",
-                "stopId": "3:15165",
-                "stopIndex": 4,
-                "stopSequence": 5,
-                "vertexType": "TRANSIT",
-                "zoneId": "15165",
-              },
-              Object {
-                "arrival": 1655943000000,
-                "departure": 1655943000000,
-                "lat": 40.149018,
-                "lon": -105.102689,
-                "name": "S Main St & Jersey Ave",
-                "stopCode": "17660",
-                "stopId": "3:17660",
-                "stopIndex": 5,
-                "stopSequence": 6,
-                "vertexType": "TRANSIT",
-                "zoneId": "17660",
-              },
-              Object {
-                "arrival": 1655943029000,
-                "departure": 1655943029000,
-                "lat": 40.144378,
-                "lon": -105.102595,
-                "name": "S Main St & Missouri Ave",
-                "stopCode": "17661",
-                "stopId": "3:17661",
-                "stopIndex": 6,
-                "stopSequence": 7,
-                "vertexType": "TRANSIT",
-                "zoneId": "17661",
-              },
-              Object {
-                "arrival": 1655943046000,
-                "departure": 1655943046000,
-                "lat": 40.14157,
-                "lon": -105.102641,
-                "name": "S Main St & Quebec Ave",
-                "stopCode": "17844",
-                "stopId": "3:17844",
-                "stopIndex": 7,
-                "stopSequence": 8,
-                "vertexType": "TRANSIT",
-                "zoneId": "17844",
-              },
-              Object {
-                "arrival": 1655943069000,
-                "departure": 1655943069000,
-                "lat": 40.137914,
-                "lon": -105.102531,
-                "name": "US 287 & Pike Rd",
-                "stopCode": "25095",
-                "stopId": "3:25095",
-                "stopIndex": 8,
-                "stopSequence": 9,
-                "vertexType": "TRANSIT",
-                "zoneId": "25095",
-              },
-              Object {
-                "arrival": 1655943300000,
-                "departure": 1655943300000,
-                "lat": 40.101956,
-                "lon": -105.103046,
-                "name": "US 287 & Niwot Rd",
-                "stopCode": "21009",
-                "stopId": "3:21009",
-                "stopIndex": 9,
-                "stopSequence": 10,
-                "vertexType": "TRANSIT",
-                "zoneId": "21009",
-              },
-              Object {
-                "arrival": 1655943412000,
-                "departure": 1655943412000,
-                "lat": 40.086627,
-                "lon": -105.103036,
-                "name": "US 287 & Hwy 52",
-                "stopCode": "33296",
-                "stopId": "3:33296",
-                "stopIndex": 10,
-                "stopSequence": 11,
-                "vertexType": "TRANSIT",
-                "zoneId": "33296",
-              },
-              Object {
-                "arrival": 1655943516000,
-                "departure": 1655943516000,
-                "lat": 40.072405,
-                "lon": -105.102653,
-                "name": "US 287 & Lookout Rd",
-                "stopCode": "23797",
-                "stopId": "3:23797",
-                "stopIndex": 11,
-                "stopSequence": 12,
-                "vertexType": "TRANSIT",
-                "zoneId": "23797",
-              },
-              Object {
-                "arrival": 1655943594000,
-                "departure": 1655943594000,
-                "lat": 40.061667,
-                "lon": -105.102854,
-                "name": "US 287 & Dawson Dr",
-                "stopCode": "23798",
-                "stopId": "3:23798",
-                "stopIndex": 12,
-                "stopSequence": 13,
-                "vertexType": "TRANSIT",
-                "zoneId": "23798",
-              },
-              Object {
-                "arrival": 1655943650000,
-                "departure": 1655943650000,
-                "lat": 40.053974,
-                "lon": -105.10285,
-                "name": "US 287 & Goose Haven Dr",
-                "stopCode": "19960",
-                "stopId": "3:19960",
-                "stopIndex": 13,
-                "stopSequence": 14,
-                "vertexType": "TRANSIT",
-                "zoneId": "19960",
-              },
-              Object {
-                "arrival": 1655943782000,
-                "departure": 1655943782000,
-                "lat": 40.035839,
-                "lon": -105.103248,
-                "name": "US 287 & Isabelle Rd",
-                "stopCode": "33685",
-                "stopId": "3:33685",
-                "stopIndex": 14,
-                "stopSequence": 15,
-                "vertexType": "TRANSIT",
-                "zoneId": "33685",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 238,
-              "points": "_ubtFzyn\`SnGAp@?n@@Z?dA???|@?L???D?B?pB?b@???b@???D?\\\\@??\\\\???|A???H??@x@AR???nC?tA@??v@?L?@?d@A~ACP?R?d@Af@?R?rA?jG???rAAbB?d@???j@???|C?fEA??tG???~A???N?fC???dPCH???~A???F?bA@jAAzACrCI~BE??r@A??z@@B???rNNz@@??~CD??b@?dC@??|@@??rA?hA@fC@pEDrEBpEDpE?pEArE?pEAvD@??zCAjE?\`GAnH@vB?bD?|E?B?bHD??vC@tCBjHFxQHnd@XnABnA@??jFB??tP?hPAJ@HA??lDA??vFEfHE??|E@bB@??rI???d@@pA?P?N?lAAjAA??\`HErCIzCQb@C??fDKlVIrFChCA??P?hGE??zJ?vCE\`BB??~C@??bGJpCHdBFpGPvCHlHDpB???zDC\`KS?@|@C????|BCvF?|B?zC@~U@??t@?|A???\`@???bP@pEA\`@?f@A??~FClBA~@?bAAvHAhI?tF@??zFB??jENfCJ??^???vNd@~AHvBF^???\`@@?@dC@xBCnIWpBOlNc@??|BEjDCjDBpIAtI@zDD|@B??lO\`@??hBD??\`E@TLf@?N@L?zB?~@?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "route": "Longmont / Denver",
-            "routeColor": "111",
-            "routeId": "3:LD3",
-            "routeLongName": "Longmont / Denver",
-            "routeShortName": "LD3",
-            "routeTextColor": "FFFFFF",
-            "routeType": 3,
-            "serviceDate": "2022-06-22",
-            "startTime": 1655942786000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1655943918000,
-              "departure": 1655943918000,
-              "lat": 40.017138,
-              "lon": -105.103104,
-              "name": "US 287 & Arapahoe Rd",
-              "stopCode": "33109",
-              "stopId": "3:33109",
-              "stopIndex": 15,
-              "stopSequence": 16,
-              "vertexType": "TRANSIT",
-              "zoneId": "33109",
-            },
-            "transitLeg": true,
-            "tripBlockId": "LD  1",
-            "tripId": "3:114127824",
-          },
-          Object {
-            "agencyTimeZoneOffset": -21600000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 384.195,
-            "duration": 265,
-            "endTime": 1655944183000,
-            "from": Object {
-              "arrival": 1655943918000,
-              "departure": 1655943918000,
-              "lat": 40.017138,
-              "lon": -105.103104,
-              "name": "US 287 & Arapahoe Rd",
-              "stopCode": "33109",
-              "stopId": "3:33109",
-              "vertexType": "TRANSIT",
-              "zoneId": "33109",
-            },
-            "generalizedCost": 517,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 12,
-              "points": "azfsFl}n\`S?_@n@?d@?zFAtAA^vBP|ABn@?j@?^F?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1655943918000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 236.469,
-                "elevation": "",
-                "lat": 40.01713789802029,
-                "lon": -105.10294093918819,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "US Highway 287",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 147.726,
-                "elevation": "",
-                "lat": 40.015011300000005,
-                "lon": -105.102929,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Arapahoe Road",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1655944183000,
-              "departure": 1655946021000,
-              "lat": 40.014708,
-              "lon": -105.104614,
-              "name": "Arapahoe Rd & Stonehenge Dr",
-              "stopCode": "33465",
-              "stopId": "3:33465",
-              "vertexType": "TRANSIT",
-              "zoneId": "33465",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-          Object {
-            "agencyId": "3:RTD",
-            "agencyName": "Regional Transportation District",
-            "agencyTimeZoneOffset": -21600000,
-            "agencyUrl": "http://rtd-denver.com",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 7443.660797172239,
-            "duration": 579,
-            "endTime": 1655946600000,
-            "from": Object {
-              "arrival": 1655944183000,
-              "departure": 1655946021000,
-              "lat": 40.014708,
-              "lon": -105.104614,
-              "name": "Arapahoe Rd & Stonehenge Dr",
-              "stopCode": "33465",
-              "stopId": "3:33465",
-              "stopIndex": 38,
-              "stopSequence": 39,
-              "vertexType": "TRANSIT",
-              "zoneId": "33465",
-            },
-            "generalizedCost": 3017,
-            "headsign": "Erie Community Center",
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1655946060000,
-                "departure": 1655946060000,
-                "lat": 40.015098,
-                "lon": -105.099625,
-                "name": "Arapahoe Rd & US 287",
-                "stopCode": "21423",
-                "stopId": "3:21423",
-                "stopIndex": 39,
-                "stopSequence": 40,
-                "vertexType": "TRANSIT",
-                "zoneId": "21423",
-              },
-              Object {
-                "arrival": 1655946105000,
-                "departure": 1655946105000,
-                "lat": 40.014623,
-                "lon": -105.092745,
-                "name": "Arapahoe Rd & 111th St",
-                "stopCode": "33256",
-                "stopId": "3:33256",
-                "stopIndex": 40,
-                "stopSequence": 41,
-                "vertexType": "TRANSIT",
-                "zoneId": "33256",
-              },
-              Object {
-                "arrival": 1655946148000,
-                "departure": 1655946148000,
-                "lat": 40.014674,
-                "lon": -105.086019,
-                "name": "Arapahoe Rd & Hawkridge Rd",
-                "stopCode": "33257",
-                "stopId": "3:33257",
-                "stopIndex": 41,
-                "stopSequence": 42,
-                "vertexType": "TRANSIT",
-                "zoneId": "33257",
-              },
-              Object {
-                "arrival": 1655946351000,
-                "departure": 1655946351000,
-                "lat": 40.029654,
-                "lon": -105.074474,
-                "name": "2800 Block 119th St",
-                "stopCode": "33258",
-                "stopId": "3:33258",
-                "stopIndex": 42,
-                "stopSequence": 43,
-                "vertexType": "TRANSIT",
-                "zoneId": "33258",
-              },
-              Object {
-                "arrival": 1655946391000,
-                "departure": 1655946391000,
-                "lat": 40.034345,
-                "lon": -105.074492,
-                "name": "119th St & Austin Ave",
-                "stopCode": "33259",
-                "stopId": "3:33259",
-                "stopIndex": 43,
-                "stopSequence": 44,
-                "vertexType": "TRANSIT",
-                "zoneId": "33259",
-              },
-              Object {
-                "arrival": 1655946428000,
-                "departure": 1655946428000,
-                "lat": 40.036636,
-                "lon": -105.0718,
-                "name": "Erie Pkwy & Brennan St",
-                "stopCode": "33260",
-                "stopId": "3:33260",
-                "stopIndex": 44,
-                "stopSequence": 45,
-                "vertexType": "TRANSIT",
-                "zoneId": "33260",
-              },
-              Object {
-                "arrival": 1655946475000,
-                "departure": 1655946475000,
-                "lat": 40.036558,
-                "lon": -105.064508,
-                "name": "Erie Pkwy & Meller St",
-                "stopCode": "33261",
-                "stopId": "3:33261",
-                "stopIndex": 45,
-                "stopSequence": 46,
-                "vertexType": "TRANSIT",
-                "zoneId": "33261",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 176,
-              "points": "_kfsFzfo\`S?S?K??@_ACi@??E_@CMOeA??COMs@AKCMAI??E]S{A??MgDAc@?e@?gCJeBHe@??L}@b@sB??CUJk@Hi@Hw@??FaABgB??EcR?cA?eA?qB??A{LG}X?gA??C}HA]@oA@_FD}PBcDC}@Em@SyAGu@???Y@oO?mB{H@_C@??oFCwF@??mL?s@?c@?iJ@yD@{C@e@?kC@iB?q@?g@?uC?gE???g@???g@???qRAkF?M@M???Q???]@??i@@{HCg@?a@KUEGAGE?MAOAU?_B?QBsG?oA??B_H?yBFiSBmH?_B??@oD?iE@qA?wA?aA@c@?g@?W@]?m@@k@@cDBuB@gD@uD?mD@iAAg@?Q@Y?_@?e@?q@@sA?cB?[@c@As@AcAAQAi@Ci@Gg@ASEWEUCOKi@ESMe@M_@Si@We@Ye@MSu@{@]a@_AcAMTwBhEK\\\\E\\\\Cp@?h@D\`@@JBFNn@BHPh@FT",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "route": "Boulder / Lafayette via Arapahoe",
-            "routeColor": "0076CE",
-            "routeId": "3:JUMP",
-            "routeLongName": "Boulder / Lafayette via Arapahoe",
-            "routeShortName": "JUMP",
-            "routeTextColor": "FFFFFF",
-            "routeType": 3,
-            "serviceDate": "2022-06-22",
-            "startTime": 1655946021000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1655946600000,
-              "departure": 1655946720000,
-              "lat": 40.038626,
-              "lon": -105.052597,
-              "name": "Erie Community Center",
-              "stopCode": "33200",
-              "stopId": "3:33200",
-              "stopIndex": 46,
-              "stopSequence": 47,
-              "vertexType": "TRANSIT",
-              "zoneId": "33200",
-            },
-            "transitLeg": true,
-            "tripBlockId": "JUMP  5",
-            "tripId": "3:114150834",
-          },
-          Object {
-            "agencyTimeZoneOffset": -21600000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 37.654,
-            "duration": 32,
-            "endTime": 1655946752000,
-            "from": Object {
-              "arrival": 1655946600000,
-              "departure": 1655946720000,
-              "lat": 40.038626,
-              "lon": -105.052597,
-              "name": "Erie Community Center",
-              "stopCode": "33200",
-              "stopId": "3:33200",
-              "vertexType": "TRANSIT",
-              "zoneId": "33200",
-            },
-            "generalizedCost": 60,
-            "interlineWithPreviousLeg": false,
-            "legGeometry": Object {
-              "length": 8,
-              "points": "k\`ksFvae\`SC@@BD\\\\@L?JD?N?",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "route": "",
-            "startTime": 1655946720000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 26.074,
-                "elevation": "",
-                "lat": 40.03864052543011,
-                "lon": -105.0526046624388,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "sidewalk",
-                "walkingBike": false,
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 11.58,
-                "elevation": "",
-                "lat": 40.0385906,
-                "lon": -105.05290310000001,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
-                "walkingBike": false,
-              },
-            ],
-            "to": Object {
-              "arrival": 1655946752000,
-              "departure": 1655946752000,
-              "lat": 40.038487100000005,
-              "lon": -105.0529011,
-              "name": "corner of path and Powers Street",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "walkingBike": false,
-          },
-          Object {
-            "agencyId": "60plusride-co-us:2305",
-            "agencyName": "60+ Ride",
-            "agencyTimeZoneOffset": -21600000,
-            "agencyUrl": "https://60plusride.org/",
-            "alightRule": "mustPhone",
-            "arrivalDelay": 0,
-            "boardRule": "mustPhone",
-            "departureDelay": 0,
-            "distance": 28443,
-            "dropOffBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://60plusride.org/",
-                "phoneNumber": "555-352-9348",
-              },
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 7,
-                "time": 57600,
-              },
-              "message": "This is the first dropoff booking info message.",
-            },
-            "duration": 1487,
-            "endTime": 1655948239000,
-            "from": Object {
-              "arrival": 1655946752000,
-              "departure": 1655946752000,
-              "lat": 40.038487100000005,
-              "lon": -105.0529011,
-              "name": "60plusride-co-us:area_626",
-              "stopId": "60plusride-co-us:area_626",
-              "stopIndex": 0,
-              "vertexType": "TRANSIT",
-            },
-            "generalizedCost": 2087,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 198,
-              "points": "o_ksFtce\`SEm@Qw@c@uAAECSAMCi@By@Hg@Hi@Vm@tA{BHONYKMoCyCg@i@uA}A{AeBqDaESSKMwBcCgCuCCCuB}Bq@_A]o@Wm@W{@Os@O_ACq@CaAA}@BkA@iBD{F?wG@kF?Y?UEgL?yDAyF?s@IsLCwM?[Kq_@?e@Ay@CmFEiN?KGa@?oP?oJ?u@?wn@@qg@?uDC_RBUBmH?wJEwLCSAeG?c@?s@@uB@eBB]HwG?cB@oC@gDA{F?iB?wB?sB?gBM@O?}BFiAP_Fl@eANkDl@gE\`@c}@KgAAui@@}D?}SFeYCyUGiU?qAAiEAsf@CoJAuGG}@@ya@?qYHgVCeMBoJAgKIoNc@_I_@}CMqICcE?aC?eE?qH?aA?}Rz@qFVaF?kOC{ACcNH_^G}d@IsBEmBAaDQwBKmJy@cE]sK_AiCYsCOi@EiCMmCGyBC}BAeACwC?mGC_EJuCDyCByCN{EVmBFyQ~@cOj@aCBwBAiFB}HEeDEcECyKDsEJsRp@yRX}ZByA?yOGqUE_B?aGC{ECeOA{F?eHAq]FuKAiB?qAAq[MgKBaA?uE@ad@FiE@cI@uG?{DY}AYyGsA_AUOAU@?tBB|C?xBFfW@tCDvM",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "pickupBookingInfo": Object {
-              "contactInfo": Object {
-                "infoUrl": "https://60plusride.org/",
-                "phoneNumber": "555-352-9348",
-              },
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
-              },
-              "latestBookingTime": Object {
-                "daysPrior": 7,
-                "time": 57600,
-              },
-              "message": "This is the first pickup booking info message.",
-            },
-            "realTime": false,
-            "route": "60+ Ride",
-            "routeId": "60plusride-co-us:32995",
-            "routeLongName": "60+ Ride",
-            "routeType": 3,
-            "serviceDate": "2022-06-22",
-            "startTime": 1655946752000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1655948239000,
-              "lat": 40.23236350185715,
-              "lon": -104.98809814453126,
-              "name": "60plusride-co-us:area_626",
-              "stopId": "60plusride-co-us:area_626_flexed_to",
-              "stopIndex": 0,
-              "vertexType": "TRANSIT",
-            },
-            "transitLeg": true,
-            "tripId": "60plusride-co-us:t_2081541_b_34153_tn_0",
-          },
-        ],
-        "startTime": 1655942390000,
-        "transfers": 2,
-        "transitTime": 3198,
-        "waitingTime": 1958,
-        "walkDistance": 930.998,
-        "walkLimitExceeded": false,
-        "walkTime": 693,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots TripDetails OTP 2 Flex 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            June 22, 2022
-          </strong>
-           at 
-          <strong>
-            4:59 PM
-          </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>
-          12 minutes
-        </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>
-              12 minutes
-            </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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            4,682g
-          </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
-      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="M416 320h-96c-17.6 0-32-14.4-32-32s14.4-32 32-32h96s96-107 96-160-43-96-96-96-96 43-96 96c0 25.5 22.2 63.4 45.3 96H320c-52.9 0-96 43.1-96 96s43.1 96 96 96h96c17.6 0 32 14.4 32 32s-14.4 32-32 32H185.5c-16 24.8-33.8 47.7-47.3 64H416c52.9 0 96-43.1 96-96s-43.1-96-96-96zm0-256c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM96 256c-53 0-96 43-96 96s96 160 96 160 96-107 96-160-43-96-96-96zm0 128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__FlexSummary-sc-6q2ok2-11"
-        >
-          This trip includes flexible routes. This is the first pickup booking info message. This is the first dropoff booking info message.
-        </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>
-</div>
-`;
-
-exports[`Storyshots TripDetails Park And Ride 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": 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,
-                  },
-                ],
-                "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",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "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": "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",
-              },
-              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 TripDetails Park And Ride 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;
-}
-
-<div
-  className="c0"
->
-  <h2
-    className="c1"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
-  >
-    <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-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:50 PM
-          </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  $2.50
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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>
-          6 minutes
-        </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>
-              6 minutes
-            </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-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            1,246g
-          </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 Styled Walk Transit Walk Itinerary 1`] = `
+exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -262432,903 +239162,1753 @@ exports[`Storyshots TripDetails Styled Walk Transit Walk Itinerary 1`] = `
   locale="en-US"
   messages={Object {}}
   onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <ForwardRef(TripDetailsstory__StyledTripDetails)
-    co2Config={
-      Object {
-        "enabled": true,
-      }
-    }
-    fareKeyNameMap={Object {}}
-    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": "$",
-              },
+  textComponent={Symbol(react.fragment)}
+>
+  <FareLegTable
+    layout={
+      Array [
+        Object {
+          "cols": Array [
+            Object {
+              "columnHeaderKey": "cash",
+              "mediumId": "orca:cash",
+              "riderCategoryId": "orca:regular",
             },
-          },
+            Object {
+              "columnHeaderKey": "electronic",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:regular",
+            },
+            Object {
+              "columnHeaderKey": "special",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:special",
+            },
+          ],
+          "headerKey": "regular",
         },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
-            "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",
+        Object {
+          "cols": Array [
+            Object {
+              "columnHeaderKey": "cash",
+              "mediumId": "orca:cash",
+              "riderCategoryId": "orca:youth",
             },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+            Object {
+              "columnHeaderKey": "electronic",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:youth",
             },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688698000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTHWEST",
-                "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 {
+              "columnHeaderKey": "test",
+              "mediumId": "invalidkey",
+              "riderCategoryId": "invalidkey",
+            },
+          ],
+          "headerKey": "youth",
+        },
+        Object {
+          "cols": Array [
+            Object {
+              "columnHeaderKey": "cash",
+              "mediumId": "orca:cash",
+              "riderCategoryId": "orca:senior",
+            },
+            Object {
+              "columnHeaderKey": "electronic",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:senior",
+            },
+          ],
+          "headerKey": "senior",
+        },
+      ]
+    }
+    legs={
+      Array [
+        Object {
+          "accessibilityScore": null,
+          "agency": null,
+          "agencyBrandingUrl": undefined,
+          "agencyName": undefined,
+          "agencyUrl": undefined,
+          "alightRule": "scheduled",
+          "arrivalDelay": 0,
+          "boardRule": "scheduled",
+          "departureDelay": 0,
+          "distance": 825.81,
+          "dropOffBookingInfo": Object {
+            "latestBookingTime": undefined,
+          },
+          "dropoffType": "SCHEDULED",
+          "duration": 641,
+          "endTime": 1685140428000,
+          "fareProducts": Array [],
+          "from": Object {
+            "lat": 47.7791977,
+            "lon": -122.2903181,
+            "name": "47.7792, -122.29032",
+            "rentalVehicle": null,
+            "stop": null,
+            "stopCode": undefined,
+            "stopId": undefined,
+            "vertexType": "NORMAL",
+          },
+          "interlineWithPreviousLeg": false,
+          "intermediateStops": null,
+          "legGeometry": Object {
+            "length": 16,
+            "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???",
+          },
+          "mode": "WALK",
+          "pickupBookingInfo": null,
+          "pickupType": "SCHEDULED",
+          "realTime": false,
+          "realtimeState": null,
+          "rentedBike": false,
+          "route": undefined,
+          "routeColor": undefined,
+          "routeId": undefined,
+          "routeLongName": undefined,
+          "routeShortName": undefined,
+          "routeTextColor": undefined,
+          "startTime": 1685139787000,
+          "steps": Array [
+            Object {
+              "absoluteDirection": "EAST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 36.61,
+              "elevationProfile": Array [],
+              "lat": 47.7791959,
+              "lon": -122.290319,
+              "relativeDirection": "DEPART",
+              "stayOn": false,
+              "streetName": "242nd Street Southwest",
+            },
+            Object {
+              "absoluteDirection": "SOUTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 194.04,
+              "elevationProfile": Array [],
+              "lat": 47.7791005,
+              "lon": -122.2898502,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "Cedar Way",
+            },
+            Object {
+              "absoluteDirection": "WEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 567.32,
+              "elevationProfile": Array [],
+              "lat": 47.7773669,
+              "lon": -122.2900921,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "Northeast 205th Street - 244th Street Southwest",
+            },
+            Object {
+              "absoluteDirection": "NORTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 27.83,
+              "elevationProfile": Array [],
+              "lat": 47.7774331,
+              "lon": -122.2976837,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "path",
+            },
+          ],
+          "to": Object {
+            "lat": 47.7776833,
+            "lon": -122.297684,
+            "name": "48th Ave W & 244th St SW",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "82405",
+              "gtfsId": "kcm:82405",
+              "id": "U3RvcDprY206ODI0MDU",
+            },
+            "stopCode": "82405",
+            "stopId": "kcm:82405",
+            "vertexType": "TRANSIT",
+          },
+          "transitLeg": false,
+          "trip": null,
+          "tripHeadsign": undefined,
+          "tripId": undefined,
+        },
+        Object {
+          "accessibilityScore": null,
+          "agency": Object {
+            "alerts": Array [],
+            "id": "QWdlbmN5OmtjbTox",
+            "name": "Metro Transit",
+            "timezone": "America/Los_Angeles",
+            "url": "https://kingcounty.gov/en/dept/metro",
+          },
+          "agencyBrandingUrl": "https://kingcounty.gov/en/dept/metro",
+          "agencyName": "Metro Transit",
+          "agencyUrl": "https://kingcounty.gov/en/dept/metro",
+          "alightRule": "scheduled",
+          "arrivalDelay": 0,
+          "boardRule": "scheduled",
+          "departureDelay": 0,
+          "distance": 12180.55,
+          "dropOffBookingInfo": Object {
+            "latestBookingTime": undefined,
+          },
+          "dropoffType": "SCHEDULED",
+          "duration": 2112,
+          "endTime": 1685142540000,
+          "fareProducts": Array [
+            Object {
+              "id": "3ff3d12d-6747-3b47-842a-92c7bf167015",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:cash",
+                  "name": "cash",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 2.75,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
+                },
+                "riderCategory": Object {
+                  "id": "orca:regular",
+                  "name": "regular",
+                },
+              },
+            },
+            Object {
+              "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 2.75,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
+                },
+                "riderCategory": Object {
+                  "id": "orca:regular",
+                  "name": "regular",
+                },
+              },
+            },
+            Object {
+              "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:cash",
+                  "name": "cash",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 1,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
+                },
+                "riderCategory": Object {
+                  "id": "orca:senior",
+                  "name": "senior",
+                },
+              },
+            },
+            Object {
+              "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
+                },
+                "riderCategory": Object {
+                  "id": "orca:youth",
+                  "name": "youth",
+                },
+              },
+            },
+            Object {
+              "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 1.5,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
+                },
+                "riderCategory": Object {
+                  "id": "orca:special",
+                  "name": "special",
+                },
+              },
+            },
+            Object {
+              "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:cash",
+                  "name": "cash",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
+                },
+                "riderCategory": Object {
+                  "id": "orca:youth",
+                  "name": "youth",
+                },
               },
-              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)",
+            },
+            Object {
+              "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 1,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
+                  },
+                },
+                "riderCategory": Object {
+                  "id": "orca:senior",
+                  "name": "senior",
+                },
               },
-            ],
-            "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,
+          ],
+          "from": Object {
+            "lat": 47.7776833,
+            "lon": -122.297684,
+            "name": "48th Ave W & 244th St SW",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "82405",
+              "gtfsId": "kcm:82405",
+              "id": "U3RvcDprY206ODI0MDU",
+            },
+            "stopCode": "82405",
+            "stopId": "kcm:82405",
+            "vertexType": "TRANSIT",
           },
-          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",
+          "interlineWithPreviousLeg": false,
+          "intermediateStops": Array [
+            Object {
+              "lat": 47.7775421,
+              "locationType": "STOP",
+              "lon": -122.303215,
+              "name": "NE 205th St & 52nd Ave W",
+              "stopCode": "82410",
+              "stopId": "U3RvcDprY206ODI0MTA",
             },
-            "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",
+            Object {
+              "lat": 47.7775955,
+              "locationType": "STOP",
+              "lon": -122.308685,
+              "name": "NE 205th St & 56th Ave W",
+              "stopCode": "82430",
+              "stopId": "U3RvcDprY206ODI0MzA",
             },
-            "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",
+            Object {
+              "lat": 47.7776146,
+              "locationType": "STOP",
+              "lon": -122.311432,
+              "name": "NE 205th St & 58th Pl W",
+              "stopCode": "82440",
+              "stopId": "U3RvcDprY206ODI0NDA",
             },
-            "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
+            Object {
+              "lat": 47.7768135,
+              "locationType": "STOP",
+              "lon": -122.31382,
+              "name": "15th Ave NE & Ballinger Way NE",
+              "stopCode": "77400",
+              "stopId": "U3RvcDprY206Nzc0MDA",
+            },
+            Object {
+              "lat": 47.7747955,
+              "locationType": "STOP",
+              "lon": -122.313721,
+              "name": "15th Ave NE & Forest Park Dr NE",
+              "stopCode": "77410",
+              "stopId": "U3RvcDprY206Nzc0MTA",
+            },
+            Object {
+              "lat": 47.7721519,
+              "locationType": "STOP",
+              "lon": -122.313614,
+              "name": "15th Ave NE & NE 200th Ct",
+              "stopCode": "77418",
+              "stopId": "U3RvcDprY206Nzc0MTg",
+            },
+            Object {
+              "lat": 47.768734,
+              "locationType": "STOP",
+              "lon": -122.314636,
+              "name": "15th Ave NE & NE 192nd St",
+              "stopCode": "77940",
+              "stopId": "U3RvcDprY206Nzc5NDA",
+            },
+            Object {
+              "lat": 47.7656479,
+              "locationType": "STOP",
+              "lon": -122.313995,
+              "name": "15th Ave NE & NE Perkins Way",
+              "stopCode": "77440",
+              "stopId": "U3RvcDprY206Nzc0NDA",
+            },
+            Object {
+              "lat": 47.7626801,
+              "locationType": "STOP",
+              "lon": -122.312752,
+              "name": "15th Ave NE & 24th Ave NE",
+              "stopCode": "77450",
+              "stopId": "U3RvcDprY206Nzc0NTA",
+            },
+            Object {
+              "lat": 47.7591515,
+              "locationType": "STOP",
+              "lon": -122.31356,
+              "name": "15th Ave NE & NE 180th St",
+              "stopCode": "77460",
+              "stopId": "U3RvcDprY206Nzc0NjA",
+            },
+            Object {
+              "lat": 47.7558212,
+              "locationType": "STOP",
+              "lon": -122.314339,
+              "name": "NE 175th St & 15th Ave NE",
+              "stopCode": "77738",
+              "stopId": "U3RvcDprY206Nzc3Mzg",
+            },
+            Object {
+              "lat": 47.7558632,
+              "locationType": "STOP",
+              "lon": -122.318176,
+              "name": "NE 175th St & 10th Ave NE",
+              "stopCode": "77737",
+              "stopId": "U3RvcDprY206Nzc3Mzc",
+            },
+            Object {
+              "lat": 47.7550964,
+              "locationType": "STOP",
+              "lon": -122.324158,
+              "name": "5th Ave NE & NE 174th St",
+              "stopCode": "81246",
+              "stopId": "U3RvcDprY206ODEyNDY",
+            },
+            Object {
+              "lat": 47.752037,
+              "locationType": "STOP",
+              "lon": -122.324104,
+              "name": "5th Ave NE & NE 170th St",
+              "stopCode": "81248",
+              "stopId": "U3RvcDprY206ODEyNDg",
+            },
+            Object {
+              "lat": 47.7477875,
+              "locationType": "STOP",
+              "lon": -122.324013,
+              "name": "5th Ave NE & NE 163rd St",
+              "stopCode": "77560",
+              "stopId": "U3RvcDprY206Nzc1NjA",
+            },
+            Object {
+              "lat": 47.7454681,
+              "locationType": "STOP",
+              "lon": -122.323944,
+              "name": "5th Ave NE & NE 161st St",
+              "stopCode": "77570",
+              "stopId": "U3RvcDprY206Nzc1NzA",
+            },
+            Object {
+              "lat": 47.7436676,
+              "locationType": "STOP",
+              "lon": -122.323883,
+              "name": "5th Ave NE & NE 158th St",
+              "stopCode": "77580",
+              "stopId": "U3RvcDprY206Nzc1ODA",
+            },
+            Object {
+              "lat": 47.741066,
+              "locationType": "STOP",
+              "lon": -122.323792,
+              "name": "5th Ave NE & NE 155th St",
+              "stopCode": "81252",
+              "stopId": "U3RvcDprY206ODEyNTI",
+            },
+            Object {
+              "lat": 47.7387314,
+              "locationType": "STOP",
+              "lon": -122.323723,
+              "name": "5th Ave NE & NE 152nd St",
+              "stopCode": "81254",
+              "stopId": "U3RvcDprY206ODEyNTQ",
+            },
+            Object {
+              "lat": 47.7361908,
+              "locationType": "STOP",
+              "lon": -122.323654,
+              "name": "5th Ave NE & NE 148th St",
+              "stopCode": "81256",
+              "stopId": "U3RvcDprY206ODEyNTY",
+            },
+            Object {
+              "lat": 47.7339783,
+              "locationType": "STOP",
+              "lon": -122.322235,
+              "name": "NE 145th St & 6th Ave NE",
+              "stopCode": "82200",
+              "stopId": "U3RvcDprY206ODIyMDA",
+            },
+            Object {
+              "lat": 47.7339096,
+              "locationType": "STOP",
+              "lon": -122.315598,
+              "name": "NE 145th St & 12th Ave NE",
+              "stopCode": "82220",
+              "stopId": "U3RvcDprY206ODIyMjA",
+            },
+            Object {
+              "lat": 47.7335167,
+              "locationType": "STOP",
+              "lon": -122.312851,
+              "name": "15th Ave NE & NE 145th St",
+              "stopCode": "38830",
+              "stopId": "U3RvcDprY206Mzg4MzA",
+            },
+            Object {
+              "lat": 47.7318573,
+              "locationType": "STOP",
+              "lon": -122.31282,
+              "name": "15th Ave NE & NE 143rd St",
+              "stopCode": "38840",
+              "stopId": "U3RvcDprY206Mzg4NDA",
+            },
+            Object {
+              "lat": 47.7300568,
+              "locationType": "STOP",
+              "lon": -122.312798,
+              "name": "15th Ave NE & NE 140th St",
+              "stopCode": "38850",
+              "stopId": "U3RvcDprY206Mzg4NTA",
+            },
+            Object {
+              "lat": 47.7268677,
+              "locationType": "STOP",
+              "lon": -122.312752,
+              "name": "15th Ave NE & NE 135th St",
+              "stopCode": "38870",
+              "stopId": "U3RvcDprY206Mzg4NzA",
+            },
+            Object {
+              "lat": 47.7228928,
+              "locationType": "STOP",
+              "lon": -122.312767,
+              "name": "15th Ave NE & NE 130th St",
+              "stopCode": "38890",
+              "stopId": "U3RvcDprY206Mzg4OTA",
+            },
+            Object {
+              "lat": 47.7209663,
+              "locationType": "STOP",
+              "lon": -122.312782,
+              "name": "15th Ave NE & NE 127th St",
+              "stopCode": "38900",
+              "stopId": "U3RvcDprY206Mzg5MDA",
+            },
+            Object {
+              "lat": 47.7190018,
+              "locationType": "STOP",
+              "lon": -122.312767,
+              "name": "15th Ave NE & NE 125th St",
+              "stopCode": "38910",
+              "stopId": "U3RvcDprY206Mzg5MTA",
+            },
+            Object {
+              "lat": 47.71735,
+              "locationType": "STOP",
+              "lon": -122.312714,
+              "name": "15th Ave NE & NE 123rd St",
+              "stopCode": "38920",
+              "stopId": "U3RvcDprY206Mzg5MjA",
+            },
+            Object {
+              "lat": 47.7154694,
+              "locationType": "STOP",
+              "lon": -122.312645,
+              "name": "15th Ave NE & NE 120th St",
+              "stopCode": "38930",
+              "stopId": "U3RvcDprY206Mzg5MzA",
+            },
+            Object {
+              "lat": 47.7125664,
+              "locationType": "STOP",
+              "lon": -122.314827,
+              "name": "Pinehurst Way NE & NE 115th St",
+              "stopCode": "38962",
+              "stopId": "U3RvcDprY206Mzg5NjI",
+            },
+            Object {
+              "lat": 47.7086334,
+              "locationType": "STOP",
+              "lon": -122.318367,
+              "name": "NE Northgate Way & Roosevelt Way NE",
+              "stopCode": "82198",
+              "stopId": "U3RvcDprY206ODIxOTg",
+            },
+            Object {
+              "lat": 47.7081947,
+              "locationType": "STOP",
+              "lon": -122.323364,
+              "name": "5th Ave NE & NE Northgate Way",
+              "stopCode": "23230",
+              "stopId": "U3RvcDprY206MjMyMzA",
+            },
+            Object {
+              "lat": 47.7059097,
+              "locationType": "STOP",
+              "lon": -122.323296,
+              "name": "5th Ave NE & Northgate Mall",
+              "stopCode": "23250",
+              "stopId": "U3RvcDprY206MjMyNTA",
+            },
+            Object {
+              "lat": 47.7032166,
+              "locationType": "STOP",
+              "lon": -122.323692,
+              "name": "NE 103rd St & 5th Ave NE",
+              "stopCode": "35290",
+              "stopId": "U3RvcDprY206MzUyOTA",
+            },
+          ],
+          "legGeometry": Object {
+            "length": 262,
+            "points": "oqrbH~fmiVp@??fEC|DCjE?fN?h@??AfEAvCAxA@n@AdCAhD?tAAtCA~@???hDAfF?bBAn@???ZA\`A?\`@Av@Ax@AhB?R@NBNFLLPVXN@T?R?l@A??fCGnCEzBE??hBErAApIM??nGKX?R?L?N@XFLBFBJ@LFLHPHPJTNXV^ZTPRRrAl@F@??d@Jb@DT?TCxCIVCl@Ab@CTEHCTGNGTKb@Sp@c@TINIPC??FCPEVAVAV?b@?V@^A\\\\IZEZKf@UrAq@|@a@d@W\`@_@f@_@NM??x@m@b@Cz@M\\\\C^?z@Px@XZPZXn@r@r@f@ZLb@Rb@FZFb@?z@???tA?rF@|I?AjD??CbJA|FA|C??AtBEpOEtOxCC??Z?|BAzEGdECf@???dIEhJG\`DE??jAAfFEzCE??J?zA?xACdDE??N?pDCpDE\`BCp@A??pFG~CC^A^???fBAbEEvCE\\\\?X???bCA|@F\`E?f@?@mG???C@yGFwO@qG@gF???]DyOtAC??tGAt@???vHEn@???~HE|HA??n@?|G?tC?xA?~D@Z???lI?p@???rHBB?pAC??vGIp@???xHI|@C??|CCt@?ZBRJRNRR\`@h@LTpFhI??~@xAbD~E\`A|A|AzB\\\\Z^Vf@Rx@R~CArAC?fB??CvLA|OnA???hDEbFGx@???|DErDAvDA?jB??AfCA\`HA~G?pB?P|A?lA?",
           },
-          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",
+          "mode": "BUS",
+          "pickupBookingInfo": null,
+          "pickupType": "SCHEDULED",
+          "realTime": false,
+          "realtimeState": null,
+          "rentedBike": null,
+          "route": "347",
+          "routeColor": null,
+          "routeId": "Um91dGU6a2NtOjEwMDIwNA",
+          "routeLongName": null,
+          "routeShortName": "347",
+          "routeTextColor": null,
+          "startTime": 1685140428000,
+          "steps": Array [],
+          "to": Object {
+            "lat": 47.7023087,
+            "lon": -122.328026,
+            "name": "Northgate Station - Bay 4",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "35318",
+              "gtfsId": "kcm:35318",
+              "id": "U3RvcDprY206MzUzMTg",
             },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
+            "stopCode": "35318",
+            "stopId": "kcm:35318",
+            "vertexType": "TRANSIT",
+          },
+          "transitLeg": true,
+          "trip": Object {
+            "gtfsId": "kcm:541480853",
+            "id": "VHJpcDprY206NTQxNDgwODUz",
+            "tripHeadsign": "Northgate Station Ridgecrest",
+          },
+          "tripHeadsign": "Northgate Station Ridgecrest",
+          "tripId": "kcm:541480853",
+        },
+        Object {
+          "accessibilityScore": null,
+          "agency": null,
+          "agencyBrandingUrl": undefined,
+          "agencyName": undefined,
+          "agencyUrl": undefined,
+          "alightRule": "scheduled",
+          "arrivalDelay": 0,
+          "boardRule": "scheduled",
+          "departureDelay": 0,
+          "distance": 60.87,
+          "dropOffBookingInfo": Object {
+            "latestBookingTime": undefined,
+          },
+          "dropoffType": "SCHEDULED",
+          "duration": 56,
+          "endTime": 1685142596000,
+          "fareProducts": Array [],
+          "from": Object {
+            "lat": 47.7023087,
+            "lon": -122.328026,
+            "name": "Northgate Station - Bay 4",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "35318",
+              "gtfsId": "kcm:35318",
+              "id": "U3RvcDprY206MzUzMTg",
             },
-            "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": 0,
-                    "second": 30.57284254544678,
+            "stopCode": "35318",
+            "stopId": "kcm:35318",
+            "vertexType": "TRANSIT",
+          },
+          "interlineWithPreviousLeg": false,
+          "intermediateStops": null,
+          "legGeometry": Object {
+            "length": 9,
+            "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B",
+          },
+          "mode": "WALK",
+          "pickupBookingInfo": null,
+          "pickupType": "SCHEDULED",
+          "realTime": false,
+          "realtimeState": null,
+          "rentedBike": false,
+          "route": undefined,
+          "routeColor": undefined,
+          "routeId": undefined,
+          "routeLongName": undefined,
+          "routeShortName": undefined,
+          "routeTextColor": undefined,
+          "startTime": 1685142540000,
+          "steps": Array [
+            Object {
+              "absoluteDirection": "NORTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 60.87,
+              "elevationProfile": Array [],
+              "lat": 47.7023088,
+              "lon": -122.3280018,
+              "relativeDirection": "DEPART",
+              "stayOn": false,
+              "streetName": "path",
+            },
+          ],
+          "to": Object {
+            "lat": 47.702662,
+            "lon": -122.32832,
+            "name": "Northgate Station",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "N11-T1",
+              "gtfsId": "40:990005",
+              "id": "U3RvcDo0MDo5OTAwMDU",
+            },
+            "stopCode": "N11-T1",
+            "stopId": "40:990005",
+            "vertexType": "TRANSIT",
+          },
+          "transitLeg": false,
+          "trip": null,
+          "tripHeadsign": undefined,
+          "tripId": undefined,
+        },
+        Object {
+          "accessibilityScore": null,
+          "agency": Object {
+            "alerts": Array [],
+            "id": "QWdlbmN5OjQwOjQw",
+            "name": "Sound Transit",
+            "timezone": "America/Los_Angeles",
+            "url": "https://www.soundtransit.org",
+          },
+          "agencyBrandingUrl": "https://www.soundtransit.org",
+          "agencyName": "Sound Transit",
+          "agencyUrl": "https://www.soundtransit.org",
+          "alightRule": "scheduled",
+          "arrivalDelay": 0,
+          "boardRule": "scheduled",
+          "departureDelay": 0,
+          "distance": 23087.2,
+          "dropOffBookingInfo": Object {
+            "latestBookingTime": undefined,
+          },
+          "dropoffType": "SCHEDULED",
+          "duration": 2220,
+          "endTime": 1685145000000,
+          "fareProducts": Array [
+            Object {
+              "id": "0f76bb4a-7491-34b9-95ce-5d6f4e6b4d53",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:cash",
+                  "name": "cash",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 3,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 10,
-                    "second": 30.18284254544678,
+                },
+                "riderCategory": Object {
+                  "id": "orca:regular",
+                  "name": "regular",
+                },
+              },
+            },
+            Object {
+              "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0.25,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 20,
-                    "second": 29.712842545446776,
+                },
+                "riderCategory": Object {
+                  "id": "orca:regular",
+                  "name": "regular",
+                },
+              },
+            },
+            Object {
+              "id": "75fef4dc-142b-3589-ac62-d484f5b41143",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "transfer",
+                "price": Object {
+                  "amount": 2.75,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                },
+                "riderCategory": Object {
+                  "id": "orca:regular",
+                  "name": "regular",
+                },
+              },
+            },
+            Object {
+              "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:cash",
+                  "name": "cash",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 1,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
+                },
+                "riderCategory": Object {
+                  "id": "orca:senior",
+                  "name": "senior",
+                },
               },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
+            },
+            Object {
+              "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                },
+                "riderCategory": Object {
+                  "id": "orca:youth",
+                  "name": "youth",
+                },
+              },
+            },
+            Object {
+              "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                },
+                "riderCategory": Object {
+                  "id": "orca:special",
+                  "name": "special",
+                },
               },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.15,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
+            },
+            Object {
+              "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "transfer",
+                "price": Object {
+                  "amount": 1.5,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
+                },
+                "riderCategory": Object {
+                  "id": "orca:special",
+                  "name": "special",
+                },
+              },
+            },
+            Object {
+              "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:cash",
+                  "name": "cash",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
+                },
+                "riderCategory": Object {
+                  "id": "orca:youth",
+                  "name": "youth",
+                },
+              },
+            },
+            Object {
+              "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "rideCost",
+                "price": Object {
+                  "amount": 0,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                  Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                },
+                "riderCategory": Object {
+                  "id": "orca:senior",
+                  "name": "senior",
+                },
+              },
+            },
+            Object {
+              "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
+              "product": Object {
+                "id": "orca:farePayment",
+                "medium": Object {
+                  "id": "orca:electronic",
+                  "name": "electronic",
+                },
+                "name": "transfer",
+                "price": Object {
+                  "amount": 1,
+                  "currency": Object {
+                    "code": "USD",
+                    "digits": 2,
                   },
-                ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Morrison St",
+                },
+                "riderCategory": Object {
+                  "id": "orca:senior",
+                  "name": "senior",
+                },
               },
-            ],
-            "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",
-              "vertexType": "NORMAL",
             },
-            "transitLeg": false,
+          ],
+          "from": Object {
+            "lat": 47.702662,
+            "lon": -122.32832,
+            "name": "Northgate Station",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "N11-T1",
+              "gtfsId": "40:990005",
+              "id": "U3RvcDo0MDo5OTAwMDU",
+            },
+            "stopCode": "N11-T1",
+            "stopId": "40:990005",
+            "vertexType": "TRANSIT",
           },
-        ],
-        "startTime": 1573688698000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 157.97398507143885,
-        "walkLimitExceeded": false,
-        "walkTime": 140,
-      }
+          "interlineWithPreviousLeg": false,
+          "intermediateStops": Array [
+            Object {
+              "lat": 47.676107,
+              "locationType": "STOP",
+              "lon": -122.316041,
+              "name": "Roosevelt Station",
+              "stopCode": "N09-T1",
+              "stopId": "U3RvcDo0MDo5OTAwMDM",
+            },
+            Object {
+              "lat": 47.659875,
+              "locationType": "STOP",
+              "lon": -122.314194,
+              "name": "U District Station",
+              "stopCode": "N07-T1",
+              "stopId": "U3RvcDo0MDo5OTAwMDE",
+            },
+            Object {
+              "lat": 47.649349,
+              "locationType": "STOP",
+              "lon": -122.303795,
+              "name": "Univ of Washington Station",
+              "stopCode": "N05-T1",
+              "stopId": "U3RvcDo0MDo5OTYwNA",
+            },
+            Object {
+              "lat": 47.61956,
+              "locationType": "STOP",
+              "lon": -122.320389,
+              "name": "Capitol Hill Station",
+              "stopCode": "N03-T1",
+              "stopId": "U3RvcDo0MDo5OTYxMA",
+            },
+            Object {
+              "lat": 47.61145,
+              "locationType": "STOP",
+              "lon": -122.337532,
+              "name": "Westlake Station",
+              "stopCode": "C03-T1",
+              "stopId": "U3RvcDo0MDoxMTA4",
+            },
+            Object {
+              "lat": 47.607246,
+              "locationType": "STOP",
+              "lon": -122.335754,
+              "name": "University St Station",
+              "stopCode": "C05-T1",
+              "stopId": "U3RvcDo0MDo0NTU",
+            },
+            Object {
+              "lat": 47.602139,
+              "locationType": "STOP",
+              "lon": -122.331055,
+              "name": "Pioneer Square Station",
+              "stopCode": "C07-T1",
+              "stopId": "U3RvcDo0MDo1MDE",
+            },
+            Object {
+              "lat": 47.59766,
+              "locationType": "STOP",
+              "lon": -122.328217,
+              "name": "Int'l Dist/Chinatown Station",
+              "stopCode": "C09-T1",
+              "stopId": "U3RvcDo0MDo2MjM",
+            },
+            Object {
+              "lat": 47.591824,
+              "locationType": "STOP",
+              "lon": -122.327354,
+              "name": "Stadium Station",
+              "stopCode": "C13-T1",
+              "stopId": "U3RvcDo0MDo5OTEwMQ",
+            },
+            Object {
+              "lat": 47.579952,
+              "locationType": "STOP",
+              "lon": -122.327522,
+              "name": "SODO Station",
+              "stopCode": "C15-T1",
+              "stopId": "U3RvcDo0MDo5OTExMQ",
+            },
+            Object {
+              "lat": 47.579124,
+              "locationType": "STOP",
+              "lon": -122.311279,
+              "name": "Beacon Hill Station",
+              "stopCode": "C19-T1",
+              "stopId": "U3RvcDo0MDo5OTEyMQ",
+            },
+            Object {
+              "lat": 47.576439,
+              "locationType": "STOP",
+              "lon": -122.297737,
+              "name": "Mount Baker Station",
+              "stopCode": "C23-T1",
+              "stopId": "U3RvcDo0MDo1NTk0OQ",
+            },
+            Object {
+              "lat": 47.559025,
+              "locationType": "STOP",
+              "lon": -122.292389,
+              "name": "Columbia City Station",
+              "stopCode": "C25-T1",
+              "stopId": "U3RvcDo0MDo1NjAzOQ",
+            },
+          ],
+          "legGeometry": Object {
+            "length": 509,
+            "points": "s|cbHhgsiVJ?dA?pAApA@nAHnANnALnANnALnALpAFnABpACpAGnAKr@G^CnAKpAEnA?pA@pA?nA@pA@pA@nA@pA@pA?nACpAKlASlAWjA]fAc@fAi@\`Ak@\`Aq@z@u@z@w@v@{@r@{@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@}@v@{@x@w@~@s@bAk@fAe@hA_@nAWnAMnACpAApAAnA?V???x@ApACnAGnAKpAMnAMnAKnAMnAMnAMnAMpAKnAMnAMnAMnAKnAMnAMpAMnAKnAMnAMnAMnAMnAKpAMnAKnAIpAInAEpAGnACpAApAApA?nA?pA@pA@nABpA@h@???f@@nAAnAQfAc@~@q@v@{@j@cAd@gAZkARmANoAJqAJoAHoAJqAJoAJoALoALoARoATmAZkA^kA\`@iAf@eAj@cAp@aAt@{@x@w@~@q@dAk@hAa@jAYnAOpAEnAApAApAAnAApAAbDAb@Cb@???H?p@Ar@?|FGx@?hA?rA@pADzAHtAHrALrARrAPzAV\`BZxA^\`Bd@rBn@|Aj@lBx@lBz@|Ax@fB\`AhBlAbBlAfE\`DrB~Avh@da@bHlFbDdCjEfDdK~HrB~A~@r@n@d@bAh@|@d@jAd@jA^tAVpAR~@HfADtA?n@A????vFC~A?x@?|@HbAPbAZbA\`@x@b@dAz@v@r@~@jAr@dAp@rAd@fA\`@jAd@bBZxAVbBRfBH~AFtA@|AAdBGpAIzAOdBWzASxAKx@Ix@?f@?n@@l@Dr@Jx@Hf@Jh@JZjAnDb@tAhBzFXvAhB|FnBlG??@?FTj@fABBRh@PVNRLHLDR@N?VGXMNInJoIlC_Cp@o@RQ????t@s@lCaC|GcGnCcClCaC\\\\[nBgBlBgB@???VUVURWVc@Xe@PYpBeDx@sAx@mAV_@TQ\\\\Sp@MzCA|FF@@??N@RFNFN@LB~BCF?D?fCAF?N?NCN?NALAHCJAJAHCNEPC^KxDeAxCy@NGJAJCJALAL?h@CrC???nHBrB?V?X@R@VBn@HVDP@T@z@?b@?z@?vp@B??@?zG?L?N?JCF?JAHEDABCF?@CDABCDCBCBEDCBEBCBGBEBC@EBGBEBG@E@E@GBE@G@E?CBM?IBI@K?I?SDeAFeBBqAJ_D@q@@o@?y@?s@?qAAgI@y@@o@Ds@JiBXkE@s@Bm@?{@Aw@Ey@Gy@Gg@Gi@Ie@Ke@UaAoDiNa@aBc@kBkAwF???AoAcGKg@Ii@Ge@Gg@Ee@Ek@Am@Ak@Ak@@k@Bg@Bk@@e@Dk@Fc@Hk@Js@Rw@zDsPNs@Lm@RqAPqAHgAf@kHLiBDc@BWFWDUFUHUJUJULUJONSNKPQtCmB??~BcBb@Ud@STEVGVCVA^?pHDvOFjLCx@?pDH\`@Bb@Cb@?^Ib@G^I\\\\M\\\\O\\\\Qhg@oX~@e@????|L{GjDgB|@c@f@QtE_BpAe@lO}FbJkDdQwGrFyBt[{LnSqI?A",
+          },
+          "mode": "TRAM",
+          "pickupBookingInfo": null,
+          "pickupType": "SCHEDULED",
+          "realTime": false,
+          "realtimeState": null,
+          "rentedBike": null,
+          "route": "1-Line",
+          "routeColor": "28813F",
+          "routeId": "Um91dGU6NDA6MTAwNDc5",
+          "routeLongName": "Northgate - Angle Lake",
+          "routeShortName": "1-Line",
+          "routeTextColor": "FFFFFF",
+          "startTime": 1685142780000,
+          "steps": Array [],
+          "to": Object {
+            "lat": 47.537529,
+            "lon": -122.281471,
+            "name": "Othello Station",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "C27-T1",
+              "gtfsId": "40:56159",
+              "id": "U3RvcDo0MDo1NjE1OQ",
+            },
+            "stopCode": "C27-T1",
+            "stopId": "40:56159",
+            "vertexType": "TRANSIT",
+          },
+          "transitLeg": true,
+          "trip": Object {
+            "gtfsId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+            "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
+            "tripHeadsign": "Angle Lake",
+          },
+          "tripHeadsign": "Angle Lake",
+          "tripId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+        },
+        Object {
+          "accessibilityScore": null,
+          "agency": null,
+          "agencyBrandingUrl": undefined,
+          "agencyName": undefined,
+          "agencyUrl": undefined,
+          "alightRule": "scheduled",
+          "arrivalDelay": 0,
+          "boardRule": "scheduled",
+          "departureDelay": 0,
+          "distance": 2167.47,
+          "dropOffBookingInfo": Object {
+            "latestBookingTime": undefined,
+          },
+          "dropoffType": "SCHEDULED",
+          "duration": 1739,
+          "endTime": 1685146739000,
+          "fareProducts": Array [],
+          "from": Object {
+            "lat": 47.537529,
+            "lon": -122.281471,
+            "name": "Othello Station",
+            "rentalVehicle": null,
+            "stop": Object {
+              "alerts": Array [],
+              "code": "C27-T1",
+              "gtfsId": "40:56159",
+              "id": "U3RvcDo0MDo1NjE1OQ",
+            },
+            "stopCode": "C27-T1",
+            "stopId": "40:56159",
+            "vertexType": "TRANSIT",
+          },
+          "interlineWithPreviousLeg": false,
+          "intermediateStops": null,
+          "legGeometry": Object {
+            "length": 135,
+            "points": "otcaHfbjiV?BXMF\\\\\\\\??fC?NJ?@|@BbC?R?TAB?|A?t@@f@?L@B?V?TA@@D?D?vA?h@?X?TAXCXANCPCPKd@ERCLCH@@HFLJ@@@?@@@@B@F?F?D?DAENDAHCFCFNPTDBD?RIl@Wb@Qn@c@h@[ZONGPCD?LEFAL@Ad@@vF?pAApA?nH@\\\\@J@DBPJLEFIFI^ENQf@EBCFHJP^BL@J@PAhFA|A?bAArB?hA@JBFDDDHl@b@RHTFXD\\\\@P@PCjB[hB[h@M\`A]lAk@vBoAlAu@h@YLCPAJ@J@LFLHHJHJFNHTv@dGFb@@NK@KCOCM@{Ad@e@F_@LM@",
+          },
+          "mode": "WALK",
+          "pickupBookingInfo": null,
+          "pickupType": "SCHEDULED",
+          "realTime": false,
+          "realtimeState": null,
+          "rentedBike": false,
+          "route": undefined,
+          "routeColor": undefined,
+          "routeId": undefined,
+          "routeLongName": undefined,
+          "routeShortName": undefined,
+          "routeTextColor": undefined,
+          "startTime": 1685145000000,
+          "steps": Array [
+            Object {
+              "absoluteDirection": "SOUTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 14.92,
+              "elevationProfile": Array [],
+              "lat": 47.5375246,
+              "lon": -122.2814907,
+              "relativeDirection": "DEPART",
+              "stayOn": false,
+              "streetName": "Martin Luther King Junior Way South",
+            },
+            Object {
+              "absoluteDirection": "SOUTHWEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 12.32,
+              "elevationProfile": Array [],
+              "lat": 47.5373972,
+              "lon": -122.2814286,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "service road",
+            },
+            Object {
+              "absoluteDirection": "SOUTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 79.38,
+              "elevationProfile": Array [],
+              "lat": 47.537352,
+              "lon": -122.2815784,
+              "relativeDirection": "LEFT",
+              "stayOn": true,
+              "streetName": "parking aisle",
+            },
+            Object {
+              "absoluteDirection": "WEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 186.19,
+              "elevationProfile": Array [],
+              "lat": 47.5371499,
+              "lon": -122.2823392,
+              "relativeDirection": "RIGHT",
+              "stayOn": true,
+              "streetName": "sidewalk",
+            },
+            Object {
+              "absoluteDirection": "NORTHWEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 185.66,
+              "elevationProfile": Array [],
+              "lat": 47.5371051,
+              "lon": -122.2847952,
+              "relativeDirection": "RIGHT",
+              "stayOn": true,
+              "streetName": "sidewalk",
+            },
+            Object {
+              "absoluteDirection": "NORTHWEST",
+              "alerts": Array [
+                null,
+              ],
+              "area": false,
+              "distance": 223.22,
+              "elevationProfile": Array [],
+              "lat": 47.5369894,
+              "lon": -122.2868292,
+              "relativeDirection": "HARD_RIGHT",
+              "stayOn": true,
+              "streetName": "path",
+            },
+            Object {
+              "absoluteDirection": "WEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 316.7,
+              "elevationProfile": Array [],
+              "lat": 47.535227,
+              "lon": -122.2863141,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "South Webster Street",
+            },
+            Object {
+              "absoluteDirection": "NORTHWEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 55.15,
+              "elevationProfile": Array [],
+              "lat": 47.5351293,
+              "lon": -122.2904874,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "path",
+            },
+            Object {
+              "absoluteDirection": "SOUTHWEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 259.82,
+              "elevationProfile": Array [],
+              "lat": 47.5354239,
+              "lon": -122.2910651,
+              "relativeDirection": "LEFT",
+              "stayOn": false,
+              "streetName": "South Webster Street",
+            },
+            Object {
+              "absoluteDirection": "SOUTHWEST",
+              "alerts": Array [],
+              "area": false,
+              "distance": 57.96,
+              "elevationProfile": Array [],
+              "lat": 47.5352763,
+              "lon": -122.2944348,
+              "relativeDirection": "SLIGHTLY_LEFT",
+              "stayOn": false,
+              "streetName": "29th Avenue South",
+            },
+            Object {
+              "absoluteDirection": "SOUTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 644.09,
+              "elevationProfile": Array [],
+              "lat": 47.5348545,
+              "lon": -122.2948441,
+              "relativeDirection": "CONTINUE",
+              "stayOn": false,
+              "streetName": "Military Road South",
+            },
+            Object {
+              "absoluteDirection": "NORTH",
+              "alerts": Array [],
+              "area": false,
+              "distance": 132.1,
+              "elevationProfile": Array [],
+              "lat": 47.5301402,
+              "lon": -122.2953592,
+              "relativeDirection": "RIGHT",
+              "stayOn": false,
+              "streetName": "service road",
+            },
+          ],
+          "to": Object {
+            "lat": 47.5312889,
+            "lon": -122.2958113,
+            "name": "New Light Christian Church, Seattle, WA, USA",
+            "rentalVehicle": null,
+            "stop": null,
+            "stopCode": undefined,
+            "stopId": undefined,
+            "vertexType": "NORMAL",
+          },
+          "transitLeg": false,
+          "trip": null,
+          "tripHeadsign": undefined,
+          "tripId": undefined,
+        },
+      ]
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots TripDetails Styled Walk Transit Walk Itinerary 2`] = `
-.c6 {
+exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 2`] = `
+.c2 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c9 {
-  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;
-}
-
-.c11 {
-  color: #00f;
-  font-size: 16px;
-  margin-left: 6px;
-  margin-top: -2px;
+.c1 th {
+  font-weight: normal;
+  min-width: 5ch;
+  padding: 0.75em 1.5em;
+  text-align: center;
 }
 
-.c10 {
-  float: right;
+.c1 th:nth-of-type(2n + 1) {
+  background: #cccccc22;
 }
 
-.c4 {
-  margin-top: 6px;
+.c1 th.main {
+  background: #333333;
+  color: #ffffffcc;
 }
 
-.c8 {
-  background-color: #fff;
-  border: 1px solid #888;
-  font-size: 12px;
-  margin-top: 2px;
-  padding: 8px;
+.c0 {
+  border-collapse: collapse;
+  display: block;
+  margin-bottom: 16px;
+  padding: 0;
 }
 
-.c5 {
-  float: left;
-  font-size: 17px;
+.c0 td {
+  text-align: right;
 }
 
-.c0 {
-  background-color: #eee;
-  border-radius: 6px;
-  margin-bottom: 15px;
-  margin-top: 16px;
-  padding: 10px 16px;
+.c0 td:nth-of-type(2n + 1) {
+  background: #cccccc22;
 }
 
-.c3 {
-  font-size: 18px;
-  font-weight: 600;
-  margin: 0;
+.c0 td.no-zebra {
+  background: none;
 }
 
-.c7 {
-  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;
+.c0 th:first-of-type {
+  height: 40px;
 }
 
-.c1 .c2 {
-  background-color: pink;
+.c3 {
+  padding-left: 4px;
 }
 
-<div
-  className="c0 c1"
->
-  <h2
-    className="c2 c3"
-    id="trip-details-header"
-  >
-    Trip Details
-  </h2>
-  <div
-    className="styled__TripDetailsBody-sc-6q2ok2-16"
+<div>
+  <table
+    className="c0"
   >
-    <div
-      className="c4"
-      role="group"
+    <thead
+      className="c1"
     >
-      <div
-        className="c5"
-        role="presentation"
+      <th
+        className="main"
+        scope="col"
       >
-        <svg
-          aria-hidden="true"
-          className="c6"
-          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="c7"
+        <strong>
+          otpUi.TripDetails.FareTable.regular
+        </strong>
+      </th>
+      <th
+        scope="col"
       >
-        <span
-          className="styled__Timing-sc-6q2ok2-8"
-        >
-          Depart 
-          <strong>
-            November 13, 2019
-          </strong>
-           at 
-          <strong>
-            3:44 PM
-          </strong>
-        </span>
-      </div>
-      <div
-        aria-hidden={true}
-        className="rah-static rah-static--height-zero "
-        style={
-          Object {
-            "height": 0,
-            "overflow": "hidden",
-          }
-        }
+        <strong>
+          otpUi.TripDetails.FareTable.cash
+        </strong>
+        <br />
+        $5.75
+      </th>
+      <th
+        scope="col"
       >
-        <div
-          style={Object {}}
-        >
-          <div
-            aria-labelledby="expand-button"
-            className="c8"
-            id="mocked-random-id"
-          >
-            <button
-              className="c9 c10"
-              onClick={[Function]}
-              role="presentation"
-            >
-              <svg
-                aria-hidden="true"
-                className="c6"
-                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="c4"
-      role="group"
-    >
-      <div
-        className="c5"
-        role="presentation"
+        <strong>
+          otpUi.TripDetails.FareTable.electronic
+        </strong>
+        <br />
+        $3.00
+      </th>
+      <th
+        scope="col"
+      >
+        <strong>
+          otpUi.TripDetails.FareTable.special
+        </strong>
+        <br />
+        $1.50
+      </th>
+    </thead>
+    <tr>
+      <td
+        className="no-zebra"
+      >
+        347
+      </td>
+      <td
+        title={false}
+      >
+        $2.75
+      </td>
+      <td
+        title={false}
+      >
+        $2.75
+      </td>
+      <td
+        title={false}
+      >
+        $1.50
+      </td>
+    </tr>
+    <tr>
+      <td
+        className="no-zebra"
+      >
+        1-Line
+      </td>
+      <td
+        title={false}
+      >
+        $3.00
+      </td>
+      <td
+        title="Transfer discount of $2.75 is applied"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c2 c3"
           fill="currentColor"
           focusable="false"
-          height={17}
-          viewBox="0 0 640 512"
-          width={17}
+          height={16}
+          viewBox="0 0 24 24"
+          width={16}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
+            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
           />
         </svg>
-      </div>
-      <div
-        className="c7"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  $2.50
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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="c8"
-            id="mocked-random-id"
-          >
-            <button
-              className="c9 c10"
-              onClick={[Function]}
-              role="presentation"
-            >
-              <svg
-                aria-hidden="true"
-                className="c6"
-                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="c4"
-      role="group"
-    >
-      <div
-        className="c5"
-        role="presentation"
+         
+        $0.25
+      </td>
+      <td
+        title="Transfer discount of $1.50 is applied"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c2 c3"
           fill="currentColor"
           focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
+          height={16}
+          viewBox="0 0 24 24"
+          width={16}
           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"
+          <path
+            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
           />
         </svg>
-      </div>
-      <div
-        className="c7"
+         
+        $0.00
+      </td>
+    </tr>
+  </table>
+  <table
+    className="c0"
+  >
+    <thead
+      className="c1"
+    >
+      <th
+        className="main"
+        scope="col"
       >
-        Time Spent Active: 
         <strong>
-          2 minutes
+          otpUi.TripDetails.FareTable.youth
         </strong>
-        <button
-          aria-controls="mocked-random-id"
-          aria-expanded={false}
-          aria-label="otpUi.TripDetails.showDetail"
-          className="c9 c11"
-          id="expand-button"
-          onClick={[Function]}
-          tabIndex={0}
-        >
-          <svg
-            aria-hidden="true"
-            className="c6"
-            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",
-          }
-        }
+      </th>
+      <th
+        scope="col"
       >
-        <div
-          style={Object {}}
-        >
-          <div
-            aria-labelledby="expand-button"
-            className="c8"
-            id="mocked-random-id"
-          >
-            <button
-              className="c9 c10"
-              onClick={[Function]}
-              role="presentation"
-            >
-              <svg
-                aria-hidden="true"
-                className="c6"
-                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>
-              2 minutes
-            </strong>
-             walking and 
-            <strong>
-              0 minutes
-            </strong>
-             biking.
-
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c4"
-      role="group"
+        <strong>
+          otpUi.TripDetails.FareTable.cash
+        </strong>
+        <br />
+        $0.00
+      </th>
+      <th
+        scope="col"
+      >
+        <strong>
+          otpUi.TripDetails.FareTable.electronic
+        </strong>
+        <br />
+        $0.00
+      </th>
+    </thead>
+    <tr>
+      <td
+        className="no-zebra"
+      >
+        347
+      </td>
+      <td
+        title={false}
+      >
+        $0.00
+      </td>
+      <td
+        title={false}
+      >
+        $0.00
+      </td>
+    </tr>
+    <tr>
+      <td
+        className="no-zebra"
+      >
+        1-Line
+      </td>
+      <td
+        title={false}
+      >
+        $0.00
+      </td>
+      <td
+        title={false}
+      >
+        $0.00
+      </td>
+    </tr>
+  </table>
+  <table
+    className="c0"
+  >
+    <thead
+      className="c1"
     >
-      <div
-        className="c5"
-        role="presentation"
+      <th
+        className="main"
+        scope="col"
+      >
+        <strong>
+          otpUi.TripDetails.FareTable.senior
+        </strong>
+      </th>
+      <th
+        scope="col"
+      >
+        <strong>
+          otpUi.TripDetails.FareTable.cash
+        </strong>
+        <br />
+        $2.00
+      </th>
+      <th
+        scope="col"
+      >
+        <strong>
+          otpUi.TripDetails.FareTable.electronic
+        </strong>
+        <br />
+        $1.00
+      </th>
+    </thead>
+    <tr>
+      <td
+        className="no-zebra"
+      >
+        347
+      </td>
+      <td
+        title={false}
+      >
+        $1.00
+      </td>
+      <td
+        title={false}
+      >
+        $1.00
+      </td>
+    </tr>
+    <tr>
+      <td
+        className="no-zebra"
+      >
+        1-Line
+      </td>
+      <td
+        title={false}
+      >
+        $1.00
+      </td>
+      <td
+        title="Transfer discount of $1.00 is applied"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c2 c3"
           fill="currentColor"
           focusable="false"
-          height={17}
-          viewBox="0 0 576 512"
-          width={17}
+          height={16}
+          viewBox="0 0 24 24"
+          width={16}
           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"
+            d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
           />
         </svg>
-      </div>
-      <div
-        className="c7"
-      >
-        <span
-          className="styled__CO2Summary-sc-6q2ok2-2"
-        >
-          CO₂ Emitted: 
-          <strong>
-            61g
-          </strong>
-        </span>
-        <button
-          aria-controls="mocked-random-id"
-          aria-expanded={false}
-          aria-label="otpUi.TripDetails.showDetail"
-          className="c9 c11"
-          id="expand-button"
-          onClick={[Function]}
-          tabIndex={0}
-        >
-          <svg
-            aria-hidden="true"
-            className="c6"
-            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="c8"
-            id="mocked-random-id"
-          >
-            <button
-              className="c9 c10"
-              onClick={[Function]}
-              role="presentation"
-            >
-              <svg
-                aria-hidden="true"
-                className="c6"
-                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>
+         
+        $0.00
+      </td>
+    </tr>
+  </table>
 </div>
 `;
 
-exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = `
+exports[`Storyshots TripDetails Leg Fare Products Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -263340,56 +240920,98 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = `
   textComponent={Symbol(react.fragment)}
 >
   <TripDetails
-    FareDetails={[Function]}
     co2Config={
       Object {
         "enabled": true,
       }
     }
-    fareKeyNameMap={
+    defaultFareType={
       Object {
-        "electronicRegular": "Tarif Orca",
-        "electronicSenior": "Tarif Orca séniors",
-        "electronicSpecial": "Tarif Orca spécial",
-        "electronicYouth": "Tarif Orca jeunes",
-        "regular": "Tarif en transports",
-        "senior": "Tarif séniors",
-        "special": "Tarif spécial",
-        "student": "Tarif étudiants",
-        "tram": "Tarif tram",
-        "youth": "Tarif jeunes",
+        "headerKey": "cash-regular",
+        "mediumId": "orca:cash",
+        "riderCategoryId": "orca:regular",
       }
     }
-    itinerary={
-      Object {
-        "duration": 690,
-        "endTime": 1684865406000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 950,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
+    fareDetailsLayout={
+      Array [
+        Object {
+          "cols": Array [
+            Object {
+              "columnHeaderKey": "cash",
+              "mediumId": "orca:cash",
+              "riderCategoryId": "orca:regular",
             },
-          },
+            Object {
+              "columnHeaderKey": "electronic",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:regular",
+            },
+            Object {
+              "columnHeaderKey": "special",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:special",
+            },
+          ],
+          "headerKey": "regular",
+        },
+        Object {
+          "cols": Array [
+            Object {
+              "columnHeaderKey": "cash",
+              "mediumId": "orca:cash",
+              "riderCategoryId": "orca:youth",
+            },
+            Object {
+              "columnHeaderKey": "electronic",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:youth",
+            },
+            Object {
+              "columnHeaderKey": "test",
+              "mediumId": "invalidkey",
+              "riderCategoryId": "invalidkey",
+            },
+          ],
+          "headerKey": "youth",
+        },
+        Object {
+          "cols": Array [
+            Object {
+              "columnHeaderKey": "cash",
+              "mediumId": "orca:cash",
+              "riderCategoryId": "orca:senior",
+            },
+            Object {
+              "columnHeaderKey": "electronic",
+              "mediumId": "orca:electronic",
+              "riderCategoryId": "orca:senior",
+            },
+          ],
+          "headerKey": "senior",
         },
+      ]
+    }
+    fareKeyNameMap={Object {}}
+    itinerary={
+      Object {
+        "accessibilityScore": null,
+        "duration": 6952,
+        "endTime": 1685146739000,
         "legs": Array [
           Object {
+            "accessibilityScore": null,
             "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 643.65,
-            "duration": 144,
-            "endTime": 1684864860000,
+            "distance": 825.81,
+            "dropoffType": "SCHEDULED",
+            "duration": 641,
+            "endTime": 1685140428000,
+            "fareProducts": Array [],
             "from": Object {
-              "lat": 45.5241494,
-              "lon": -122.68303,
-              "name": "128 NW 12th Ave, Portland",
+              "lat": 47.7791977,
+              "lon": -122.2903181,
+              "name": "47.7792, -122.29032",
               "rentalVehicle": null,
               "stop": null,
               "vertexType": "NORMAL",
@@ -263397,133 +241019,77 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = `
             "interlineWithPreviousLeg": false,
             "intermediateStops": null,
             "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": 16,
+              "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???",
             },
-            "mode": "CAR",
+            "mode": "WALK",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "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,
+            "startTime": 1685139787000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "EAST",
                 "alerts": Array [],
                 "area": false,
-                "distance": 54.68,
+                "distance": 36.61,
                 "elevationProfile": Array [],
-                "lat": 45.5241463,
-                "lon": -122.6831887,
+                "lat": 47.7791959,
+                "lon": -122.290319,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Northwest 12th Avenue",
+                "streetName": "242nd Street Southwest",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTH",
                 "alerts": Array [],
                 "area": false,
-                "distance": 79.48,
+                "distance": 194.04,
                 "elevationProfile": Array [],
-                "lat": 45.5236547,
-                "lon": -122.6831692,
-                "relativeDirection": "LEFT",
+                "lat": 47.7791005,
+                "lon": -122.2898502,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northwest Couch Street",
+                "streetName": "Cedar Way",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "WEST",
                 "alerts": Array [],
                 "area": false,
-                "distance": 79.25,
+                "distance": 567.32,
                 "elevationProfile": Array [],
-                "lat": 45.5236734,
-                "lon": -122.6821493,
+                "lat": 47.7773669,
+                "lon": -122.2900921,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northwest 11th Avenue",
+                "streetName": "Northeast 205th Street - 244th Street Southwest",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
                 "alerts": Array [],
                 "area": false,
-                "distance": 430.23,
+                "distance": 27.83,
                 "elevationProfile": Array [],
-                "lat": 45.5229609,
-                "lon": -122.6821228,
-                "relativeDirection": "LEFT",
+                "lat": 47.7774331,
+                "lon": -122.2976837,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "West Burnside Street",
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "trip": null,
-          },
-          Object {
-            "agency": null,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 0,
-            "duration": 60,
-            "endTime": 1684864920000,
-            "from": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "vertexType": "NORMAL",
-            },
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
-            "legGeometry": Object {
-              "length": 2,
-              "points": "weztG~gwkVJ?",
-            },
-            "mode": "WALK",
-            "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",
+              "lat": 47.7776833,
+              "lon": -122.297684,
+              "name": "48th Ave W & 244th St SW",
               "rentalVehicle": null,
               "stop": Object {
                 "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
+                "code": "82405",
+                "gtfsId": "kcm:82405",
+                "id": "U3RvcDprY206ODI0MDU",
               },
               "vertexType": "TRANSIT",
             },
@@ -263531,210 +241097,1175 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = `
             "trip": null,
           },
           Object {
+            "accessibilityScore": null,
             "agency": Object {
               "alerts": Array [],
-              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
-              "name": "TriMet",
+              "id": "QWdlbmN5OmtjbTox",
+              "name": "Metro Transit",
               "timezone": "America/Los_Angeles",
-              "url": "https://trimet.org/",
+              "url": "https://kingcounty.gov/en/dept/metro",
             },
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1780.82,
-            "duration": 360,
-            "endTime": 1684865280000,
+            "distance": 12180.55,
+            "dropoffType": "SCHEDULED",
+            "duration": 2112,
+            "endTime": 1685142540000,
+            "fareProducts": Array [
+              Object {
+                "id": "3ff3d12d-6747-3b47-842a-92c7bf167015",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
+              },
+              Object {
+                "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
+              },
+              Object {
+                "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+              Object {
+                "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
+              },
+              Object {
+                "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1.5,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
+                  },
+                },
+              },
+              Object {
+                "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
+              },
+              Object {
+                "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+            ],
             "from": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
+              "lat": 47.7776833,
+              "lon": -122.297684,
+              "name": "48th Ave W & 244th St SW",
               "rentalVehicle": null,
               "stop": Object {
                 "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
+                "code": "82405",
+                "gtfsId": "kcm:82405",
+                "id": "U3RvcDprY206ODI0MDU",
               },
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "lat": 45.523009,
+                "lat": 47.7775421,
                 "locationType": "STOP",
-                "lon": -122.672529,
-                "name": "W Burnside & SW 2nd",
-                "stopCode": "9526",
-                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+                "lon": -122.303215,
+                "name": "NE 205th St & 52nd Ave W",
+                "stopCode": "82410",
+                "stopId": "U3RvcDprY206ODI0MTA",
               },
               Object {
-                "lat": 45.522847,
+                "lat": 47.7775955,
                 "locationType": "STOP",
-                "lon": -122.657843,
-                "name": "E Burnside & SE 8th",
-                "stopCode": "820",
-                "stopId": "U3RvcDp0cmltZXQ6ODIw",
+                "lon": -122.308685,
+                "name": "NE 205th St & 56th Ave W",
+                "stopCode": "82430",
+                "stopId": "U3RvcDprY206ODI0MzA",
+              },
+              Object {
+                "lat": 47.7776146,
+                "locationType": "STOP",
+                "lon": -122.311432,
+                "name": "NE 205th St & 58th Pl W",
+                "stopCode": "82440",
+                "stopId": "U3RvcDprY206ODI0NDA",
+              },
+              Object {
+                "lat": 47.7768135,
+                "locationType": "STOP",
+                "lon": -122.31382,
+                "name": "15th Ave NE & Ballinger Way NE",
+                "stopCode": "77400",
+                "stopId": "U3RvcDprY206Nzc0MDA",
+              },
+              Object {
+                "lat": 47.7747955,
+                "locationType": "STOP",
+                "lon": -122.313721,
+                "name": "15th Ave NE & Forest Park Dr NE",
+                "stopCode": "77410",
+                "stopId": "U3RvcDprY206Nzc0MTA",
+              },
+              Object {
+                "lat": 47.7721519,
+                "locationType": "STOP",
+                "lon": -122.313614,
+                "name": "15th Ave NE & NE 200th Ct",
+                "stopCode": "77418",
+                "stopId": "U3RvcDprY206Nzc0MTg",
+              },
+              Object {
+                "lat": 47.768734,
+                "locationType": "STOP",
+                "lon": -122.314636,
+                "name": "15th Ave NE & NE 192nd St",
+                "stopCode": "77940",
+                "stopId": "U3RvcDprY206Nzc5NDA",
+              },
+              Object {
+                "lat": 47.7656479,
+                "locationType": "STOP",
+                "lon": -122.313995,
+                "name": "15th Ave NE & NE Perkins Way",
+                "stopCode": "77440",
+                "stopId": "U3RvcDprY206Nzc0NDA",
+              },
+              Object {
+                "lat": 47.7626801,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & 24th Ave NE",
+                "stopCode": "77450",
+                "stopId": "U3RvcDprY206Nzc0NTA",
+              },
+              Object {
+                "lat": 47.7591515,
+                "locationType": "STOP",
+                "lon": -122.31356,
+                "name": "15th Ave NE & NE 180th St",
+                "stopCode": "77460",
+                "stopId": "U3RvcDprY206Nzc0NjA",
+              },
+              Object {
+                "lat": 47.7558212,
+                "locationType": "STOP",
+                "lon": -122.314339,
+                "name": "NE 175th St & 15th Ave NE",
+                "stopCode": "77738",
+                "stopId": "U3RvcDprY206Nzc3Mzg",
+              },
+              Object {
+                "lat": 47.7558632,
+                "locationType": "STOP",
+                "lon": -122.318176,
+                "name": "NE 175th St & 10th Ave NE",
+                "stopCode": "77737",
+                "stopId": "U3RvcDprY206Nzc3Mzc",
+              },
+              Object {
+                "lat": 47.7550964,
+                "locationType": "STOP",
+                "lon": -122.324158,
+                "name": "5th Ave NE & NE 174th St",
+                "stopCode": "81246",
+                "stopId": "U3RvcDprY206ODEyNDY",
+              },
+              Object {
+                "lat": 47.752037,
+                "locationType": "STOP",
+                "lon": -122.324104,
+                "name": "5th Ave NE & NE 170th St",
+                "stopCode": "81248",
+                "stopId": "U3RvcDprY206ODEyNDg",
+              },
+              Object {
+                "lat": 47.7477875,
+                "locationType": "STOP",
+                "lon": -122.324013,
+                "name": "5th Ave NE & NE 163rd St",
+                "stopCode": "77560",
+                "stopId": "U3RvcDprY206Nzc1NjA",
+              },
+              Object {
+                "lat": 47.7454681,
+                "locationType": "STOP",
+                "lon": -122.323944,
+                "name": "5th Ave NE & NE 161st St",
+                "stopCode": "77570",
+                "stopId": "U3RvcDprY206Nzc1NzA",
+              },
+              Object {
+                "lat": 47.7436676,
+                "locationType": "STOP",
+                "lon": -122.323883,
+                "name": "5th Ave NE & NE 158th St",
+                "stopCode": "77580",
+                "stopId": "U3RvcDprY206Nzc1ODA",
+              },
+              Object {
+                "lat": 47.741066,
+                "locationType": "STOP",
+                "lon": -122.323792,
+                "name": "5th Ave NE & NE 155th St",
+                "stopCode": "81252",
+                "stopId": "U3RvcDprY206ODEyNTI",
+              },
+              Object {
+                "lat": 47.7387314,
+                "locationType": "STOP",
+                "lon": -122.323723,
+                "name": "5th Ave NE & NE 152nd St",
+                "stopCode": "81254",
+                "stopId": "U3RvcDprY206ODEyNTQ",
+              },
+              Object {
+                "lat": 47.7361908,
+                "locationType": "STOP",
+                "lon": -122.323654,
+                "name": "5th Ave NE & NE 148th St",
+                "stopCode": "81256",
+                "stopId": "U3RvcDprY206ODEyNTY",
+              },
+              Object {
+                "lat": 47.7339783,
+                "locationType": "STOP",
+                "lon": -122.322235,
+                "name": "NE 145th St & 6th Ave NE",
+                "stopCode": "82200",
+                "stopId": "U3RvcDprY206ODIyMDA",
+              },
+              Object {
+                "lat": 47.7339096,
+                "locationType": "STOP",
+                "lon": -122.315598,
+                "name": "NE 145th St & 12th Ave NE",
+                "stopCode": "82220",
+                "stopId": "U3RvcDprY206ODIyMjA",
+              },
+              Object {
+                "lat": 47.7335167,
+                "locationType": "STOP",
+                "lon": -122.312851,
+                "name": "15th Ave NE & NE 145th St",
+                "stopCode": "38830",
+                "stopId": "U3RvcDprY206Mzg4MzA",
+              },
+              Object {
+                "lat": 47.7318573,
+                "locationType": "STOP",
+                "lon": -122.31282,
+                "name": "15th Ave NE & NE 143rd St",
+                "stopCode": "38840",
+                "stopId": "U3RvcDprY206Mzg4NDA",
+              },
+              Object {
+                "lat": 47.7300568,
+                "locationType": "STOP",
+                "lon": -122.312798,
+                "name": "15th Ave NE & NE 140th St",
+                "stopCode": "38850",
+                "stopId": "U3RvcDprY206Mzg4NTA",
+              },
+              Object {
+                "lat": 47.7268677,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & NE 135th St",
+                "stopCode": "38870",
+                "stopId": "U3RvcDprY206Mzg4NzA",
+              },
+              Object {
+                "lat": 47.7228928,
+                "locationType": "STOP",
+                "lon": -122.312767,
+                "name": "15th Ave NE & NE 130th St",
+                "stopCode": "38890",
+                "stopId": "U3RvcDprY206Mzg4OTA",
+              },
+              Object {
+                "lat": 47.7209663,
+                "locationType": "STOP",
+                "lon": -122.312782,
+                "name": "15th Ave NE & NE 127th St",
+                "stopCode": "38900",
+                "stopId": "U3RvcDprY206Mzg5MDA",
+              },
+              Object {
+                "lat": 47.7190018,
+                "locationType": "STOP",
+                "lon": -122.312767,
+                "name": "15th Ave NE & NE 125th St",
+                "stopCode": "38910",
+                "stopId": "U3RvcDprY206Mzg5MTA",
+              },
+              Object {
+                "lat": 47.71735,
+                "locationType": "STOP",
+                "lon": -122.312714,
+                "name": "15th Ave NE & NE 123rd St",
+                "stopCode": "38920",
+                "stopId": "U3RvcDprY206Mzg5MjA",
+              },
+              Object {
+                "lat": 47.7154694,
+                "locationType": "STOP",
+                "lon": -122.312645,
+                "name": "15th Ave NE & NE 120th St",
+                "stopCode": "38930",
+                "stopId": "U3RvcDprY206Mzg5MzA",
+              },
+              Object {
+                "lat": 47.7125664,
+                "locationType": "STOP",
+                "lon": -122.314827,
+                "name": "Pinehurst Way NE & NE 115th St",
+                "stopCode": "38962",
+                "stopId": "U3RvcDprY206Mzg5NjI",
+              },
+              Object {
+                "lat": 47.7086334,
+                "locationType": "STOP",
+                "lon": -122.318367,
+                "name": "NE Northgate Way & Roosevelt Way NE",
+                "stopCode": "82198",
+                "stopId": "U3RvcDprY206ODIxOTg",
+              },
+              Object {
+                "lat": 47.7081947,
+                "locationType": "STOP",
+                "lon": -122.323364,
+                "name": "5th Ave NE & NE Northgate Way",
+                "stopCode": "23230",
+                "stopId": "U3RvcDprY206MjMyMzA",
+              },
+              Object {
+                "lat": 47.7059097,
+                "locationType": "STOP",
+                "lon": -122.323296,
+                "name": "5th Ave NE & Northgate Mall",
+                "stopCode": "23250",
+                "stopId": "U3RvcDprY206MjMyNTA",
+              },
+              Object {
+                "lat": 47.7032166,
+                "locationType": "STOP",
+                "lon": -122.323692,
+                "name": "NE 103rd St & 5th Ave NE",
+                "stopCode": "35290",
+                "stopId": "U3RvcDprY206MzUyOTA",
               },
             ],
             "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": 262,
+              "points": "oqrbH~fmiVp@??fEC|DCjE?fN?h@??AfEAvCAxA@n@AdCAhD?tAAtCA~@???hDAfF?bBAn@???ZA\`A?\`@Av@Ax@AhB?R@NBNFLLPVXN@T?R?l@A??fCGnCEzBE??hBErAApIM??nGKX?R?L?N@XFLBFBJ@LFLHPHPJTNXV^ZTPRRrAl@F@??d@Jb@DT?TCxCIVCl@Ab@CTEHCTGNGTKb@Sp@c@TINIPC??FCPEVAVAV?b@?V@^A\\\\IZEZKf@UrAq@|@a@d@W\`@_@f@_@NM??x@m@b@Cz@M\\\\C^?z@Px@XZPZXn@r@r@f@ZLb@Rb@FZFb@?z@???tA?rF@|I?AjD??CbJA|FA|C??AtBEpOEtOxCC??Z?|BAzEGdECf@???dIEhJG\`DE??jAAfFEzCE??J?zA?xACdDE??N?pDCpDE\`BCp@A??pFG~CC^A^???fBAbEEvCE\\\\?X???bCA|@F\`E?f@?@mG???C@yGFwO@qG@gF???]DyOtAC??tGAt@???vHEn@???~HE|HA??n@?|G?tC?xA?~D@Z???lI?p@???rHBB?pAC??vGIp@???xHI|@C??|CCt@?ZBRJRNRR\`@h@LTpFhI??~@xAbD~E\`A|A|AzB\\\\Z^Vf@Rx@R~CArAC?fB??CvLA|OnA???hDEbFGx@???|DErDAvDA?jB??AfCA\`HA~G?pB?P|A?lA?",
             },
             "mode": "BUS",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
             "realtimeState": null,
             "rentedBike": null,
-            "rideHailingEstimate": null,
             "route": Object {
               "alerts": Array [],
               "color": null,
-              "id": "Um91dGU6dHJpbWV0OjIw",
-              "longName": "Burnside/Stark",
-              "shortName": "20",
+              "id": "Um91dGU6a2NtOjEwMDIwNA",
+              "longName": null,
+              "shortName": "347",
               "textColor": null,
               "type": 3,
             },
-            "startTime": 1684864920000,
+            "startTime": 1685140428000,
             "steps": Array [],
             "to": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
               "rentalVehicle": null,
               "stop": Object {
                 "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
               },
               "vertexType": "TRANSIT",
             },
             "transitLeg": true,
             "trip": Object {
-              "gtfsId": "trimet:12340517",
-              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
-              "tripHeadsign": null,
+              "gtfsId": "kcm:541480853",
+              "id": "VHJpcDprY206NTQxNDgwODUz",
+              "tripHeadsign": "Northgate Station Ridgecrest",
             },
           },
           Object {
+            "accessibilityScore": null,
             "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 0,
-            "duration": 60,
-            "endTime": 1684865340000,
+            "distance": 60.87,
+            "dropoffType": "SCHEDULED",
+            "duration": 56,
+            "endTime": 1685142596000,
+            "fareProducts": Array [],
             "from": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
               "rentalVehicle": null,
               "stop": Object {
                 "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
               },
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
             "intermediateStops": null,
             "legGeometry": Object {
-              "length": 2,
-              "points": "sdztGlyrkVO?",
+              "length": 9,
+              "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B",
             },
             "mode": "WALK",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
             "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": null,
             "route": null,
-            "startTime": 1684865280000,
-            "steps": Array [],
+            "startTime": 1685142540000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 60.87,
+                "elevationProfile": Array [],
+                "lat": 47.7023088,
+                "lon": -122.3280018,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+            ],
             "to": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
+              "lat": 47.702662,
+              "lon": -122.32832,
+              "name": "Northgate Station",
               "rentalVehicle": null,
-              "stop": null,
-              "vertexType": "NORMAL",
+              "stop": Object {
+                "alerts": Array [],
+                "code": "N11-T1",
+                "gtfsId": "40:990005",
+                "id": "U3RvcDo0MDo5OTAwMDU",
+              },
+              "vertexType": "TRANSIT",
             },
             "transitLeg": false,
             "trip": null,
           },
           Object {
+            "accessibilityScore": null,
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OjQwOjQw",
+              "name": "Sound Transit",
+              "timezone": "America/Los_Angeles",
+              "url": "https://www.soundtransit.org",
+            },
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 23087.2,
+            "dropoffType": "SCHEDULED",
+            "duration": 2220,
+            "endTime": 1685145000000,
+            "fareProducts": Array [
+              Object {
+                "id": "0f76bb4a-7491-34b9-95ce-5d6f4e6b4d53",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 3,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
+              },
+              Object {
+                "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0.25,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
+              },
+              Object {
+                "id": "75fef4dc-142b-3589-ac62-d484f5b41143",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 2.75,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:regular",
+                    "name": "regular",
+                  },
+                },
+              },
+              Object {
+                "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+              Object {
+                "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
+              },
+              Object {
+                "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
+                  },
+                },
+              },
+              Object {
+                "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 1.5,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:special",
+                    "name": "special",
+                  },
+                },
+              },
+              Object {
+                "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:cash",
+                    "name": "cash",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:youth",
+                    "name": "youth",
+                  },
+                },
+              },
+              Object {
+                "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "rideCost",
+                  "price": Object {
+                    "amount": 0,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+              Object {
+                "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
+                "product": Object {
+                  "id": "orca:farePayment",
+                  "medium": Object {
+                    "id": "orca:electronic",
+                    "name": "electronic",
+                  },
+                  "name": "transfer",
+                  "price": Object {
+                    "amount": 1,
+                    "currency": Object {
+                      "code": "USD",
+                      "digits": 2,
+                    },
+                  },
+                  "riderCategory": Object {
+                    "id": "orca:senior",
+                    "name": "senior",
+                  },
+                },
+              },
+            ],
+            "from": Object {
+              "lat": 47.702662,
+              "lon": -122.32832,
+              "name": "Northgate Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "N11-T1",
+                "gtfsId": "40:990005",
+                "id": "U3RvcDo0MDo5OTAwMDU",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "lat": 47.676107,
+                "locationType": "STOP",
+                "lon": -122.316041,
+                "name": "Roosevelt Station",
+                "stopCode": "N09-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDM",
+              },
+              Object {
+                "lat": 47.659875,
+                "locationType": "STOP",
+                "lon": -122.314194,
+                "name": "U District Station",
+                "stopCode": "N07-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDE",
+              },
+              Object {
+                "lat": 47.649349,
+                "locationType": "STOP",
+                "lon": -122.303795,
+                "name": "Univ of Washington Station",
+                "stopCode": "N05-T1",
+                "stopId": "U3RvcDo0MDo5OTYwNA",
+              },
+              Object {
+                "lat": 47.61956,
+                "locationType": "STOP",
+                "lon": -122.320389,
+                "name": "Capitol Hill Station",
+                "stopCode": "N03-T1",
+                "stopId": "U3RvcDo0MDo5OTYxMA",
+              },
+              Object {
+                "lat": 47.61145,
+                "locationType": "STOP",
+                "lon": -122.337532,
+                "name": "Westlake Station",
+                "stopCode": "C03-T1",
+                "stopId": "U3RvcDo0MDoxMTA4",
+              },
+              Object {
+                "lat": 47.607246,
+                "locationType": "STOP",
+                "lon": -122.335754,
+                "name": "University St Station",
+                "stopCode": "C05-T1",
+                "stopId": "U3RvcDo0MDo0NTU",
+              },
+              Object {
+                "lat": 47.602139,
+                "locationType": "STOP",
+                "lon": -122.331055,
+                "name": "Pioneer Square Station",
+                "stopCode": "C07-T1",
+                "stopId": "U3RvcDo0MDo1MDE",
+              },
+              Object {
+                "lat": 47.59766,
+                "locationType": "STOP",
+                "lon": -122.328217,
+                "name": "Int'l Dist/Chinatown Station",
+                "stopCode": "C09-T1",
+                "stopId": "U3RvcDo0MDo2MjM",
+              },
+              Object {
+                "lat": 47.591824,
+                "locationType": "STOP",
+                "lon": -122.327354,
+                "name": "Stadium Station",
+                "stopCode": "C13-T1",
+                "stopId": "U3RvcDo0MDo5OTEwMQ",
+              },
+              Object {
+                "lat": 47.579952,
+                "locationType": "STOP",
+                "lon": -122.327522,
+                "name": "SODO Station",
+                "stopCode": "C15-T1",
+                "stopId": "U3RvcDo0MDo5OTExMQ",
+              },
+              Object {
+                "lat": 47.579124,
+                "locationType": "STOP",
+                "lon": -122.311279,
+                "name": "Beacon Hill Station",
+                "stopCode": "C19-T1",
+                "stopId": "U3RvcDo0MDo5OTEyMQ",
+              },
+              Object {
+                "lat": 47.576439,
+                "locationType": "STOP",
+                "lon": -122.297737,
+                "name": "Mount Baker Station",
+                "stopCode": "C23-T1",
+                "stopId": "U3RvcDo0MDo1NTk0OQ",
+              },
+              Object {
+                "lat": 47.559025,
+                "locationType": "STOP",
+                "lon": -122.292389,
+                "name": "Columbia City Station",
+                "stopCode": "C25-T1",
+                "stopId": "U3RvcDo0MDo1NjAzOQ",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 509,
+              "points": "s|cbHhgsiVJ?dA?pAApA@nAHnANnALnANnALnALpAFnABpACpAGnAKr@G^CnAKpAEnA?pA@pA?nA@pA@pA@nA@pA@pA?nACpAKlASlAWjA]fAc@fAi@\`Ak@\`Aq@z@u@z@w@v@{@r@{@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@}@v@{@x@w@~@s@bAk@fAe@hA_@nAWnAMnACpAApAAnA?V???x@ApACnAGnAKpAMnAMnAKnAMnAMnAMnAMpAKnAMnAMnAMnAKnAMnAMpAMnAKnAMnAMnAMnAMnAKpAMnAKnAIpAInAEpAGnACpAApAApA?nA?pA@pA@nABpA@h@???f@@nAAnAQfAc@~@q@v@{@j@cAd@gAZkARmANoAJqAJoAHoAJqAJoAJoALoALoARoATmAZkA^kA\`@iAf@eAj@cAp@aAt@{@x@w@~@q@dAk@hAa@jAYnAOpAEnAApAApAAnAApAAbDAb@Cb@???H?p@Ar@?|FGx@?hA?rA@pADzAHtAHrALrARrAPzAV\`BZxA^\`Bd@rBn@|Aj@lBx@lBz@|Ax@fB\`AhBlAbBlAfE\`DrB~Avh@da@bHlFbDdCjEfDdK~HrB~A~@r@n@d@bAh@|@d@jAd@jA^tAVpAR~@HfADtA?n@A????vFC~A?x@?|@HbAPbAZbA\`@x@b@dAz@v@r@~@jAr@dAp@rAd@fA\`@jAd@bBZxAVbBRfBH~AFtA@|AAdBGpAIzAOdBWzASxAKx@Ix@?f@?n@@l@Dr@Jx@Hf@Jh@JZjAnDb@tAhBzFXvAhB|FnBlG??@?FTj@fABBRh@PVNRLHLDR@N?VGXMNInJoIlC_Cp@o@RQ????t@s@lCaC|GcGnCcClCaC\\\\[nBgBlBgB@???VUVURWVc@Xe@PYpBeDx@sAx@mAV_@TQ\\\\Sp@MzCA|FF@@??N@RFNFN@LB~BCF?D?fCAF?N?NCN?NALAHCJAJAHCNEPC^KxDeAxCy@NGJAJCJALAL?h@CrC???nHBrB?V?X@R@VBn@HVDP@T@z@?b@?z@?vp@B??@?zG?L?N?JCF?JAHEDABCF?@CDABCDCBCBEDCBEBCBGBEBC@EBGBEBG@E@E@GBE@G@E?CBM?IBI@K?I?SDeAFeBBqAJ_D@q@@o@?y@?s@?qAAgI@y@@o@Ds@JiBXkE@s@Bm@?{@Aw@Ey@Gy@Gg@Gi@Ie@Ke@UaAoDiNa@aBc@kBkAwF???AoAcGKg@Ii@Ge@Gg@Ee@Ek@Am@Ak@Ak@@k@Bg@Bk@@e@Dk@Fc@Hk@Js@Rw@zDsPNs@Lm@RqAPqAHgAf@kHLiBDc@BWFWDUFUHUJUJULUJONSNKPQtCmB??~BcBb@Ud@STEVGVCVA^?pHDvOFjLCx@?pDH\`@Bb@Cb@?^Ib@G^I\\\\M\\\\O\\\\Qhg@oX~@e@????|L{GjDgB|@c@f@QtE_BpAe@lO}FbJkDdQwGrFyBt[{LnSqI?A",
+            },
+            "mode": "TRAM",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": Object {
+              "alerts": Array [],
+              "color": "28813F",
+              "id": "Um91dGU6NDA6MTAwNDc5",
+              "longName": "Northgate - Angle Lake",
+              "shortName": "1-Line",
+              "textColor": "FFFFFF",
+              "type": 0,
+            },
+            "startTime": 1685142780000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 47.537529,
+              "lon": -122.281471,
+              "name": "Othello Station",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "C27-T1",
+                "gtfsId": "40:56159",
+                "id": "U3RvcDo0MDo1NjE1OQ",
+              },
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "trip": Object {
+              "gtfsId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+              "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
+              "tripHeadsign": "Angle Lake",
+            },
+          },
+          Object {
+            "accessibilityScore": null,
             "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 334.71,
-            "duration": 66,
-            "endTime": 1684865406000,
+            "distance": 2167.47,
+            "dropoffType": "SCHEDULED",
+            "duration": 1739,
+            "endTime": 1685146739000,
+            "fareProducts": Array [],
             "from": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
+              "lat": 47.537529,
+              "lon": -122.281471,
+              "name": "Othello Station",
               "rentalVehicle": null,
-              "stop": null,
-              "vertexType": "NORMAL",
+              "stop": Object {
+                "alerts": Array [],
+                "code": "C27-T1",
+                "gtfsId": "40:56159",
+                "id": "U3RvcDo0MDo1NjE1OQ",
+              },
+              "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
             "intermediateStops": null,
             "legGeometry": Object {
-              "length": 17,
-              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
+              "length": 135,
+              "points": "otcaHfbjiV?BXMF\\\\\\\\??fC?NJ?@|@BbC?R?TAB?|A?t@@f@?L@B?V?TA@@D?D?vA?h@?X?TAXCXANCPCPKd@ERCLCH@@HFLJ@@@?@@@@B@F?F?D?DAENDAHCFCFNPTDBD?RIl@Wb@Qn@c@h@[ZONGPCD?LEFAL@Ad@@vF?pAApA?nH@\\\\@J@DBPJLEFIFI^ENQf@EBCFHJP^BL@J@PAhFA|A?bAArB?hA@JBFDDDHl@b@RHTFXD\\\\@P@PCjB[hB[h@M\`A]lAk@vBoAlAu@h@YLCPAJ@J@LFLHHJHJFNHTv@dGFb@@NK@KCOCM@{Ad@e@F_@LM@",
             },
-            "mode": "CAR",
+            "mode": "WALK",
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
             "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": Object {
-              "arrival": "PT2M",
-              "maxPrice": Object {
-                "amount": 18,
-                "currency": Object {
-                  "code": "USD",
-                },
+            "route": null,
+            "startTime": 1685145000000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 14.92,
+                "elevationProfile": Array [],
+                "lat": 47.5375246,
+                "lon": -122.2814907,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Martin Luther King Junior Way South",
               },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 12.32,
+                "elevationProfile": Array [],
+                "lat": 47.5373972,
+                "lon": -122.2814286,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.38,
+                "elevationProfile": Array [],
+                "lat": 47.537352,
+                "lon": -122.2815784,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "parking aisle",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 186.19,
+                "elevationProfile": Array [],
+                "lat": 47.5371499,
+                "lon": -122.2823392,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 185.66,
+                "elevationProfile": Array [],
+                "lat": 47.5371051,
+                "lon": -122.2847952,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [
+                  null,
+                ],
+                "area": false,
+                "distance": 223.22,
+                "elevationProfile": Array [],
+                "lat": 47.5369894,
+                "lon": -122.2868292,
+                "relativeDirection": "HARD_RIGHT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 316.7,
+                "elevationProfile": Array [],
+                "lat": 47.535227,
+                "lon": -122.2863141,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "South Webster Street",
+              },
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 55.15,
+                "elevationProfile": Array [],
+                "lat": 47.5351293,
+                "lon": -122.2904874,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
               },
-              "provider": Object {
-                "id": "uber",
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 259.82,
+                "elevationProfile": Array [],
+                "lat": 47.5354239,
+                "lon": -122.2910651,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "South Webster Street",
               },
-            },
-            "route": null,
-            "startTime": 1684865340000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTHWEST",
                 "alerts": Array [],
                 "area": false,
-                "distance": 16.06,
+                "distance": 57.96,
                 "elevationProfile": Array [],
-                "lat": 45.522907,
-                "lon": -122.653824,
-                "relativeDirection": "DEPART",
+                "lat": 47.5352763,
+                "lon": -122.2944348,
+                "relativeDirection": "SLIGHTLY_LEFT",
                 "stayOn": false,
-                "streetName": "East Burnside Street",
+                "streetName": "29th Avenue South",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 644.09,
+                "elevationProfile": Array [],
+                "lat": 47.5348545,
+                "lon": -122.2948441,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Military Road South",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "alerts": Array [],
                 "area": false,
-                "distance": 318.65,
+                "distance": 132.1,
                 "elevationProfile": Array [],
-                "lat": 45.5229076,
-                "lon": -122.6536179,
-                "relativeDirection": "LEFT",
+                "lat": 47.5301402,
+                "lon": -122.2953592,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northeast 12th Avenue",
+                "streetName": "service road",
               },
             ],
             "to": Object {
-              "lat": 45.525773,
-              "lon": -122.6535042,
-              "name": "407 NE 12th Ave, Portland",
+              "lat": 47.5312889,
+              "lon": -122.2958113,
+              "name": "New Light Christian Church, Seattle, WA, USA",
               "rentalVehicle": null,
               "stop": null,
               "vertexType": "NORMAL",
@@ -263743,16 +242274,16 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = `
             "trip": null,
           },
         ],
-        "startTime": 1684864716000,
-        "waitingTime": 0,
-        "walkTime": 330,
+        "startTime": 1685139787000,
+        "waitingTime": 184,
+        "walkTime": 2436,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
+exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
 .c4 {
   display: inline-block;
   vertical-align: middle;
@@ -263780,7 +242311,7 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
   white-space: nowrap;
 }
 
-.c9 {
+.c13 {
   color: #00f;
   font-size: 16px;
   margin-left: 6px;
@@ -263791,8 +242322,13 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
   float: right;
 }
 
-.c10 {
-  text-transform: capitalize;
+.c9 {
+  display: inline-block;
+}
+
+.c9 > span {
+  display: block;
+  padding-left: 1.75ch;
 }
 
 .c2 {
@@ -263840,6 +242376,49 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
   white-space: pre;
 }
 
+.c11 th {
+  font-weight: normal;
+  min-width: 5ch;
+  padding: 0.75em 1.5em;
+  text-align: center;
+}
+
+.c11 th:nth-of-type(2n + 1) {
+  background: #cccccc22;
+}
+
+.c11 th.main {
+  background: #333333;
+  color: #ffffffcc;
+}
+
+.c10 {
+  border-collapse: collapse;
+  display: block;
+  margin-bottom: 16px;
+  padding: 0;
+}
+
+.c10 td {
+  text-align: right;
+}
+
+.c10 td:nth-of-type(2n + 1) {
+  background: #cccccc22;
+}
+
+.c10 td.no-zebra {
+  background: none;
+}
+
+.c10 th:first-of-type {
+  height: 40px;
+}
+
+.c12 {
+  padding-left: 4px;
+}
+
 <div
   className="c0"
 >
@@ -263884,11 +242463,11 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
         >
           Depart 
           <strong>
-            May 23, 2023
+            May 26, 2023
           </strong>
            at 
           <strong>
-            10:58 AM
+            3:23 PM
           </strong>
         </span>
       </div>
@@ -263965,170 +242544,282 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
         <span
           className="styled__Fare-sc-6q2ok2-4"
         >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
+          <details
+            className="c9"
           >
             <summary
               style={
                 Object {
-                  "display": "",
+                  "display": "list-item",
                 }
               }
             >
-              <span>
-                Tarif en transports: 
-                <strong>
-                  $9.50
-                </strong>
-              </span>
+              Transit Fare
+              : 
+              <strong>
+                $5.75
+              </strong>
             </summary>
-          </span>
-        </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"
+            <div>
+              <table
+                className="c10"
               >
-                <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>
-            Custom details about fares (transitFares: 
-            {"regular":{"currency":{"symbol":"$","currency":"USD","defaultFractionDigits":2,"currencyCode":"USD"},"cents":950}}
-            )
-             
-            (cents), can be constructed dynamically using any markup.
-          </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TNCFare-sc-6q2ok2-6"
-          >
-            <span
-              className="c10"
-            >
-              uber
-            </span>
-             Fare: 
-            <strong>
-              $34.00
-               - 
-              $37.00
-            </strong>
-          </span>
+                <thead
+                  className="c11"
+                >
+                  <th
+                    className="main"
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.regular
+                    </strong>
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.cash
+                    </strong>
+                    <br />
+                    $5.75
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.electronic
+                    </strong>
+                    <br />
+                    $3.00
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.special
+                    </strong>
+                    <br />
+                    $1.50
+                  </th>
+                </thead>
+                <tr>
+                  <td
+                    className="no-zebra"
+                  />
+                  <td
+                    title={false}
+                  >
+                    $2.75
+                  </td>
+                  <td
+                    title={false}
+                  >
+                    $2.75
+                  </td>
+                  <td
+                    title={false}
+                  >
+                    $1.50
+                  </td>
+                </tr>
+                <tr>
+                  <td
+                    className="no-zebra"
+                  />
+                  <td
+                    title={false}
+                  >
+                    $3.00
+                  </td>
+                  <td
+                    title="Transfer discount of $2.75 is applied"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c4 c12"
+                      fill="currentColor"
+                      focusable="false"
+                      height={16}
+                      viewBox="0 0 24 24"
+                      width={16}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
+                      />
+                    </svg>
+                     
+                    $0.25
+                  </td>
+                  <td
+                    title="Transfer discount of $1.50 is applied"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c4 c12"
+                      fill="currentColor"
+                      focusable="false"
+                      height={16}
+                      viewBox="0 0 24 24"
+                      width={16}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
+                      />
+                    </svg>
+                     
+                    $0.00
+                  </td>
+                </tr>
+              </table>
+              <table
+                className="c10"
+              >
+                <thead
+                  className="c11"
+                >
+                  <th
+                    className="main"
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.youth
+                    </strong>
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.cash
+                    </strong>
+                    <br />
+                    $0.00
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.electronic
+                    </strong>
+                    <br />
+                    $0.00
+                  </th>
+                </thead>
+                <tr>
+                  <td
+                    className="no-zebra"
+                  />
+                  <td
+                    title={false}
+                  >
+                    $0.00
+                  </td>
+                  <td
+                    title={false}
+                  >
+                    $0.00
+                  </td>
+                </tr>
+                <tr>
+                  <td
+                    className="no-zebra"
+                  />
+                  <td
+                    title={false}
+                  >
+                    $0.00
+                  </td>
+                  <td
+                    title={false}
+                  >
+                    $0.00
+                  </td>
+                </tr>
+              </table>
+              <table
+                className="c10"
+              >
+                <thead
+                  className="c11"
+                >
+                  <th
+                    className="main"
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.senior
+                    </strong>
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.cash
+                    </strong>
+                    <br />
+                    $2.00
+                  </th>
+                  <th
+                    scope="col"
+                  >
+                    <strong>
+                      otpUi.TripDetails.FareTable.electronic
+                    </strong>
+                    <br />
+                    $1.00
+                  </th>
+                </thead>
+                <tr>
+                  <td
+                    className="no-zebra"
+                  />
+                  <td
+                    title={false}
+                  >
+                    $1.00
+                  </td>
+                  <td
+                    title={false}
+                  >
+                    $1.00
+                  </td>
+                </tr>
+                <tr>
+                  <td
+                    className="no-zebra"
+                  />
+                  <td
+                    title={false}
+                  >
+                    $1.00
+                  </td>
+                  <td
+                    title="Transfer discount of $1.00 is applied"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c4 c12"
+                      fill="currentColor"
+                      focusable="false"
+                      height={16}
+                      viewBox="0 0 24 24"
+                      width={16}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
+                      />
+                    </svg>
+                     
+                    $0.00
+                  </td>
+                </tr>
+              </table>
+            </div>
+          </details>
         </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}
@@ -264169,11 +242860,6 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
                 />
               </svg>
             </button>
-            Custom details about fares (transitFares: 
-            {"regular":{"currency":{"symbol":"$","currency":"USD","defaultFractionDigits":2,"currencyCode":"USD"},"cents":950}}
-            )
-             
-            (cents), can be constructed dynamically using any markup.
           </div>
         </div>
       </div>
@@ -264207,13 +242893,13 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
       >
         Time Spent Active: 
         <strong>
-          2 minutes
+          41 minutes
         </strong>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c7 c9"
+          className="c7 c13"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
@@ -264276,7 +242962,7 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
             </button>
             By taking this trip, you'll spend 
             <strong>
-              2 minutes
+              41 minutes
             </strong>
              walking and 
             <strong>
@@ -264320,14 +243006,14 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
         >
           CO₂ Emitted: 
           <strong>
-            319g
+            2,699g
           </strong>
         </span>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c7 c9"
+          className="c7 c13"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
@@ -264405,451 +243091,302 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
 </div>
 `;
 
-exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 1`] = `
+exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
   fallbackOnEmptyString={true}
   formats={Object {}}
   locale="en-US"
-  messages={
-    Object {
-      "otpUi.TripDetails.departure": "<strong>Leave</strong> at <strong>{departureDate, time, short}</strong> on <strong>{departureDate, date, long}</strong>",
-      "otpUi.TripDetails.fareDetailsHeaders.cash": "Cash",
-      "otpUi.TripDetails.fareDetailsHeaders.electronic": "ORCA",
-      "otpUi.TripDetails.fareDetailsHeaders.regular": "Regular",
-      "otpUi.TripDetails.fareDetailsHeaders.senior": "Senior",
-      "otpUi.TripDetails.fareDetailsHeaders.special": "LIFT",
-      "otpUi.TripDetails.fareDetailsHeaders.youth": "Youth",
-      "otpUi.TripDetails.title": "Custom Trip Details Title",
-      "otpUi.TripDetails.tncFare": "Pay <strong>{minTNCFare}-{maxTNCFare}</strong> to {companies}",
-    }
-  }
+  messages={Object {}}
   onError={[Function]}
   textComponent={Symbol(react.fragment)}
 >
-  <ForwardRef(TripDetailsstory__StyledTripDetails)
-    DepartureDetails={[Function]}
-    TimeActiveDetails={[Function]}
+  <TripDetails
     co2Config={
       Object {
         "enabled": true,
       }
     }
-    fareKeyNameMap={
-      Object {
-        "electronicRegular": "Tarif Orca",
-        "electronicSenior": "Tarif Orca séniors",
-        "electronicSpecial": "Tarif Orca spécial",
-        "electronicYouth": "Tarif Orca jeunes",
-        "regular": "Tarif en transports",
-        "senior": "Tarif séniors",
-        "special": "Tarif spécial",
-        "student": "Tarif étudiants",
-        "tram": "Tarif tram",
-        "youth": "Tarif jeunes",
-      }
-    }
+    fareKeyNameMap={Object {}}
     itinerary={
       Object {
-        "duration": 690,
-        "endTime": 1684865406000,
+        "arrivedAtDestinationWithRentedBicycle": false,
+        "duration": 685,
+        "elevationGained": 0,
+        "elevationLost": 0,
+        "endTime": 1655310385000,
         "fare": Object {
           "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 950,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
+          "fare": Object {},
         },
+        "generalizedCost": 2010,
         "legs": Array [
           Object {
-            "agency": null,
+            "agencyTimeZoneOffset": -14400000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 643.65,
-            "duration": 144,
-            "endTime": 1684864860000,
+            "distance": 266.417,
+            "duration": 276,
+            "endTime": 1655309976000,
             "from": Object {
-              "lat": 45.5241494,
-              "lon": -122.68303,
-              "name": "128 NW 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
+              "departure": 1655309700000,
+              "lat": 33.76261572454295,
+              "lon": -84.3844002328133,
+              "name": "300 Courtland St NE, Atlanta, GA 30303-12ND, United States",
               "vertexType": "NORMAL",
             },
+            "generalizedCost": 526,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
             "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": 13,
+              "points": "igamE\`h\`bON?n@?N@L??LAHA|H?J?F?DdA@F?",
             },
-            "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,
+            "route": "",
+            "startTime": 1655309700000,
             "steps": Array [
               Object {
                 "absoluteDirection": "SOUTH",
-                "alerts": Array [],
                 "area": false,
-                "distance": 54.68,
-                "elevationProfile": Array [],
-                "lat": 45.5241463,
-                "lon": -122.6831887,
+                "bogusName": false,
+                "distance": 52.548,
+                "elevation": "",
+                "lat": 33.76261325291033,
+                "lon": -84.38416504660155,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Northwest 12th Avenue",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
-                "area": false,
-                "distance": 79.48,
-                "elevationProfile": Array [],
-                "lat": 45.5236547,
-                "lon": -122.6831692,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Northwest Couch Street",
+                "streetName": "Courtland Street Northeast",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "SOUTH",
-                "alerts": Array [],
+                "absoluteDirection": "WEST",
                 "area": false,
-                "distance": 79.25,
-                "elevationProfile": Array [],
-                "lat": 45.5236734,
-                "lon": -122.6821493,
+                "bogusName": true,
+                "distance": 171.07699999999997,
+                "elevation": "",
+                "lat": 33.7621407,
+                "lon": -84.3841721,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northwest 11th Avenue",
+                "streetName": "path",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTH",
                 "area": false,
-                "distance": 430.23,
-                "elevationProfile": Array [],
-                "lat": 45.5229609,
-                "lon": -122.6821228,
+                "bogusName": false,
+                "distance": 42.792,
+                "elevation": "",
+                "lat": 33.7621644,
+                "lon": -84.3860173,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "West Burnside Street",
+                "streetName": "Peachtree Center Avenue Northeast",
+                "walkingBike": false,
               },
             ],
             "to": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "vertexType": "NORMAL",
+              "arrival": 1655309976000,
+              "bikeShareId": "fd289bac-5280-4a00-af3e-685f44050a8d",
+              "departure": 1655309976000,
+              "lat": 33.76178,
+              "lon": -84.38606,
+              "name": "fd289bac-5280-4a00-af3e-685f44050a8d",
+              "networks": Array [
+                "RAZOR",
+              ],
+              "vertexType": "BIKESHARE",
             },
             "transitLeg": false,
-            "trip": null,
+            "walkingBike": false,
           },
           Object {
-            "agency": null,
+            "agencyTimeZoneOffset": -14400000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 0,
-            "duration": 60,
-            "endTime": 1684864920000,
+            "distance": 1579.257,
+            "duration": 409,
+            "endTime": 1655310385000,
             "from": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "vertexType": "NORMAL",
+              "arrival": 1655309976000,
+              "bikeShareId": "fd289bac-5280-4a00-af3e-685f44050a8d",
+              "departure": 1655309976000,
+              "lat": 33.76178,
+              "lon": -84.38606,
+              "name": "fd289bac-5280-4a00-af3e-685f44050a8d",
+              "networks": Array [
+                "RAZOR",
+              ],
+              "vertexType": "BIKESHARE",
             },
+            "generalizedCost": 1483,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 2,
-              "points": "weztG~gwkVJ?",
+              "length": 61,
+              "points": "abamEts\`bOG??DzCBL?L?\`FBN?J?bFBJ?N?J?N@N?dE@tDBvB?D?@?B@H?lB@PBXN^ZPP?F?BAdE?H@|@?T?v@?XAH?FJFRLnA|@JJHFj@\`@\\\\VTPLHLJh@^TRd@\\\\VRJHLH\`At@pBzAHDPJPJzD~CEHIG",
             },
-            "mode": "WALK",
+            "mode": "SCOOTER",
+            "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",
-              },
-              "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 [
+            "rentedBike": true,
+            "route": "",
+            "startTime": 1655309976000,
+            "steps": Array [
               Object {
-                "lat": 45.523009,
-                "locationType": "STOP",
-                "lon": -122.672529,
-                "name": "W Burnside & SW 2nd",
-                "stopCode": "9526",
-                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 3.792,
+                "elevation": "",
+                "lat": 33.76177959874698,
+                "lon": -84.38602445700776,
+                "relativeDirection": "HARD_RIGHT",
+                "stayOn": false,
+                "streetName": "Peachtree Center Avenue Northeast",
+                "walkingBike": false,
               },
               Object {
-                "lat": 45.522847,
-                "locationType": "STOP",
-                "lon": -122.657843,
-                "name": "E Burnside & SE 8th",
-                "stopCode": "820",
-                "stopId": "U3RvcDp0cmltZXQ6ODIw",
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 3.032,
+                "elevation": "",
+                "lat": 33.761813700000005,
+                "lon": -84.38602390000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "service road",
+                "walkingBike": false,
               },
-            ],
-            "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",
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 822.329,
+                "elevation": "",
+                "lat": 33.7618142,
+                "lon": -84.38605670000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Peachtree Center Cycle Track",
+                "walkingBike": false,
               },
-              "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",
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 186.854,
+                "elevation": "",
+                "lat": 33.754499700000004,
+                "lon": -84.3865004,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Edgewood Avenue Northeast",
+                "walkingBike": false,
               },
-              "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",
-                },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 81.88100000000001,
+                "elevation": "",
+                "lat": 33.7545008,
+                "lon": -84.38852130000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Pryor Street Southwest",
+                "walkingBike": false,
               },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 157.972,
+                "elevation": "",
+                "lat": 33.753883,
+                "lon": -84.389003,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Pryor Street",
+                "walkingBike": false,
               },
-              "provider": Object {
-                "id": "uber",
+              Object {
+                "absoluteDirection": "SOUTHWEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 310.786,
+                "elevation": "",
+                "lat": 33.7527003,
+                "lon": -84.38994960000001,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Pryor Street Southwest",
+                "walkingBike": false,
               },
-            },
-            "route": null,
-            "startTime": 1684865340000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
-                "distance": 16.06,
-                "elevationProfile": Array [],
-                "lat": 45.522907,
-                "lon": -122.653824,
-                "relativeDirection": "DEPART",
+                "bogusName": true,
+                "distance": 5.783,
+                "elevation": "",
+                "lat": 33.7503831,
+                "lon": -84.3918258,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "East Burnside Street",
+                "streetName": "path",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "NORTH",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "distance": 318.65,
-                "elevationProfile": Array [],
-                "lat": 45.5229076,
-                "lon": -122.6536179,
-                "relativeDirection": "LEFT",
+                "bogusName": true,
+                "distance": 6.828,
+                "elevation": "",
+                "lat": 33.7504125,
+                "lon": -84.3918774,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Northeast 12th Avenue",
+                "streetName": "sidewalk",
+                "walkingBike": true,
               },
             ],
             "to": Object {
-              "lat": 45.525773,
-              "lon": -122.6535042,
-              "name": "407 NE 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
+              "arrival": 1655310385000,
+              "lat": 33.75048449782606,
+              "lon": -84.39187533825107,
+              "name": "126 Mitchell St SW, Atlanta, GA 30303-3524, United States",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
+            "walkingBike": false,
           },
         ],
-        "startTime": 1684864716000,
+        "startTime": 1655309700000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 0,
         "waitingTime": 0,
-        "walkTime": 330,
+        "walkDistance": 1845.674,
+        "walkLimitExceeded": false,
+        "walkTime": 685,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = `
-.c6 {
+exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = `
+.c4 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c8 {
+.c7 {
   background: transparent;
   border: 0;
   cursor: pointer;
@@ -264877,19 +243414,15 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
   margin-top: -2px;
 }
 
-.c11 {
+.c8 {
   float: right;
 }
 
-.c12 {
-  text-transform: capitalize;
-}
-
-.c4 {
+.c2 {
   margin-top: 6px;
 }
 
-.c10 {
+.c6 {
   background-color: #fff;
   border: 1px solid #888;
   font-size: 12px;
@@ -264897,7 +243430,7 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
   padding: 8px;
 }
 
-.c5 {
+.c3 {
   float: left;
   font-size: 17px;
 }
@@ -264910,13 +243443,13 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
   padding: 10px 16px;
 }
 
-.c3 {
+.c1 {
   font-size: 18px;
   font-weight: 600;
   margin: 0;
 }
 
-.c7 {
+.c5 {
   margin-left: 28px;
   padding-top: 2px;
   display: -webkit-box;
@@ -264930,33 +243463,29 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
   white-space: pre;
 }
 
-.c1 .c2 {
-  background-color: pink;
-}
-
 <div
-  className="c0 c1"
+  className="c0"
 >
   <h2
-    className="c2 c3"
+    className="c1"
     id="trip-details-header"
   >
-    Custom Trip Details Title
+    Trip Details
   </h2>
   <div
     className="styled__TripDetailsBody-sc-6q2ok2-16"
   >
     <div
-      className="c4"
+      className="c2"
       role="group"
     >
       <div
-        className="c5"
+        className="c3"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c4"
           fill="currentColor"
           focusable="false"
           height={17}
@@ -264971,35 +243500,221 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
         </svg>
       </div>
       <div
-        className="c7"
+        className="c5"
       >
         <span
           className="styled__Timing-sc-6q2ok2-8"
         >
+          Depart 
           <strong>
-            Leave
+            June 15, 2022
           </strong>
            at 
           <strong>
-            10:58 AM
+            9:15 AM
           </strong>
-           on 
+        </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>
+          5 minutes
+        </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>
+              5 minutes
+            </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-2"
+        >
+          CO₂ Emitted: 
           <strong>
-            May 23, 2023
+            7g
           </strong>
         </span>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c8 c9"
+          className="c7 c9"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
         >
           <svg
             aria-hidden="true"
-            className="c6"
+            className="c4"
             fill="currentColor"
             focusable="false"
             height="0.92em"
@@ -265029,17 +243744,17 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
         >
           <div
             aria-labelledby="expand-button"
-            className="c10"
+            className="c6"
             id="mocked-random-id"
           >
             <button
-              className="c8 c11"
+              className="c7 c8"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c6"
+                className="c4"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -265053,63 +243768,871 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
                 />
               </svg>
             </button>
-            Custom messages about
-             
-            May 23, 2023
-             
-            can be constructed dynamically using any markup.
+            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 OTP 2 Flex 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": 5849,
+        "elevationGained": 0,
+        "elevationLost": 0,
+        "endTime": 1655948239000,
+        "generalizedCost": 8302,
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -21600000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 509.149,
+            "duration": 396,
+            "endTime": 1655942786000,
+            "from": Object {
+              "departure": 1655942390000,
+              "lat": 40.16208338164619,
+              "lon": -105.09933471679689,
+              "name": "2nd Avenue, Longmont, CO, USA",
+              "vertexType": "NORMAL",
+            },
+            "generalizedCost": 768,
+            "interlineWithPreviousLeg": false,
+            "legGeometry": Object {
+              "length": 22,
+              "points": "mdctF|en\`S?hBF@\`@?T?B?F?X?nB?bAA\`@?H?N?J?^??F?xC?jA?pCh@??pC\`AV",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "route": "",
+            "startTime": 1655942390000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 45.237,
+                "elevation": "",
+                "lat": 40.162154,
+                "lon": -105.099347,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "parking aisle",
+                "walkingBike": false,
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 215.189,
+                "elevation": "",
+                "lat": 40.162159200000005,
+                "lon": -105.09987930000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Emery Street",
+                "walkingBike": false,
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 163.417,
+                "elevation": "",
+                "lat": 40.160224,
+                "lon": -105.099874,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "1st Avenue",
+                "walkingBike": false,
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 85.306,
+                "elevation": "",
+                "lat": 40.1602258,
+                "lon": -105.101797,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "parking aisle",
+                "walkingBike": false,
+              },
+            ],
+            "to": Object {
+              "arrival": 1655942786000,
+              "departure": 1655942786000,
+              "lat": 40.159686,
+              "lon": -105.102641,
+              "name": "S Main St & 1st Ave",
+              "stopCode": "25633",
+              "stopId": "3:25633",
+              "vertexType": "TRANSIT",
+              "zoneId": "25633",
+            },
+            "transitLeg": false,
+            "walkingBike": false,
+          },
+          Object {
+            "agencyId": "3:RTD",
+            "agencyName": "Regional Transportation District",
+            "agencyTimeZoneOffset": -21600000,
+            "agencyUrl": "http://rtd-denver.com",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 15862.222110025103,
+            "duration": 1132,
+            "endTime": 1655943918000,
+            "from": Object {
+              "arrival": 1655942786000,
+              "departure": 1655942786000,
+              "lat": 40.159686,
+              "lon": -105.102641,
+              "name": "S Main St & 1st Ave",
+              "stopCode": "25633",
+              "stopId": "3:25633",
+              "stopIndex": 3,
+              "stopSequence": 4,
+              "vertexType": "TRANSIT",
+              "zoneId": "25633",
+            },
+            "generalizedCost": 1732,
+            "headsign": "US36/Broomfield Stn",
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1655942876000,
+                "departure": 1655942876000,
+                "lat": 40.155185,
+                "lon": -105.102576,
+                "name": "S Main St & Ken Pratt Blvd",
+                "stopCode": "15165",
+                "stopId": "3:15165",
+                "stopIndex": 4,
+                "stopSequence": 5,
+                "vertexType": "TRANSIT",
+                "zoneId": "15165",
+              },
+              Object {
+                "arrival": 1655943000000,
+                "departure": 1655943000000,
+                "lat": 40.149018,
+                "lon": -105.102689,
+                "name": "S Main St & Jersey Ave",
+                "stopCode": "17660",
+                "stopId": "3:17660",
+                "stopIndex": 5,
+                "stopSequence": 6,
+                "vertexType": "TRANSIT",
+                "zoneId": "17660",
+              },
+              Object {
+                "arrival": 1655943029000,
+                "departure": 1655943029000,
+                "lat": 40.144378,
+                "lon": -105.102595,
+                "name": "S Main St & Missouri Ave",
+                "stopCode": "17661",
+                "stopId": "3:17661",
+                "stopIndex": 6,
+                "stopSequence": 7,
+                "vertexType": "TRANSIT",
+                "zoneId": "17661",
+              },
+              Object {
+                "arrival": 1655943046000,
+                "departure": 1655943046000,
+                "lat": 40.14157,
+                "lon": -105.102641,
+                "name": "S Main St & Quebec Ave",
+                "stopCode": "17844",
+                "stopId": "3:17844",
+                "stopIndex": 7,
+                "stopSequence": 8,
+                "vertexType": "TRANSIT",
+                "zoneId": "17844",
+              },
+              Object {
+                "arrival": 1655943069000,
+                "departure": 1655943069000,
+                "lat": 40.137914,
+                "lon": -105.102531,
+                "name": "US 287 & Pike Rd",
+                "stopCode": "25095",
+                "stopId": "3:25095",
+                "stopIndex": 8,
+                "stopSequence": 9,
+                "vertexType": "TRANSIT",
+                "zoneId": "25095",
+              },
+              Object {
+                "arrival": 1655943300000,
+                "departure": 1655943300000,
+                "lat": 40.101956,
+                "lon": -105.103046,
+                "name": "US 287 & Niwot Rd",
+                "stopCode": "21009",
+                "stopId": "3:21009",
+                "stopIndex": 9,
+                "stopSequence": 10,
+                "vertexType": "TRANSIT",
+                "zoneId": "21009",
+              },
+              Object {
+                "arrival": 1655943412000,
+                "departure": 1655943412000,
+                "lat": 40.086627,
+                "lon": -105.103036,
+                "name": "US 287 & Hwy 52",
+                "stopCode": "33296",
+                "stopId": "3:33296",
+                "stopIndex": 10,
+                "stopSequence": 11,
+                "vertexType": "TRANSIT",
+                "zoneId": "33296",
+              },
+              Object {
+                "arrival": 1655943516000,
+                "departure": 1655943516000,
+                "lat": 40.072405,
+                "lon": -105.102653,
+                "name": "US 287 & Lookout Rd",
+                "stopCode": "23797",
+                "stopId": "3:23797",
+                "stopIndex": 11,
+                "stopSequence": 12,
+                "vertexType": "TRANSIT",
+                "zoneId": "23797",
+              },
+              Object {
+                "arrival": 1655943594000,
+                "departure": 1655943594000,
+                "lat": 40.061667,
+                "lon": -105.102854,
+                "name": "US 287 & Dawson Dr",
+                "stopCode": "23798",
+                "stopId": "3:23798",
+                "stopIndex": 12,
+                "stopSequence": 13,
+                "vertexType": "TRANSIT",
+                "zoneId": "23798",
+              },
+              Object {
+                "arrival": 1655943650000,
+                "departure": 1655943650000,
+                "lat": 40.053974,
+                "lon": -105.10285,
+                "name": "US 287 & Goose Haven Dr",
+                "stopCode": "19960",
+                "stopId": "3:19960",
+                "stopIndex": 13,
+                "stopSequence": 14,
+                "vertexType": "TRANSIT",
+                "zoneId": "19960",
+              },
+              Object {
+                "arrival": 1655943782000,
+                "departure": 1655943782000,
+                "lat": 40.035839,
+                "lon": -105.103248,
+                "name": "US 287 & Isabelle Rd",
+                "stopCode": "33685",
+                "stopId": "3:33685",
+                "stopIndex": 14,
+                "stopSequence": 15,
+                "vertexType": "TRANSIT",
+                "zoneId": "33685",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 238,
+              "points": "_ubtFzyn\`SnGAp@?n@@Z?dA???|@?L???D?B?pB?b@???b@???D?\\\\@??\\\\???|A???H??@x@AR???nC?tA@??v@?L?@?d@A~ACP?R?d@Af@?R?rA?jG???rAAbB?d@???j@???|C?fEA??tG???~A???N?fC???dPCH???~A???F?bA@jAAzACrCI~BE??r@A??z@@B???rNNz@@??~CD??b@?dC@??|@@??rA?hA@fC@pEDrEBpEDpE?pEArE?pEAvD@??zCAjE?\`GAnH@vB?bD?|E?B?bHD??vC@tCBjHFxQHnd@XnABnA@??jFB??tP?hPAJ@HA??lDA??vFEfHE??|E@bB@??rI???d@@pA?P?N?lAAjAA??\`HErCIzCQb@C??fDKlVIrFChCA??P?hGE??zJ?vCE\`BB??~C@??bGJpCHdBFpGPvCHlHDpB???zDC\`KS?@|@C????|BCvF?|B?zC@~U@??t@?|A???\`@???bP@pEA\`@?f@A??~FClBA~@?bAAvHAhI?tF@??zFB??jENfCJ??^???vNd@~AHvBF^???\`@@?@dC@xBCnIWpBOlNc@??|BEjDCjDBpIAtI@zDD|@B??lO\`@??hBD??\`E@TLf@?N@L?zB?~@?",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "realTime": false,
+            "route": "Longmont / Denver",
+            "routeColor": "111",
+            "routeId": "3:LD3",
+            "routeLongName": "Longmont / Denver",
+            "routeShortName": "LD3",
+            "routeTextColor": "FFFFFF",
+            "routeType": 3,
+            "serviceDate": "2022-06-22",
+            "startTime": 1655942786000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1655943918000,
+              "departure": 1655943918000,
+              "lat": 40.017138,
+              "lon": -105.103104,
+              "name": "US 287 & Arapahoe Rd",
+              "stopCode": "33109",
+              "stopId": "3:33109",
+              "stopIndex": 15,
+              "stopSequence": 16,
+              "vertexType": "TRANSIT",
+              "zoneId": "33109",
+            },
+            "transitLeg": true,
+            "tripBlockId": "LD  1",
+            "tripId": "3:114127824",
+          },
+          Object {
+            "agencyTimeZoneOffset": -21600000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 384.195,
+            "duration": 265,
+            "endTime": 1655944183000,
+            "from": Object {
+              "arrival": 1655943918000,
+              "departure": 1655943918000,
+              "lat": 40.017138,
+              "lon": -105.103104,
+              "name": "US 287 & Arapahoe Rd",
+              "stopCode": "33109",
+              "stopId": "3:33109",
+              "vertexType": "TRANSIT",
+              "zoneId": "33109",
+            },
+            "generalizedCost": 517,
+            "interlineWithPreviousLeg": false,
+            "legGeometry": Object {
+              "length": 12,
+              "points": "azfsFl}n\`S?_@n@?d@?zFAtAA^vBP|ABn@?j@?^F?",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "route": "",
+            "startTime": 1655943918000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 236.469,
+                "elevation": "",
+                "lat": 40.01713789802029,
+                "lon": -105.10294093918819,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "US Highway 287",
+                "walkingBike": false,
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 147.726,
+                "elevation": "",
+                "lat": 40.015011300000005,
+                "lon": -105.102929,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Arapahoe Road",
+                "walkingBike": false,
+              },
+            ],
+            "to": Object {
+              "arrival": 1655944183000,
+              "departure": 1655946021000,
+              "lat": 40.014708,
+              "lon": -105.104614,
+              "name": "Arapahoe Rd & Stonehenge Dr",
+              "stopCode": "33465",
+              "stopId": "3:33465",
+              "vertexType": "TRANSIT",
+              "zoneId": "33465",
+            },
+            "transitLeg": false,
+            "walkingBike": false,
+          },
+          Object {
+            "agencyId": "3:RTD",
+            "agencyName": "Regional Transportation District",
+            "agencyTimeZoneOffset": -21600000,
+            "agencyUrl": "http://rtd-denver.com",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 7443.660797172239,
+            "duration": 579,
+            "endTime": 1655946600000,
+            "from": Object {
+              "arrival": 1655944183000,
+              "departure": 1655946021000,
+              "lat": 40.014708,
+              "lon": -105.104614,
+              "name": "Arapahoe Rd & Stonehenge Dr",
+              "stopCode": "33465",
+              "stopId": "3:33465",
+              "stopIndex": 38,
+              "stopSequence": 39,
+              "vertexType": "TRANSIT",
+              "zoneId": "33465",
+            },
+            "generalizedCost": 3017,
+            "headsign": "Erie Community Center",
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1655946060000,
+                "departure": 1655946060000,
+                "lat": 40.015098,
+                "lon": -105.099625,
+                "name": "Arapahoe Rd & US 287",
+                "stopCode": "21423",
+                "stopId": "3:21423",
+                "stopIndex": 39,
+                "stopSequence": 40,
+                "vertexType": "TRANSIT",
+                "zoneId": "21423",
+              },
+              Object {
+                "arrival": 1655946105000,
+                "departure": 1655946105000,
+                "lat": 40.014623,
+                "lon": -105.092745,
+                "name": "Arapahoe Rd & 111th St",
+                "stopCode": "33256",
+                "stopId": "3:33256",
+                "stopIndex": 40,
+                "stopSequence": 41,
+                "vertexType": "TRANSIT",
+                "zoneId": "33256",
+              },
+              Object {
+                "arrival": 1655946148000,
+                "departure": 1655946148000,
+                "lat": 40.014674,
+                "lon": -105.086019,
+                "name": "Arapahoe Rd & Hawkridge Rd",
+                "stopCode": "33257",
+                "stopId": "3:33257",
+                "stopIndex": 41,
+                "stopSequence": 42,
+                "vertexType": "TRANSIT",
+                "zoneId": "33257",
+              },
+              Object {
+                "arrival": 1655946351000,
+                "departure": 1655946351000,
+                "lat": 40.029654,
+                "lon": -105.074474,
+                "name": "2800 Block 119th St",
+                "stopCode": "33258",
+                "stopId": "3:33258",
+                "stopIndex": 42,
+                "stopSequence": 43,
+                "vertexType": "TRANSIT",
+                "zoneId": "33258",
+              },
+              Object {
+                "arrival": 1655946391000,
+                "departure": 1655946391000,
+                "lat": 40.034345,
+                "lon": -105.074492,
+                "name": "119th St & Austin Ave",
+                "stopCode": "33259",
+                "stopId": "3:33259",
+                "stopIndex": 43,
+                "stopSequence": 44,
+                "vertexType": "TRANSIT",
+                "zoneId": "33259",
+              },
+              Object {
+                "arrival": 1655946428000,
+                "departure": 1655946428000,
+                "lat": 40.036636,
+                "lon": -105.0718,
+                "name": "Erie Pkwy & Brennan St",
+                "stopCode": "33260",
+                "stopId": "3:33260",
+                "stopIndex": 44,
+                "stopSequence": 45,
+                "vertexType": "TRANSIT",
+                "zoneId": "33260",
+              },
+              Object {
+                "arrival": 1655946475000,
+                "departure": 1655946475000,
+                "lat": 40.036558,
+                "lon": -105.064508,
+                "name": "Erie Pkwy & Meller St",
+                "stopCode": "33261",
+                "stopId": "3:33261",
+                "stopIndex": 45,
+                "stopSequence": 46,
+                "vertexType": "TRANSIT",
+                "zoneId": "33261",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 176,
+              "points": "_kfsFzfo\`S?S?K??@_ACi@??E_@CMOeA??COMs@AKCMAI??E]S{A??MgDAc@?e@?gCJeBHe@??L}@b@sB??CUJk@Hi@Hw@??FaABgB??EcR?cA?eA?qB??A{LG}X?gA??C}HA]@oA@_FD}PBcDC}@Em@SyAGu@???Y@oO?mB{H@_C@??oFCwF@??mL?s@?c@?iJ@yD@{C@e@?kC@iB?q@?g@?uC?gE???g@???g@???qRAkF?M@M???Q???]@??i@@{HCg@?a@KUEGAGE?MAOAU?_B?QBsG?oA??B_H?yBFiSBmH?_B??@oD?iE@qA?wA?aA@c@?g@?W@]?m@@k@@cDBuB@gD@uD?mD@iAAg@?Q@Y?_@?e@?q@@sA?cB?[@c@As@AcAAQAi@Ci@Gg@ASEWEUCOKi@ESMe@M_@Si@We@Ye@MSu@{@]a@_AcAMTwBhEK\\\\E\\\\Cp@?h@D\`@@JBFNn@BHPh@FT",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "realTime": false,
+            "route": "Boulder / Lafayette via Arapahoe",
+            "routeColor": "0076CE",
+            "routeId": "3:JUMP",
+            "routeLongName": "Boulder / Lafayette via Arapahoe",
+            "routeShortName": "JUMP",
+            "routeTextColor": "FFFFFF",
+            "routeType": 3,
+            "serviceDate": "2022-06-22",
+            "startTime": 1655946021000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1655946600000,
+              "departure": 1655946720000,
+              "lat": 40.038626,
+              "lon": -105.052597,
+              "name": "Erie Community Center",
+              "stopCode": "33200",
+              "stopId": "3:33200",
+              "stopIndex": 46,
+              "stopSequence": 47,
+              "vertexType": "TRANSIT",
+              "zoneId": "33200",
+            },
+            "transitLeg": true,
+            "tripBlockId": "JUMP  5",
+            "tripId": "3:114150834",
+          },
+          Object {
+            "agencyTimeZoneOffset": -21600000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 37.654,
+            "duration": 32,
+            "endTime": 1655946752000,
+            "from": Object {
+              "arrival": 1655946600000,
+              "departure": 1655946720000,
+              "lat": 40.038626,
+              "lon": -105.052597,
+              "name": "Erie Community Center",
+              "stopCode": "33200",
+              "stopId": "3:33200",
+              "vertexType": "TRANSIT",
+              "zoneId": "33200",
+            },
+            "generalizedCost": 60,
+            "interlineWithPreviousLeg": false,
+            "legGeometry": Object {
+              "length": 8,
+              "points": "k\`ksFvae\`SC@@BD\\\\@L?JD?N?",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "route": "",
+            "startTime": 1655946720000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 26.074,
+                "elevation": "",
+                "lat": 40.03864052543011,
+                "lon": -105.0526046624388,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "sidewalk",
+                "walkingBike": false,
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 11.58,
+                "elevation": "",
+                "lat": 40.0385906,
+                "lon": -105.05290310000001,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+                "walkingBike": false,
+              },
+            ],
+            "to": Object {
+              "arrival": 1655946752000,
+              "departure": 1655946752000,
+              "lat": 40.038487100000005,
+              "lon": -105.0529011,
+              "name": "corner of path and Powers Street",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+            "walkingBike": false,
+          },
+          Object {
+            "agencyId": "60plusride-co-us:2305",
+            "agencyName": "60+ Ride",
+            "agencyTimeZoneOffset": -21600000,
+            "agencyUrl": "https://60plusride.org/",
+            "alightRule": "mustPhone",
+            "arrivalDelay": 0,
+            "boardRule": "mustPhone",
+            "departureDelay": 0,
+            "distance": 28443,
+            "dropOffBookingInfo": Object {
+              "contactInfo": Object {
+                "infoUrl": "https://60plusride.org/",
+                "phoneNumber": "555-352-9348",
+              },
+              "earliestBookingTime": Object {
+                "daysPrior": 0,
+                "time": 0,
+              },
+              "latestBookingTime": Object {
+                "daysPrior": 7,
+                "time": 57600,
+              },
+              "message": "This is the first dropoff booking info message.",
+            },
+            "duration": 1487,
+            "endTime": 1655948239000,
+            "from": Object {
+              "arrival": 1655946752000,
+              "departure": 1655946752000,
+              "lat": 40.038487100000005,
+              "lon": -105.0529011,
+              "name": "60plusride-co-us:area_626",
+              "stopId": "60plusride-co-us:area_626",
+              "stopIndex": 0,
+              "vertexType": "TRANSIT",
+            },
+            "generalizedCost": 2087,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 198,
+              "points": "o_ksFtce\`SEm@Qw@c@uAAECSAMCi@By@Hg@Hi@Vm@tA{BHONYKMoCyCg@i@uA}A{AeBqDaESSKMwBcCgCuCCCuB}Bq@_A]o@Wm@W{@Os@O_ACq@CaAA}@BkA@iBD{F?wG@kF?Y?UEgL?yDAyF?s@IsLCwM?[Kq_@?e@Ay@CmFEiN?KGa@?oP?oJ?u@?wn@@qg@?uDC_RBUBmH?wJEwLCSAeG?c@?s@@uB@eBB]HwG?cB@oC@gDA{F?iB?wB?sB?gBM@O?}BFiAP_Fl@eANkDl@gE\`@c}@KgAAui@@}D?}SFeYCyUGiU?qAAiEAsf@CoJAuGG}@@ya@?qYHgVCeMBoJAgKIoNc@_I_@}CMqICcE?aC?eE?qH?aA?}Rz@qFVaF?kOC{ACcNH_^G}d@IsBEmBAaDQwBKmJy@cE]sK_AiCYsCOi@EiCMmCGyBC}BAeACwC?mGC_EJuCDyCByCN{EVmBFyQ~@cOj@aCBwBAiFB}HEeDEcECyKDsEJsRp@yRX}ZByA?yOGqUE_B?aGC{ECeOA{F?eHAq]FuKAiB?qAAq[MgKBaA?uE@ad@FiE@cI@uG?{DY}AYyGsA_AUOAU@?tBB|C?xBFfW@tCDvM",
+            },
+            "mode": "BUS",
+            "pathway": false,
+            "pickupBookingInfo": Object {
+              "contactInfo": Object {
+                "infoUrl": "https://60plusride.org/",
+                "phoneNumber": "555-352-9348",
+              },
+              "earliestBookingTime": Object {
+                "daysPrior": 0,
+                "time": 0,
+              },
+              "latestBookingTime": Object {
+                "daysPrior": 7,
+                "time": 57600,
+              },
+              "message": "This is the first pickup booking info message.",
+            },
+            "realTime": false,
+            "route": "60+ Ride",
+            "routeId": "60plusride-co-us:32995",
+            "routeLongName": "60+ Ride",
+            "routeType": 3,
+            "serviceDate": "2022-06-22",
+            "startTime": 1655946752000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1655948239000,
+              "lat": 40.23236350185715,
+              "lon": -104.98809814453126,
+              "name": "60plusride-co-us:area_626",
+              "stopId": "60plusride-co-us:area_626_flexed_to",
+              "stopIndex": 0,
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "tripId": "60plusride-co-us:t_2081541_b_34153_tn_0",
+          },
+        ],
+        "startTime": 1655942390000,
+        "transfers": 2,
+        "transitTime": 3198,
+        "waitingTime": 1958,
+        "walkDistance": 930.998,
+        "walkLimitExceeded": false,
+        "walkTime": 693,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots TripDetails OTP 2 Flex 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;
+}
+
+<div
+  className="c0"
+>
+  <h2
+    className="c1"
+    id="trip-details-header"
+  >
+    Trip Details
+  </h2>
+  <div
+    className="styled__TripDetailsBody-sc-6q2ok2-16"
+  >
     <div
-      className="c4"
+      className="c2"
       role="group"
     >
       <div
-        className="c5"
+        className="c3"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c4"
           fill="currentColor"
           focusable="false"
           height={17}
-          viewBox="0 0 640 512"
+          viewBox="0 0 448 512"
           width={17}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
+            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="c7"
+        className="c5"
       >
         <span
-          className="styled__Fare-sc-6q2ok2-4"
+          className="styled__Timing-sc-6q2ok2-8"
         >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Tarif en transports: 
-                <strong>
-                  $9.50
-                </strong>
-              </span>
-            </summary>
-          </span>
+          Depart 
+          <strong>
+            June 22, 2022
+          </strong>
+           at 
+          <strong>
+            4:59 PM
+          </strong>
         </span>
       </div>
       <div
@@ -265127,17 +244650,17 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
         >
           <div
             aria-labelledby="expand-button"
-            className="c10"
+            className="c6"
             id="mocked-random-id"
           >
             <button
-              className="c8 c11"
+              className="c7 c8"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c6"
+                className="c4"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -265156,52 +244679,61 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
       </div>
     </div>
     <div
-      className="c4"
+      className="c2"
       role="group"
     >
       <div
-        className="c5"
+        className="c3"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c4"
           fill="currentColor"
           focusable="false"
           height={17}
-          viewBox="0 0 640 512"
+          viewBox="0 0 512 512"
           width={17}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
+            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="c7"
+        className="c5"
       >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
+        Time Spent Active: 
+        <strong>
+          12 minutes
+        </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}
         >
-          <span
-            className="styled__TNCFare-sc-6q2ok2-6"
+          <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"
           >
-            Pay 
-            <strong>
-              $34.00
-              -
-              $37.00
-            </strong>
-             to 
-            <span
-              className="c12"
-            >
-              uber
-            </span>
-          </span>
-        </span>
+            <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}
@@ -265218,17 +244750,17 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
         >
           <div
             aria-labelledby="expand-button"
-            className="c10"
+            className="c6"
             id="mocked-random-id"
           >
             <button
-              className="c8 c11"
+              className="c7 c8"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c6"
+                className="c4"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -265242,53 +244774,67 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
                 />
               </svg>
             </button>
+            By taking this trip, you'll spend 
+            <strong>
+              12 minutes
+            </strong>
+             walking and 
+            <strong>
+              0 minutes
+            </strong>
+             biking.
+
           </div>
         </div>
       </div>
     </div>
     <div
-      className="c4"
+      className="c2"
       role="group"
     >
       <div
-        className="c5"
+        className="c3"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c4"
           fill="currentColor"
           focusable="false"
           height={17}
-          viewBox="0 0 512 512"
+          viewBox="0 0 576 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"
+            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="c7"
+        className="c5"
       >
-        Time Spent Active: 
-        <strong>
-          2 minutes
-        </strong>
+        <span
+          className="styled__CO2Summary-sc-6q2ok2-2"
+        >
+          CO₂ Emitted: 
+          <strong>
+            4,682g
+          </strong>
+        </span>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c8 c9"
+          className="c7 c9"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
         >
           <svg
             aria-hidden="true"
-            className="c6"
+            className="c4"
             fill="currentColor"
             focusable="false"
             height="0.92em"
@@ -265318,17 +244864,17 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
         >
           <div
             aria-labelledby="expand-button"
-            className="c10"
+            className="c6"
             id="mocked-random-id"
           >
             <button
-              className="c8 c11"
+              className="c7 c8"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c6"
+                className="c4"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -265342,72 +244888,51 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
                 />
               </svg>
             </button>
-            Custom message about 
-             active minutes.
+            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
-      className="c4"
+      className="c2"
       role="group"
     >
       <div
-        className="c5"
+        className="c3"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c6"
+          className="c4"
           fill="currentColor"
           focusable="false"
           height={17}
-          viewBox="0 0 576 512"
+          viewBox="0 0 512 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"
+            d="M416 320h-96c-17.6 0-32-14.4-32-32s14.4-32 32-32h96s96-107 96-160-43-96-96-96-96 43-96 96c0 25.5 22.2 63.4 45.3 96H320c-52.9 0-96 43.1-96 96s43.1 96 96 96h96c17.6 0 32 14.4 32 32s-14.4 32-32 32H185.5c-16 24.8-33.8 47.7-47.3 64H416c52.9 0 96-43.1 96-96s-43.1-96-96-96zm0-256c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM96 256c-53 0-96 43-96 96s96 160 96 160 96-107 96-160-43-96-96-96zm0 128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"
             fill="currentColor"
           />
         </svg>
       </div>
       <div
-        className="c7"
+        className="c5"
       >
         <span
-          className="styled__CO2Summary-sc-6q2ok2-2"
+          className="styled__FlexSummary-sc-6q2ok2-11"
         >
-          CO₂ Emitted: 
-          <strong>
-            319g
-          </strong>
+          This trip includes flexible routes. This is the first pickup booking info message. This is the first dropoff booking info message.
         </span>
-        <button
-          aria-controls="mocked-random-id"
-          aria-expanded={false}
-          aria-label="otpUi.TripDetails.showDetail"
-          className="c8 c9"
-          id="expand-button"
-          onClick={[Function]}
-          tabIndex={0}
-        >
-          <svg
-            aria-hidden="true"
-            className="c6"
-            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}
@@ -265424,17 +244949,17 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
         >
           <div
             aria-labelledby="expand-button"
-            className="c10"
+            className="c6"
             id="mocked-random-id"
           >
             <button
-              className="c8 c11"
+              className="c7 c8"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c6"
+                className="c4"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -265448,15 +244973,6 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
                 />
               </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>
@@ -265465,449 +244981,35 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] =
 </div>
 `;
 
-exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 1`] = `
+exports[`Storyshots TripDetails Styled Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
   fallbackOnEmptyString={true}
   formats={Object {}}
   locale="en-US"
-  messages={
-    Object {
-      "otpUi.TripDetails.departure": "<strong>Leave</strong> at <strong>{departureDate, time, short}</strong> on <strong>{departureDate, date, long}</strong>",
-      "otpUi.TripDetails.fareDetailsHeaders.cash": "Cash",
-      "otpUi.TripDetails.fareDetailsHeaders.electronic": "ORCA",
-      "otpUi.TripDetails.fareDetailsHeaders.regular": "Regular",
-      "otpUi.TripDetails.fareDetailsHeaders.senior": "Senior",
-      "otpUi.TripDetails.fareDetailsHeaders.special": "LIFT",
-      "otpUi.TripDetails.fareDetailsHeaders.youth": "Youth",
-      "otpUi.TripDetails.title": "Custom Trip Details Title",
-      "otpUi.TripDetails.tncFare": "Pay <strong>{minTNCFare}-{maxTNCFare}</strong> to {companies}",
-    }
-  }
+  messages={Object {}}
   onError={[Function]}
   textComponent={Symbol(react.fragment)}
 >
-  <TripDetails
+  <ForwardRef(TripDetailsstory__StyledTripDetails)
     co2Config={
       Object {
         "enabled": true,
       }
     }
-    fareDetailsLayout={
-      Array [
-        Object {
-          "cols": Array [
-            Object {
-              "header": "cash",
-              "key": "regular",
-            },
-            Object {
-              "header": "electronic",
-              "key": "electronicRegular",
-            },
-            Object {
-              "header": "special",
-              "key": "electronicSpecial",
-            },
-          ],
-          "header": "regular",
-        },
-        Object {
-          "cols": Array [
-            Object {
-              "header": "cash",
-              "key": "youth",
-            },
-            Object {
-              "header": "electronic",
-              "key": "electronicYouth",
-            },
-          ],
-          "header": "youth",
-        },
-        Object {
-          "cols": Array [
-            Object {
-              "header": "cash",
-              "key": "cash",
-            },
-            Object {
-              "header": "electronic",
-              "key": "electronic",
-            },
-          ],
-          "header": "senior",
-        },
-      ]
-    }
-    fareKeyNameMap={
-      Object {
-        "electronicRegular": "Tarif Orca",
-        "electronicSenior": "Tarif Orca séniors",
-        "electronicSpecial": "Tarif Orca spécial",
-        "electronicYouth": "Tarif Orca jeunes",
-        "regular": "Tarif en transports",
-        "senior": "Tarif séniors",
-        "special": "Tarif spécial",
-        "student": "Tarif étudiants",
-        "tram": "Tarif tram",
-        "youth": "Tarif jeunes",
-      }
-    }
+    fareKeyNameMap={Object {}}
     itinerary={
       Object {
-        "duration": 6223,
-        "elevationGained": 0.930000000000005,
-        "elevationLost": 11.050000000000002,
-        "endTime": 1651700473000,
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
         "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",
@@ -265919,28 +245021,26 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 1`] = `
         },
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 462.78599999999994,
-            "duration": 389,
-            "endTime": 1651694639000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 81.875,
+            "duration": 71,
+            "endTime": 1573688769000,
             "from": Object {
-              "departure": 1651694250000,
-              "lat": 47.97766686876693,
-              "lon": -122.20034419816042,
-              "name": "47.97767, -122.20034",
-              "orig": "47.97767, -122.20034",
+              "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",
-              "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",
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -265949,555 +245049,212 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651694250000,
+            "startTime": 1573688698000,
             "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",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
                 "bogusName": true,
-                "distance": 115.773,
+                "distance": 50.946,
                 "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,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 81.804,
-                    "second": 15.1,
+                    "first": 4.82,
+                    "second": 15.222842545446778,
                   },
                   Object {
-                    "first": 84.014,
-                    "second": 15.13,
+                    "first": 4.825,
+                    "second": 15.022842545446778,
                   },
                   Object {
-                    "first": 84.009,
-                    "second": 15.13,
+                    "first": 18.515,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 94.009,
-                    "second": 15.14,
+                    "first": 18.511,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 99.189,
-                    "second": 15.11,
+                    "first": 28.511,
+                    "second": 14.342842545446779,
                   },
                   Object {
-                    "first": 99.186,
-                    "second": 15.11,
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
                   },
                   Object {
-                    "first": 105.52600000000001,
-                    "second": 15.13,
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
                   },
                 ],
-                "lat": 47.975706,
-                "lon": -122.19811390000001,
-                "relativeDirection": "LEFT",
+                "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": 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,
+              "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",
-              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "R",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "29",
-            "agencyName": "Community Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://www.communitytransit.org/",
+            "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": 37716.533319948845,
-            "duration": 2820,
-            "endTime": 1651697460000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "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,
+              "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",
-              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "R",
             },
             "hailedCar": false,
-            "headsign": "Northgate Station",
+            "headsign": "Hillsboro",
             "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?",
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               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?",
+                "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": 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,
+                "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",
-                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "R",
               },
             ],
             "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?",
+              "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": "512",
-            "routeColor": "0070c0",
-            "routeId": "CommTrans:512",
-            "routeLongName": "Everett - Northgate Station",
-            "routeShortName": "512",
-            "routeTextColor": "ffffff",
-            "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651694640000,
+            "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": 1651697460000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697460000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station",
-              "stopCode": "2191",
-              "stopId": "CommTrans:2191",
-              "stopIndex": 6,
-              "stopSequence": 7,
+              "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",
-              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "tripBlockId": "KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
-            "tripId": "CommTrans:9683834__KPOB-CS:221:0:Weekday:1:22MAR:85017:12345",
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 0,
-            "duration": 2,
-            "endTime": 1651697462000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
             "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,
+              "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",
-              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "R",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "{~cbHfesiV??",
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -266506,963 +245263,960 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 1`] = `
             "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",
-              },
+            "startTime": 1573688986000,
+            "steps": Array [
               Object {
-                "length": 4,
-                "points": "y_dbHxitiVI@_DBsC@",
+                "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 {
-                "length": 7,
-                "points": "widbH\`jtiVu@?{DDoD@{IDI?b@rB",
+                "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",
               },
               Object {
-                "length": 22,
-                "points": "{\`ebHbntiV@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF",
+                "absoluteDirection": "NORTH",
+                "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 {
-                "length": 7,
-                "points": "okdbHt{uiV?ZAfG?dG?V?H?|C",
+                "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": "SW Morrison St",
               },
             ],
-            "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",
+            "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",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1573688698000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 215,
+        "waitingTime": 2,
+        "walkDistance": 157.97398507143885,
+        "walkLimitExceeded": false,
+        "walkTime": 140,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots TripDetails Styled Itinerary 2`] = `
+.c6 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c9 {
+  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;
+}
+
+.c11 {
+  color: #00f;
+  font-size: 16px;
+  margin-left: 6px;
+  margin-top: -2px;
+}
+
+.c10 {
+  float: right;
+}
+
+.c4 {
+  margin-top: 6px;
+}
+
+.c8 {
+  background-color: #fff;
+  border: 1px solid #888;
+  font-size: 12px;
+  margin-top: 2px;
+  padding: 8px;
+}
+
+.c5 {
+  float: left;
+  font-size: 17px;
+}
+
+.c0 {
+  background-color: #eee;
+  border-radius: 6px;
+  margin-bottom: 15px;
+  margin-top: 16px;
+  padding: 10px 16px;
+}
+
+.c3 {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.c7 {
+  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;
+}
+
+.c1 .c2 {
+  background-color: pink;
+}
+
+<div
+  className="c0 c1"
+>
+  <h2
+    className="c2 c3"
+    id="trip-details-header"
+  >
+    Trip Details
+  </h2>
+  <div
+    className="styled__TripDetailsBody-sc-6q2ok2-16"
+  >
+    <div
+      className="c4"
+      role="group"
+    >
+      <div
+        className="c5"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c6"
+          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="c7"
+      >
+        <span
+          className="styled__Timing-sc-6q2ok2-8"
+        >
+          Depart 
+          <strong>
+            November 13, 2019
+          </strong>
+           at 
+          <strong>
+            3:44 PM
+          </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="c8"
+            id="mocked-random-id"
+          >
+            <button
+              className="c9 c10"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6"
+                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="c4"
+      role="group"
+    >
+      <div
+        className="c5"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c6"
+          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="c7"
+      >
+        Time Spent Active: 
+        <strong>
+          2 minutes
+        </strong>
+        <button
+          aria-controls="mocked-random-id"
+          aria-expanded={false}
+          aria-label="otpUi.TripDetails.showDetail"
+          className="c9 c11"
+          id="expand-button"
+          onClick={[Function]}
+          tabIndex={0}
+        >
+          <svg
+            aria-hidden="true"
+            className="c6"
+            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="c8"
+            id="mocked-random-id"
+          >
+            <button
+              className="c9 c10"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6"
+                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>
+              2 minutes
+            </strong>
+             walking and 
+            <strong>
+              0 minutes
+            </strong>
+             biking.
+
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c4"
+      role="group"
+    >
+      <div
+        className="c5"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c6"
+          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="c7"
+      >
+        <span
+          className="styled__CO2Summary-sc-6q2ok2-2"
+        >
+          CO₂ Emitted: 
+          <strong>
+            61g
+          </strong>
+        </span>
+        <button
+          aria-controls="mocked-random-id"
+          aria-expanded={false}
+          aria-label="otpUi.TripDetails.showDetail"
+          className="c9 c11"
+          id="expand-button"
+          onClick={[Function]}
+          tabIndex={0}
+        >
+          <svg
+            aria-hidden="true"
+            className="c6"
+            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="c8"
+            id="mocked-random-id"
+          >
+            <button
+              className="c9 c10"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6"
+                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 Tnc Transit Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <TripDetails
+    FareDetails={[Function]}
+    co2Config={
+      Object {
+        "enabled": true,
+      }
+    }
+    fareKeyNameMap={
+      Object {
+        "electronicRegular": "Tarif Orca",
+        "electronicSenior": "Tarif Orca séniors",
+        "electronicSpecial": "Tarif Orca spécial",
+        "electronicYouth": "Tarif Orca jeunes",
+        "regular": "Tarif en transports",
+        "senior": "Tarif séniors",
+        "special": "Tarif spécial",
+        "student": "Tarif étudiants",
+        "tram": "Tarif tram",
+        "youth": "Tarif jeunes",
+      }
+    }
+    itinerary={
+      Object {
+        "duration": 690,
+        "endTime": 1684865406000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 950,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
               },
-            ],
-            "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": -25200000,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 78.93199999999999,
-            "duration": 61,
-            "endTime": 1651698421000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 643.65,
+            "duration": 144,
+            "endTime": 1684864860000,
             "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",
+              "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": 13,
-              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
+              "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": 1651698360000,
+            "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": "EAST",
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "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,
+                "distance": 54.68,
+                "elevationProfile": Array [],
+                "lat": 45.5241463,
+                "lon": -122.6831887,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "North 105th Street",
+                "streetName": "Northwest 12th Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.48,
+                "elevationProfile": Array [],
+                "lat": 45.5236547,
+                "lon": -122.6831692,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Northwest Couch Street",
               },
               Object {
                 "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 4.369,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 97.7,
-                  },
-                  Object {
-                    "first": 4.37,
-                    "second": 97.64,
-                  },
-                ],
-                "lat": 47.705022400000004,
-                "lon": -122.3453515,
+                "distance": 79.25,
+                "elevationProfile": Array [],
+                "lat": 45.5236734,
+                "lon": -122.6821493,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "service road",
+                "streetName": "Northwest 11th Avenue",
               },
               Object {
                 "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 54.94,
-                "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,
-                  },
-                  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": 47.7049831,
-                "lon": -122.3453516,
+                "distance": 430.23,
+                "elevationProfile": Array [],
+                "lat": 45.5229609,
+                "lon": -122.6821228,
                 "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
+                "stayOn": false,
+                "streetName": "West Burnside Street",
               },
             ],
             "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,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 11857.370334253566,
-            "duration": 1910,
-            "endTime": 1651700364000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 0,
+            "duration": 60,
+            "endTime": 1684864920000,
             "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,
-              "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
             },
-            "hailedCar": false,
-            "headsign": "Downtown Seattle",
-            "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",
-              },
-              Object {
-                "length": 4,
-                "points": "quraHxkviVnB{DxCeGfCeF",
-              },
-              Object {
-                "length": 14,
-                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
-              },
-              Object {
-                "length": 6,
-                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 2,
+              "points": "weztG~gwkVJ?",
+            },
+            "mode": "WALK",
+            "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",
               },
-              Object {
-                "length": 7,
-                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
+              "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 {
-                "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": 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",
+                "lat": 45.523009,
+                "locationType": "STOP",
+                "lon": -122.672529,
+                "name": "W Burnside & SW 2nd",
+                "stopCode": "9526",
+                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
               },
               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",
+                "lat": 45.522847,
+                "locationType": "STOP",
+                "lon": -122.657843,
+                "name": "E Burnside & SE 8th",
+                "stopCode": "820",
+                "stopId": "U3RvcDp0cmltZXQ6ODIw",
               },
             ],
             "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": 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",
-            "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,
+            "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 {
-              "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,
+              "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",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
             },
             "transitLeg": true,
-            "tripBlockId": "6367577",
-            "tripId": "kcm:491944150",
-            "tripShortName": "LOCAL",
+            "trip": Object {
+              "gtfsId": "trimet:12340517",
+              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
+              "tripHeadsign": null,
+            },
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agency": null,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 135.17100000000002,
-            "duration": 108,
-            "endTime": 1651700473000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 0,
+            "duration": 60,
+            "endTime": 1684865340000,
             "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,
+              "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",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 13,
-              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
+              "length": 2,
+              "points": "sdztGlyrkVO?",
             },
             "mode": "WALK",
-            "pathway": false,
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1651700365000,
+            "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": "SOUTHEAST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 99.492,
-                "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,
-                  },
-                  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": 47.603566786898504,
-                "lon": -122.33230777867696,
+                "distance": 16.06,
+                "elevationProfile": Array [],
+                "lat": 45.522907,
+                "lon": -122.653824,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "sidewalk",
+                "streetName": "East Burnside Street",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 35.679,
-                "elevation": Array [
-                  Object {
-                    "first": 0.416,
-                    "second": 17.66,
-                  },
-                  Object {
-                    "first": 10.416,
-                    "second": 16.75,
-                  },
-                  Object {
-                    "first": 20.416,
-                    "second": 15.91,
-                  },
-                  Object {
-                    "first": 30.416,
-                    "second": 15.12,
-                  },
-                  Object {
-                    "first": 32.906,
-                    "second": 14.9,
-                  },
-                ],
-                "lat": 47.602787500000005,
-                "lon": -122.3316056,
-                "relativeDirection": "UTURN_RIGHT",
-                "stayOn": true,
-                "streetName": "sidewalk",
+                "distance": 318.65,
+                "elevationProfile": Array [],
+                "lat": 45.5229076,
+                "lon": -122.6536179,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Northeast 12th Avenue",
               },
             ],
             "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",
+              "lat": 45.525773,
+              "lon": -122.6535042,
+              "name": "407 NE 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
+            "trip": null,
           },
         ],
-        "startTime": 1651694250000,
-        "tooSloped": false,
-        "transfers": 2,
-        "transitTime": 5390,
-        "waitingTime": 273,
-        "walkDistance": 677.2714626770405,
-        "walkLimitExceeded": false,
-        "walkTime": 560,
+        "startTime": 1684864716000,
+        "waitingTime": 0,
+        "walkTime": 330,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
+exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
 .c4 {
   display: inline-block;
   vertical-align: middle;
@@ -267490,7 +246244,7 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
   white-space: nowrap;
 }
 
-.c13 {
+.c10 {
   color: #00f;
   font-size: 16px;
   margin-left: 6px;
@@ -267502,12 +246256,7 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
 }
 
 .c9 {
-  display: inline-block;
-}
-
-.c9 > span {
-  display: block;
-  padding-left: 1.75ch;
+  text-transform: capitalize;
 }
 
 .c2 {
@@ -267550,52 +246299,9 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
   display: flex;
   -webkit-align-items: baseline;
   -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  white-space: pre;
-}
-
-.c11 th {
-  font-weight: normal;
-  min-width: 5ch;
-  padding: 0.75em 1.5em;
-  text-align: center;
-}
-
-.c11 th:nth-of-type(2n + 1) {
-  background: #cccccc22;
-}
-
-.c11 th.main {
-  background: #333333;
-  color: #ffffffcc;
-}
-
-.c10 {
-  border-collapse: collapse;
-  display: block;
-  margin-bottom: 16px;
-  padding: 0;
-}
-
-.c10 td {
-  text-align: right;
-}
-
-.c10 td:nth-of-type(2n + 1) {
-  background: #cccccc22;
-}
-
-.c10 td.no-zebra {
-  background: none;
-}
-
-.c10 th:first-of-type {
-  height: 40px;
-}
-
-.c12 {
-  padding-left: 4px;
+  -ms-flex-align: baseline;
+  align-items: baseline;
+  white-space: pre;
 }
 
 <div
@@ -267605,7 +246311,7 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
     className="c1"
     id="trip-details-header"
   >
-    Custom Trip Details Title
+    Trip Details
   </h2>
   <div
     className="styled__TripDetailsBody-sc-6q2ok2-16"
@@ -267640,16 +246346,13 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
         <span
           className="styled__Timing-sc-6q2ok2-8"
         >
+          Depart 
           <strong>
-            Leave
+            May 23, 2023
           </strong>
            at 
           <strong>
-            12:57 PM
-          </strong>
-           on 
-          <strong>
-            May 4, 2022
+            10:58 AM
           </strong>
         </span>
       </div>
@@ -267726,416 +246429,47 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
         <span
           className="styled__Fare-sc-6q2ok2-4"
         >
-          <details
-            className="c9"
+          <span
+            className="styled__TNCFare-sc-6q2ok2-6"
           >
-            <summary
-              style={
-                Object {
-                  "display": "list-item",
-                }
-              }
+            <span
+              className="c9"
             >
-              <span>
-                Tarif en transports: 
-                <strong>
-                  $5.50
-                </strong>
-              </span>
-            </summary>
-            <div>
-              <table
-                className="c10"
-              >
-                <thead
-                  className="c11"
-                >
-                  <th
-                    className="main"
-                    scope="col"
-                  >
-                    <strong>
-                      Regular
-                    </strong>
-                  </th>
-                  <th
-                    scope="col"
-                  >
-                    <strong>
-                      Cash
-                    </strong>
-                    <br />
-                    $5.50
-                  </th>
-                  <th
-                    scope="col"
-                  >
-                    <strong>
-                      ORCA
-                    </strong>
-                    <br />
-                    $3.25
-                  </th>
-                  <th
-                    scope="col"
-                  >
-                    <strong>
-                      LIFT
-                    </strong>
-                    <br />
-                    $1.50
-                  </th>
-                </thead>
-                <tr>
-                  <td
-                    className="no-zebra"
-                  >
-                    512
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    $3.25
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $3.25
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $1.50
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    className="no-zebra"
-                  >
-                    40
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $2.25
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    className="no-zebra"
-                  >
-                    E Line
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                </tr>
-              </table>
-              <table
-                className="c10"
-              >
-                <thead
-                  className="c11"
-                >
-                  <th
-                    className="main"
-                    scope="col"
-                  >
-                    <strong>
-                      Youth
-                    </strong>
-                  </th>
-                  <th
-                    scope="col"
-                  >
-                    <strong>
-                      Cash
-                    </strong>
-                    <br />
-                    $3.00
-                  </th>
-                  <th
-                    scope="col"
-                  >
-                    <strong>
-                      ORCA
-                    </strong>
-                    <br />
-                    $1.50
-                  </th>
-                </thead>
-                <tr>
-                  <td
-                    className="no-zebra"
-                  >
-                    512
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    $1.50
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $1.50
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    className="no-zebra"
-                  >
-                    40
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $1.50
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    className="no-zebra"
-                  >
-                    E Line
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                  <td
-                    title={false}
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c4 c12"
-                      fill="currentColor"
-                      focusable="false"
-                      height={16}
-                      viewBox="0 0 24 24"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"
-                      />
-                    </svg>
-                     
-                    $0.00
-                  </td>
-                </tr>
-              </table>
-            </div>
-          </details>
+              uber
+            </span>
+             Fare: 
+            <strong>
+              $34.00
+               - 
+              $37.00
+            </strong>
+          </span>
         </span>
+        <button
+          aria-controls="mocked-random-id"
+          aria-expanded={false}
+          aria-label="otpUi.TripDetails.showDetail"
+          className="c7 c10"
+          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}
@@ -268176,6 +246510,10 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
                 />
               </svg>
             </button>
+            Custom details about fares (transitFares: 
+            )
+             
+            (cents), can be constructed dynamically using any markup.
           </div>
         </div>
       </div>
@@ -268209,13 +246547,13 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
       >
         Time Spent Active: 
         <strong>
-          9 minutes
+          2 minutes
         </strong>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c7 c13"
+          className="c7 c10"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
@@ -268278,7 +246616,7 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
             </button>
             By taking this trip, you'll spend 
             <strong>
-              9 minutes
+              2 minutes
             </strong>
              walking and 
             <strong>
@@ -268322,14 +246660,14 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
         >
           CO₂ Emitted: 
           <strong>
-            4,823g
+            319g
           </strong>
         </span>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c7 c13"
+          className="c7 c10"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
@@ -268407,162 +246745,458 @@ exports[`Storyshots TripDetails Walk Interlined Transit Itinerary 2`] = `
 </div>
 `;
 
-exports[`Storyshots TripDetails Walk Only Itinerary 1`] = `
+exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
   fallbackOnEmptyString={true}
   formats={Object {}}
   locale="en-US"
-  messages={Object {}}
+  messages={
+    Object {
+      "otpUi.TripDetails.FareTable.cash": "Cash",
+      "otpUi.TripDetails.FareTable.electronic": "ORCA",
+      "otpUi.TripDetails.FareTable.regular": "Regular",
+      "otpUi.TripDetails.FareTable.senior": "Senior",
+      "otpUi.TripDetails.FareTable.special": "LIFT",
+      "otpUi.TripDetails.FareTable.youth": "Youth",
+      "otpUi.TripDetails.departure": "<strong>Leave</strong> at <strong>{departureDate, time, short}</strong> on <strong>{departureDate, date, long}</strong>",
+      "otpUi.TripDetails.title": "Custom Trip Details Title",
+      "otpUi.TripDetails.tncFare": "Pay <strong>{minTNCFare}-{maxTNCFare}</strong> to {companies}",
+    }
+  }
   onError={[Function]}
   textComponent={Symbol(react.fragment)}
 >
-  <TripDetails
+  <ForwardRef(TripDetailsstory__StyledTripDetails)
+    DepartureDetails={[Function]}
+    TimeActiveDetails={[Function]}
     co2Config={
       Object {
         "enabled": true,
       }
     }
-    fareKeyNameMap={Object {}}
+    defaultFareType={
+      Object {
+        "headerKey": "electronicRegular",
+        "mediumId": "orca:electronic",
+        "riderCategoryId": "orca:regular",
+      }
+    }
+    fareKeyNameMap={
+      Object {
+        "electronicRegular": "Tarif Orca",
+        "electronicSenior": "Tarif Orca séniors",
+        "electronicSpecial": "Tarif Orca spécial",
+        "electronicYouth": "Tarif Orca jeunes",
+        "regular": "Tarif en transports",
+        "senior": "Tarif séniors",
+        "special": "Tarif spécial",
+        "student": "Tarif étudiants",
+        "tram": "Tarif tram",
+        "youth": "Tarif jeunes",
+      }
+    }
     itinerary={
       Object {
-        "duration": 61,
-        "elevationGained": 2.9800000000000004,
-        "elevationLost": 0.6900000000000002,
-        "endTime": 1576265401000,
+        "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": 50.523999999999994,
-            "duration": 61,
-            "endTime": 1576265401000,
+            "distance": 643.65,
+            "duration": 144,
+            "endTime": 1684864860000,
             "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",
+              "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": 15,
-              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
+              "length": 33,
+              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
+            },
+            "mode": "CAR",
+            "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,
+            "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": "Northwest 12th Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.48,
+                "elevationProfile": Array [],
+                "lat": 45.5236547,
+                "lon": -122.6831692,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "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 {
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+            "trip": null,
+          },
+          Object {
+            "agency": null,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 0,
+            "duration": 60,
+            "endTime": 1684864920000,
+            "from": Object {
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "vertexType": "NORMAL",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 2,
+              "points": "weztG~gwkVJ?",
             },
             "mode": "WALK",
-            "pathway": false,
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1576265340000,
+            "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": "NORTHWEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 47.236999999999995,
-                "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,
+                "distance": 16.06,
+                "elevationProfile": Array [],
+                "lat": 45.522907,
+                "lon": -122.653824,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "East Burnside Street",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 3.287,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 16.862842545446778,
-                  },
-                  Object {
-                    "first": 2.43,
-                    "second": 17.26284254544678,
-                  },
-                ],
-                "lat": 45.5188999,
-                "lon": -122.6795756,
+                "distance": 318.65,
+                "elevationProfile": Array [],
+                "lat": 45.5229076,
+                "lon": -122.6536179,
                 "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
+                "stayOn": false,
+                "streetName": "Northeast 12th Avenue",
               },
             ],
             "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",
+              "lat": 45.525773,
+              "lon": -122.6535042,
+              "name": "407 NE 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
           },
         ],
-        "startTime": 1576265340000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 0,
+        "startTime": 1684864716000,
         "waitingTime": 0,
-        "walkDistance": 50.6389253702716,
-        "walkLimitExceeded": false,
-        "walkTime": 61,
+        "walkTime": 330,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
-.c4 {
+exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = `
+.c6 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c7 {
+.c8 {
   background: transparent;
   border: 0;
   cursor: pointer;
@@ -268590,15 +247224,19 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
   margin-top: -2px;
 }
 
-.c8 {
+.c11 {
   float: right;
 }
 
-.c2 {
+.c12 {
+  text-transform: capitalize;
+}
+
+.c4 {
   margin-top: 6px;
 }
 
-.c6 {
+.c10 {
   background-color: #fff;
   border: 1px solid #888;
   font-size: 12px;
@@ -268606,7 +247244,7 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
   padding: 8px;
 }
 
-.c3 {
+.c5 {
   float: left;
   font-size: 17px;
 }
@@ -268619,13 +247257,13 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
   padding: 10px 16px;
 }
 
-.c1 {
+.c3 {
   font-size: 18px;
   font-weight: 600;
   margin: 0;
 }
 
-.c5 {
+.c7 {
   margin-left: 28px;
   padding-top: 2px;
   display: -webkit-box;
@@ -268639,56 +247277,184 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
   white-space: pre;
 }
 
+.c1 .c2 {
+  background-color: pink;
+}
+
 <div
-  className="c0"
+  className="c0 c1"
 >
   <h2
-    className="c1"
+    className="c2 c3"
     id="trip-details-header"
   >
-    Trip Details
+    Custom Trip Details Title
   </h2>
   <div
     className="styled__TripDetailsBody-sc-6q2ok2-16"
   >
     <div
-      className="c2"
+      className="c4"
+      role="group"
+    >
+      <div
+        className="c5"
+        role="presentation"
+      >
+        <svg
+          aria-hidden="true"
+          className="c6"
+          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="c7"
+      >
+        <span
+          className="styled__Timing-sc-6q2ok2-8"
+        >
+          <strong>
+            Leave
+          </strong>
+           at 
+          <strong>
+            10:58 AM
+          </strong>
+           on 
+          <strong>
+            May 23, 2023
+          </strong>
+        </span>
+        <button
+          aria-controls="mocked-random-id"
+          aria-expanded={false}
+          aria-label="otpUi.TripDetails.showDetail"
+          className="c8 c9"
+          id="expand-button"
+          onClick={[Function]}
+          tabIndex={0}
+        >
+          <svg
+            aria-hidden="true"
+            className="c6"
+            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="c10"
+            id="mocked-random-id"
+          >
+            <button
+              className="c8 c11"
+              onClick={[Function]}
+              role="presentation"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6"
+                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>
+            Custom messages about
+             
+            May 23, 2023
+             
+            can be constructed dynamically using any markup.
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c4"
       role="group"
     >
       <div
-        className="c3"
+        className="c5"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c4"
+          className="c6"
           fill="currentColor"
           focusable="false"
           height={17}
-          viewBox="0 0 448 512"
+          viewBox="0 0 640 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"
+            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
             fill="currentColor"
           />
         </svg>
       </div>
       <div
-        className="c5"
+        className="c7"
       >
         <span
-          className="styled__Timing-sc-6q2ok2-8"
+          className="styled__Fare-sc-6q2ok2-4"
         >
-          Depart 
-          <strong>
-            December 13, 2019
-          </strong>
-           at 
-          <strong>
-            11:29 AM
-          </strong>
+          <span
+            className="styled__TNCFare-sc-6q2ok2-6"
+          >
+            Pay 
+            <strong>
+              $34.00
+              -
+              $37.00
+            </strong>
+             to 
+            <span
+              className="c12"
+            >
+              uber
+            </span>
+          </span>
         </span>
       </div>
       <div
@@ -268706,17 +247472,17 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
         >
           <div
             aria-labelledby="expand-button"
-            className="c6"
+            className="c10"
             id="mocked-random-id"
           >
             <button
-              className="c7 c8"
+              className="c8 c11"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c4"
+                className="c6"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -268735,16 +247501,16 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
       </div>
     </div>
     <div
-      className="c2"
+      className="c4"
       role="group"
     >
       <div
-        className="c3"
+        className="c5"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c4"
+          className="c6"
           fill="currentColor"
           focusable="false"
           height={17}
@@ -268759,24 +247525,24 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
         </svg>
       </div>
       <div
-        className="c5"
+        className="c7"
       >
         Time Spent Active: 
         <strong>
-          1 minute
+          2 minutes
         </strong>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c7 c9"
+          className="c8 c9"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
         >
           <svg
             aria-hidden="true"
-            className="c4"
+            className="c6"
             fill="currentColor"
             focusable="false"
             height="0.92em"
@@ -268806,17 +247572,17 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
         >
           <div
             aria-labelledby="expand-button"
-            className="c6"
+            className="c10"
             id="mocked-random-id"
           >
             <button
-              className="c7 c8"
+              className="c8 c11"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c4"
+                className="c6"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -268830,31 +247596,23 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
                 />
               </svg>
             </button>
-            By taking this trip, you'll spend 
-            <strong>
-              1 minute
-            </strong>
-             walking and 
-            <strong>
-              0 minutes
-            </strong>
-             biking.
-
+            Custom message about 
+             active minutes.
           </div>
         </div>
       </div>
     </div>
     <div
-      className="c2"
+      className="c4"
       role="group"
     >
       <div
-        className="c3"
+        className="c5"
         role="presentation"
       >
         <svg
           aria-hidden="true"
-          className="c4"
+          className="c6"
           fill="currentColor"
           focusable="false"
           height={17}
@@ -268869,28 +247627,28 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
         </svg>
       </div>
       <div
-        className="c5"
+        className="c7"
       >
         <span
           className="styled__CO2Summary-sc-6q2ok2-2"
         >
           CO₂ Emitted: 
           <strong>
-            1g
+            319g
           </strong>
         </span>
         <button
           aria-controls="mocked-random-id"
           aria-expanded={false}
           aria-label="otpUi.TripDetails.showDetail"
-          className="c7 c9"
+          className="c8 c9"
           id="expand-button"
           onClick={[Function]}
           tabIndex={0}
         >
           <svg
             aria-hidden="true"
-            className="c4"
+            className="c6"
             fill="currentColor"
             focusable="false"
             height="0.92em"
@@ -268920,17 +247678,17 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
         >
           <div
             aria-labelledby="expand-button"
-            className="c6"
+            className="c10"
             id="mocked-random-id"
           >
             <button
-              className="c7 c8"
+              className="c8 c11"
               onClick={[Function]}
               role="presentation"
             >
               <svg
                 aria-hidden="true"
-                className="c4"
+                className="c6"
                 fill="currentColor"
                 focusable="false"
                 height="0.92em"
@@ -268961,7 +247719,7 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
 </div>
 `;
 
-exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 1`] = `
+exports[`Storyshots TripDetails Walk Only Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -268981,46 +247739,32 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 1`] = `
     fareKeyNameMap={Object {}}
     itinerary={
       Object {
-        "duration": 1232,
-        "elevationGained": 1.3099999999999987,
-        "elevationLost": 7.98,
-        "endTime": 1573690001000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "EUR",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
+        "duration": 61,
+        "elevationGained": 2.9800000000000004,
+        "elevationLost": 0.6900000000000002,
+        "endTime": 1576265401000,
         "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 72.439,
-            "duration": 75,
-            "endTime": 1573688844000,
+            "distance": 50.523999999999994,
+            "duration": 61,
+            "endTime": 1576265401000,
             "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": 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": 4,
-              "points": "q}utGnqlkVAlH?mCP?",
+              "length": 15,
+              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
             },
             "mode": "WALK",
             "pathway": false,
@@ -269029,670 +247773,101 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688769000,
+            "startTime": 1576265340000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
-                "bogusName": false,
-                "distance": 62.396,
+                "bogusName": true,
+                "distance": 47.236999999999995,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 47.86284254544678,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 10,
-                    "second": 47.822842545446775,
+                    "first": 4.82,
+                    "second": 15.222842545446778,
                   },
                   Object {
-                    "first": 20,
-                    "second": 47.44284254544678,
+                    "first": 4.825,
+                    "second": 15.022842545446778,
                   },
                   Object {
-                    "first": 30,
-                    "second": 46.85284254544678,
+                    "first": 14.825,
+                    "second": 16.282842545446776,
                   },
                   Object {
-                    "first": 40,
-                    "second": 45.542842545446774,
+                    "first": 26.285,
+                    "second": 16.832842545446777,
                   },
                   Object {
-                    "first": 50,
-                    "second": 44.85284254544678,
+                    "first": 26.308,
+                    "second": 16.832842545446777,
                   },
                   Object {
-                    "first": 60,
-                    "second": 44.36284254544678,
+                    "first": 36.308,
+                    "second": 17.55284254544678,
                   },
                   Object {
-                    "first": 62.4,
-                    "second": 44.17284254544678,
+                    "first": 47.248000000000005,
+                    "second": 16.862842545446778,
                   },
                 ],
-                "lat": 45.501213679159676,
-                "lon": -122.62183383356971,
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
                 "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 {
-            "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",
+                "streetName": "path",
               },
-            ],
-            "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",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689120000,
-            "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "WEST",
                 "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": 3.287,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 46.60284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 46.682842545446775,
-                  },
-                  Object {
-                    "first": 24.14,
-                    "second": 46.822842545446775,
-                  },
-                  Object {
-                    "first": 24.141,
-                    "second": 46.822842545446775,
-                  },
-                  Object {
-                    "first": 34.141,
-                    "second": 46.932842545446775,
-                  },
-                  Object {
-                    "first": 44.141,
-                    "second": 47.042842545446774,
-                  },
-                  Object {
-                    "first": 54.141,
-                    "second": 47.16284254544678,
+                    "second": 16.862842545446778,
                   },
                   Object {
-                    "first": 60.370999999999995,
-                    "second": 47.212842545446776,
+                    "first": 2.43,
+                    "second": 17.26284254544678,
                   },
                 ],
-                "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,
+                "lat": 45.5188999,
+                "lon": -122.6795756,
                 "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
-              },
-            ],
-            "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,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1152.1496223157228,
-            "duration": 275,
-            "endTime": 1573689875000,
-            "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,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "headsign": "Portland",
-            "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@",
-              },
-              Object {
-                "length": 9,
-                "points": "kaxtGjaokV?J?R?T?fAAlD?\`C?hA?jD",
-              },
-            ],
-            "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,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-            ],
-            "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",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "1",
-            "routeId": "TriMet:14",
-            "routeLongName": "Hawthorne",
-            "routeShortName": "1",
-            "routeType": 3,
-            "serviceDate": "20191113",
-            "startTime": 1573689600000,
-            "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,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": true,
-            "tripBlockId": "1402",
-            "tripId": "TriMet:9254091",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 146.06499999999997,
-            "duration": 125,
-            "endTime": 1573690001000,
-            "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,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 7,
-              "points": "maxtGnvokV?J?RQ?oCA?iB?G",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689876000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "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": 0,
-                    "second": 49.22284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 49.292842545446774,
-                  },
-                  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,
-                  },
-                  Object {
-                    "first": 70,
-                    "second": 46.042842545446774,
-                  },
-                  Object {
-                    "first": 80,
-                    "second": 45.47284254544678,
-                  },
-                  Object {
-                    "first": 89.6,
-                    "second": 45.00284254544678,
-                  },
-                ],
-                "lat": 45.5120757,
-                "lon": -122.6381533,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 27th Ave",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 44.39,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 45.00284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 45.25284254544678,
-                  },
-                  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,
-                  },
-                  Object {
-                    "first": 44.387,
-                    "second": 46.24284254544678,
-                  },
-                ],
-                "lat": 45.5128815,
-                "lon": -122.6381445,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Madison St",
+                "stayOn": true,
+                "streetName": "path",
               },
             ],
             "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": 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": 1573688769000,
+        "startTime": 1576265340000,
         "tooSloped": false,
-        "transfers": 1,
-        "transitTime": 550,
-        "waitingTime": 379,
-        "walkDistance": 352.75874626614717,
+        "transfers": 0,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 50.6389253702716,
         "walkLimitExceeded": false,
-        "walkTime": 303,
+        "walkTime": 61,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 2`] = `
+exports[`Storyshots TripDetails Walk Only Itinerary 2`] = `
 .c4 {
   display: inline-block;
   vertical-align: middle;
@@ -269820,11 +247995,11 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 2`] = `
         >
           Depart 
           <strong>
-            November 13, 2019
+            December 13, 2019
           </strong>
            at 
           <strong>
-            3:46 PM
+            11:29 AM
           </strong>
         </span>
       </div>
@@ -269871,100 +248046,6 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 2`] = `
         </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  €2.50
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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"
@@ -269994,7 +248075,7 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 2`] = `
       >
         Time Spent Active: 
         <strong>
-          5 minutes
+          1 minute
         </strong>
         <button
           aria-controls="mocked-random-id"
@@ -270063,7 +248144,7 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 2`] = `
             </button>
             By taking this trip, you'll spend 
             <strong>
-              5 minutes
+              1 minute
             </strong>
              walking and 
             <strong>
@@ -270107,7 +248188,7 @@ exports[`Storyshots TripDetails Walk Transit Transfer Itinerary 2`] = `
         >
           CO₂ Emitted: 
           <strong>
-            219g
+            1g
           </strong>
         </span>
         <button
@@ -270772,100 +248853,6 @@ exports[`Storyshots TripDetails Walk Transit Walk Itinerary 2`] = `
         </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 640 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 288h-16v-88c0-4.42-3.58-8-8-8h-13.58c-4.74 0-9.37 1.4-13.31 4.03l-15.33 10.22a7.994 7.994 0 0 0-2.22 11.09l8.88 13.31a7.994 7.994 0 0 0 11.09 2.22l.47-.31V288h-16c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h64c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 192c-53.02 0-96-50.15-96-112 0-61.86 42.98-112 96-112s96 50.14 96 112c0 61.87-43 112-96 112zm272 32h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        className="c5"
-      >
-        <span
-          className="styled__Fare-sc-6q2ok2-4"
-        >
-          <span
-            className="styled__TransitFareSingle-sc-6q2ok2-10"
-          >
-            <summary
-              style={
-                Object {
-                  "display": "",
-                }
-              }
-            >
-              <span>
-                Transit Fare
-                : 
-                <strong>
-                  $2.50
-                </strong>
-              </span>
-            </summary>
-          </span>
-        </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"
diff --git a/packages/core-utils/package.json b/packages/core-utils/package.json
index 51fe037e7..feab82d0e 100644
--- a/packages/core-utils/package.json
+++ b/packages/core-utils/package.json
@@ -31,7 +31,7 @@
     "tsc": "tsc"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^5.0.0",
+    "@opentripplanner/types": "^6.0.0-alpha.9",
     "@types/chroma-js": "^2.1.4"
   }
 }
diff --git a/packages/core-utils/src/__tests__/__mocks__/fare-products-itinerary.json b/packages/core-utils/src/__tests__/__mocks__/fare-products-itinerary.json
new file mode 100644
index 000000000..0387113e8
--- /dev/null
+++ b/packages/core-utils/src/__tests__/__mocks__/fare-products-itinerary.json
@@ -0,0 +1,1283 @@
+{
+  "duration": 6952,
+  "endTime": 1685146739000,
+  "startTime": 1685139787000,
+  "waitingTime": 184,
+  "walkTime": 2436,
+  "accessibilityScore": null,
+  "legs": [
+    {
+      "fareProducts": [],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": false,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 825.81,
+      "duration": 641,
+      "endTime": 1685140428000,
+      "mode": "WALK",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685139787000,
+      "transitLeg": false,
+      "accessibilityScore": null,
+      "trip": null,
+      "agency": null,
+      "legGeometry": {
+        "length": 16,
+        "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???"
+      },
+      "intermediateStops": null,
+      "route": null,
+      "from": {
+        "lat": 47.7791977,
+        "lon": -122.2903181,
+        "name": "47.7792, -122.29032",
+        "vertexType": "NORMAL",
+        "rentalVehicle": null,
+        "stop": null
+      },
+      "to": {
+        "lat": 47.7776833,
+        "lon": -122.297684,
+        "name": "48th Ave W & 244th St SW",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206ODI0MDU",
+          "code": "82405",
+          "gtfsId": "kcm:82405",
+          "alerts": []
+        }
+      },
+      "steps": [
+        {
+          "distance": 36.61,
+          "lat": 47.7791959,
+          "lon": -122.290319,
+          "relativeDirection": "DEPART",
+          "absoluteDirection": "EAST",
+          "stayOn": false,
+          "streetName": "242nd Street Southwest",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 194.04,
+          "lat": 47.7791005,
+          "lon": -122.2898502,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "SOUTH",
+          "stayOn": false,
+          "streetName": "Cedar Way",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 567.32,
+          "lat": 47.7773669,
+          "lon": -122.2900921,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "WEST",
+          "stayOn": false,
+          "streetName": "Northeast 205th Street - 244th Street Southwest",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 27.83,
+          "lat": 47.7774331,
+          "lon": -122.2976837,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTH",
+          "stayOn": false,
+          "streetName": "path",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        }
+      ]
+    },
+    {
+      "fareProducts": [
+        {
+          "id": "3ff3d12d-6747-3b47-842a-92c7bf167015",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 2.75
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 2.75
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1.5
+            },
+            "riderCategory": {
+              "id": "orca:special",
+              "name": "special"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        }
+      ],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": null,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 12180.55,
+      "duration": 2112,
+      "endTime": 1685142540000,
+      "mode": "BUS",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685140428000,
+      "transitLeg": true,
+      "accessibilityScore": null,
+      "trip": {
+        "id": "VHJpcDprY206NTQxNDgwODUz",
+        "gtfsId": "kcm:541480853",
+        "tripHeadsign": "Northgate Station Ridgecrest"
+      },
+      "agency": {
+        "name": "Metro Transit",
+        "id": "QWdlbmN5OmtjbTox",
+        "timezone": "America/Los_Angeles",
+        "url": "https://kingcounty.gov/en/dept/metro",
+        "alerts": []
+      },
+      "legGeometry": {
+        "length": 262,
+        "points": "oqrbH~fmiVp@??fEC|DCjE?fN?h@??AfEAvCAxA@n@AdCAhD?tAAtCA~@???hDAfF?bBAn@???ZA`A?`@Av@Ax@AhB?R@NBNFLLPVXN@T?R?l@A??fCGnCEzBE??hBErAApIM??nGKX?R?L?N@XFLBFBJ@LFLHPHPJTNXV^ZTPRRrAl@F@??d@Jb@DT?TCxCIVCl@Ab@CTEHCTGNGTKb@Sp@c@TINIPC??FCPEVAVAV?b@?V@^A\\IZEZKf@UrAq@|@a@d@W`@_@f@_@NM??x@m@b@Cz@M\\C^?z@Px@XZPZXn@r@r@f@ZLb@Rb@FZFb@?z@???tA?rF@|I?AjD??CbJA|FA|C??AtBEpOEtOxCC??Z?|BAzEGdECf@???dIEhJG`DE??jAAfFEzCE??J?zA?xACdDE??N?pDCpDE`BCp@A??pFG~CC^A^???fBAbEEvCE\\?X???bCA|@F`E?f@?@mG???C@yGFwO@qG@gF???]DyOtAC??tGAt@???vHEn@???~HE|HA??n@?|G?tC?xA?~D@Z???lI?p@???rHBB?pAC??vGIp@???xHI|@C??|CCt@?ZBRJRNRR`@h@LTpFhI??~@xAbD~E`A|A|AzB\\Z^Vf@Rx@R~CArAC?fB??CvLA|OnA???hDEbFGx@???|DErDAvDA?jB??AfCA`HA~G?pB?P|A?lA?"
+      },
+      "intermediateStops": [
+        {
+          "lat": 47.7775421,
+          "lon": -122.303215,
+          "name": "NE 205th St & 52nd Ave W",
+          "stopCode": "82410",
+          "stopId": "U3RvcDprY206ODI0MTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7775955,
+          "lon": -122.308685,
+          "name": "NE 205th St & 56th Ave W",
+          "stopCode": "82430",
+          "stopId": "U3RvcDprY206ODI0MzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7776146,
+          "lon": -122.311432,
+          "name": "NE 205th St & 58th Pl W",
+          "stopCode": "82440",
+          "stopId": "U3RvcDprY206ODI0NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7768135,
+          "lon": -122.31382,
+          "name": "15th Ave NE & Ballinger Way NE",
+          "stopCode": "77400",
+          "stopId": "U3RvcDprY206Nzc0MDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7747955,
+          "lon": -122.313721,
+          "name": "15th Ave NE & Forest Park Dr NE",
+          "stopCode": "77410",
+          "stopId": "U3RvcDprY206Nzc0MTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7721519,
+          "lon": -122.313614,
+          "name": "15th Ave NE & NE 200th Ct",
+          "stopCode": "77418",
+          "stopId": "U3RvcDprY206Nzc0MTg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.768734,
+          "lon": -122.314636,
+          "name": "15th Ave NE & NE 192nd St",
+          "stopCode": "77940",
+          "stopId": "U3RvcDprY206Nzc5NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7656479,
+          "lon": -122.313995,
+          "name": "15th Ave NE & NE Perkins Way",
+          "stopCode": "77440",
+          "stopId": "U3RvcDprY206Nzc0NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7626801,
+          "lon": -122.312752,
+          "name": "15th Ave NE & 24th Ave NE",
+          "stopCode": "77450",
+          "stopId": "U3RvcDprY206Nzc0NTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7591515,
+          "lon": -122.31356,
+          "name": "15th Ave NE & NE 180th St",
+          "stopCode": "77460",
+          "stopId": "U3RvcDprY206Nzc0NjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7558212,
+          "lon": -122.314339,
+          "name": "NE 175th St & 15th Ave NE",
+          "stopCode": "77738",
+          "stopId": "U3RvcDprY206Nzc3Mzg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7558632,
+          "lon": -122.318176,
+          "name": "NE 175th St & 10th Ave NE",
+          "stopCode": "77737",
+          "stopId": "U3RvcDprY206Nzc3Mzc",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7550964,
+          "lon": -122.324158,
+          "name": "5th Ave NE & NE 174th St",
+          "stopCode": "81246",
+          "stopId": "U3RvcDprY206ODEyNDY",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.752037,
+          "lon": -122.324104,
+          "name": "5th Ave NE & NE 170th St",
+          "stopCode": "81248",
+          "stopId": "U3RvcDprY206ODEyNDg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7477875,
+          "lon": -122.324013,
+          "name": "5th Ave NE & NE 163rd St",
+          "stopCode": "77560",
+          "stopId": "U3RvcDprY206Nzc1NjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7454681,
+          "lon": -122.323944,
+          "name": "5th Ave NE & NE 161st St",
+          "stopCode": "77570",
+          "stopId": "U3RvcDprY206Nzc1NzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7436676,
+          "lon": -122.323883,
+          "name": "5th Ave NE & NE 158th St",
+          "stopCode": "77580",
+          "stopId": "U3RvcDprY206Nzc1ODA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.741066,
+          "lon": -122.323792,
+          "name": "5th Ave NE & NE 155th St",
+          "stopCode": "81252",
+          "stopId": "U3RvcDprY206ODEyNTI",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7387314,
+          "lon": -122.323723,
+          "name": "5th Ave NE & NE 152nd St",
+          "stopCode": "81254",
+          "stopId": "U3RvcDprY206ODEyNTQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7361908,
+          "lon": -122.323654,
+          "name": "5th Ave NE & NE 148th St",
+          "stopCode": "81256",
+          "stopId": "U3RvcDprY206ODEyNTY",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7339783,
+          "lon": -122.322235,
+          "name": "NE 145th St & 6th Ave NE",
+          "stopCode": "82200",
+          "stopId": "U3RvcDprY206ODIyMDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7339096,
+          "lon": -122.315598,
+          "name": "NE 145th St & 12th Ave NE",
+          "stopCode": "82220",
+          "stopId": "U3RvcDprY206ODIyMjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7335167,
+          "lon": -122.312851,
+          "name": "15th Ave NE & NE 145th St",
+          "stopCode": "38830",
+          "stopId": "U3RvcDprY206Mzg4MzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7318573,
+          "lon": -122.31282,
+          "name": "15th Ave NE & NE 143rd St",
+          "stopCode": "38840",
+          "stopId": "U3RvcDprY206Mzg4NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7300568,
+          "lon": -122.312798,
+          "name": "15th Ave NE & NE 140th St",
+          "stopCode": "38850",
+          "stopId": "U3RvcDprY206Mzg4NTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7268677,
+          "lon": -122.312752,
+          "name": "15th Ave NE & NE 135th St",
+          "stopCode": "38870",
+          "stopId": "U3RvcDprY206Mzg4NzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7228928,
+          "lon": -122.312767,
+          "name": "15th Ave NE & NE 130th St",
+          "stopCode": "38890",
+          "stopId": "U3RvcDprY206Mzg4OTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7209663,
+          "lon": -122.312782,
+          "name": "15th Ave NE & NE 127th St",
+          "stopCode": "38900",
+          "stopId": "U3RvcDprY206Mzg5MDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7190018,
+          "lon": -122.312767,
+          "name": "15th Ave NE & NE 125th St",
+          "stopCode": "38910",
+          "stopId": "U3RvcDprY206Mzg5MTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.71735,
+          "lon": -122.312714,
+          "name": "15th Ave NE & NE 123rd St",
+          "stopCode": "38920",
+          "stopId": "U3RvcDprY206Mzg5MjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7154694,
+          "lon": -122.312645,
+          "name": "15th Ave NE & NE 120th St",
+          "stopCode": "38930",
+          "stopId": "U3RvcDprY206Mzg5MzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7125664,
+          "lon": -122.314827,
+          "name": "Pinehurst Way NE & NE 115th St",
+          "stopCode": "38962",
+          "stopId": "U3RvcDprY206Mzg5NjI",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7086334,
+          "lon": -122.318367,
+          "name": "NE Northgate Way & Roosevelt Way NE",
+          "stopCode": "82198",
+          "stopId": "U3RvcDprY206ODIxOTg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7081947,
+          "lon": -122.323364,
+          "name": "5th Ave NE & NE Northgate Way",
+          "stopCode": "23230",
+          "stopId": "U3RvcDprY206MjMyMzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7059097,
+          "lon": -122.323296,
+          "name": "5th Ave NE & Northgate Mall",
+          "stopCode": "23250",
+          "stopId": "U3RvcDprY206MjMyNTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7032166,
+          "lon": -122.323692,
+          "name": "NE 103rd St & 5th Ave NE",
+          "stopCode": "35290",
+          "stopId": "U3RvcDprY206MzUyOTA",
+          "locationType": "STOP"
+        }
+      ],
+      "route": {
+        "shortName": "347",
+        "longName": null,
+        "color": null,
+        "textColor": null,
+        "id": "Um91dGU6a2NtOjEwMDIwNA",
+        "type": 3,
+        "alerts": []
+      },
+      "from": {
+        "lat": 47.7776833,
+        "lon": -122.297684,
+        "name": "48th Ave W & 244th St SW",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206ODI0MDU",
+          "code": "82405",
+          "gtfsId": "kcm:82405",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.7023087,
+        "lon": -122.328026,
+        "name": "Northgate Station - Bay 4",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206MzUzMTg",
+          "code": "35318",
+          "gtfsId": "kcm:35318",
+          "alerts": []
+        }
+      },
+      "steps": []
+    },
+    {
+      "fareProducts": [],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": false,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 60.87,
+      "duration": 56,
+      "endTime": 1685142596000,
+      "mode": "WALK",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685142540000,
+      "transitLeg": false,
+      "accessibilityScore": null,
+      "trip": null,
+      "agency": null,
+      "legGeometry": {
+        "length": 9,
+        "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B"
+      },
+      "intermediateStops": null,
+      "route": null,
+      "from": {
+        "lat": 47.7023087,
+        "lon": -122.328026,
+        "name": "Northgate Station - Bay 4",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206MzUzMTg",
+          "code": "35318",
+          "gtfsId": "kcm:35318",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.702662,
+        "lon": -122.32832,
+        "name": "Northgate Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo5OTAwMDU",
+          "code": "N11-T1",
+          "gtfsId": "40:990005",
+          "alerts": []
+        }
+      },
+      "steps": [
+        {
+          "distance": 60.87,
+          "lat": 47.7023088,
+          "lon": -122.3280018,
+          "relativeDirection": "DEPART",
+          "absoluteDirection": "NORTH",
+          "stayOn": false,
+          "streetName": "path",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        }
+      ]
+    },
+    {
+      "fareProducts": [
+        {
+          "id": "0f76bb4a-7491-34b9-95ce-5d6f4e6b4d53",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 3
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0.25
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "75fef4dc-142b-3589-ac62-d484f5b41143",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 2.75
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:special",
+              "name": "special"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1.5
+            },
+            "riderCategory": {
+              "id": "orca:special",
+              "name": "special"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        }
+      ],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": null,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 23087.2,
+      "duration": 2220,
+      "endTime": 1685145000000,
+      "mode": "TRAM",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685142780000,
+      "transitLeg": true,
+      "accessibilityScore": null,
+      "trip": {
+        "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
+        "gtfsId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+        "tripHeadsign": "Angle Lake"
+      },
+      "agency": {
+        "name": "Sound Transit",
+        "id": "QWdlbmN5OjQwOjQw",
+        "timezone": "America/Los_Angeles",
+        "url": "https://www.soundtransit.org",
+        "alerts": []
+      },
+      "legGeometry": {
+        "length": 509,
+        "points": "s|cbHhgsiVJ?dA?pAApA@nAHnANnALnANnALnALpAFnABpACpAGnAKr@G^CnAKpAEnA?pA@pA?nA@pA@pA@nA@pA@pA?nACpAKlASlAWjA]fAc@fAi@`Ak@`Aq@z@u@z@w@v@{@r@{@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@}@v@{@x@w@~@s@bAk@fAe@hA_@nAWnAMnACpAApAAnA?V???x@ApACnAGnAKpAMnAMnAKnAMnAMnAMnAMpAKnAMnAMnAMnAKnAMnAMpAMnAKnAMnAMnAMnAMnAKpAMnAKnAIpAInAEpAGnACpAApAApA?nA?pA@pA@nABpA@h@???f@@nAAnAQfAc@~@q@v@{@j@cAd@gAZkARmANoAJqAJoAHoAJqAJoAJoALoALoARoATmAZkA^kA`@iAf@eAj@cAp@aAt@{@x@w@~@q@dAk@hAa@jAYnAOpAEnAApAApAAnAApAAbDAb@Cb@???H?p@Ar@?|FGx@?hA?rA@pADzAHtAHrALrARrAPzAV`BZxA^`Bd@rBn@|Aj@lBx@lBz@|Ax@fB`AhBlAbBlAfE`DrB~Avh@da@bHlFbDdCjEfDdK~HrB~A~@r@n@d@bAh@|@d@jAd@jA^tAVpAR~@HfADtA?n@A????vFC~A?x@?|@HbAPbAZbA`@x@b@dAz@v@r@~@jAr@dAp@rAd@fA`@jAd@bBZxAVbBRfBH~AFtA@|AAdBGpAIzAOdBWzASxAKx@Ix@?f@?n@@l@Dr@Jx@Hf@Jh@JZjAnDb@tAhBzFXvAhB|FnBlG??@?FTj@fABBRh@PVNRLHLDR@N?VGXMNInJoIlC_Cp@o@RQ????t@s@lCaC|GcGnCcClCaC\\[nBgBlBgB@???VUVURWVc@Xe@PYpBeDx@sAx@mAV_@TQ\\Sp@MzCA|FF@@??N@RFNFN@LB~BCF?D?fCAF?N?NCN?NALAHCJAJAHCNEPC^KxDeAxCy@NGJAJCJALAL?h@CrC???nHBrB?V?X@R@VBn@HVDP@T@z@?b@?z@?vp@B??@?zG?L?N?JCF?JAHEDABCF?@CDABCDCBCBEDCBEBCBGBEBC@EBGBEBG@E@E@GBE@G@E?CBM?IBI@K?I?SDeAFeBBqAJ_D@q@@o@?y@?s@?qAAgI@y@@o@Ds@JiBXkE@s@Bm@?{@Aw@Ey@Gy@Gg@Gi@Ie@Ke@UaAoDiNa@aBc@kBkAwF???AoAcGKg@Ii@Ge@Gg@Ee@Ek@Am@Ak@Ak@@k@Bg@Bk@@e@Dk@Fc@Hk@Js@Rw@zDsPNs@Lm@RqAPqAHgAf@kHLiBDc@BWFWDUFUHUJUJULUJONSNKPQtCmB??~BcBb@Ud@STEVGVCVA^?pHDvOFjLCx@?pDH`@Bb@Cb@?^Ib@G^I\\M\\O\\Qhg@oX~@e@????|L{GjDgB|@c@f@QtE_BpAe@lO}FbJkDdQwGrFyBt[{LnSqI?A"
+      },
+      "intermediateStops": [
+        {
+          "lat": 47.676107,
+          "lon": -122.316041,
+          "name": "Roosevelt Station",
+          "stopCode": "N09-T1",
+          "stopId": "U3RvcDo0MDo5OTAwMDM",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.659875,
+          "lon": -122.314194,
+          "name": "U District Station",
+          "stopCode": "N07-T1",
+          "stopId": "U3RvcDo0MDo5OTAwMDE",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.649349,
+          "lon": -122.303795,
+          "name": "Univ of Washington Station",
+          "stopCode": "N05-T1",
+          "stopId": "U3RvcDo0MDo5OTYwNA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.61956,
+          "lon": -122.320389,
+          "name": "Capitol Hill Station",
+          "stopCode": "N03-T1",
+          "stopId": "U3RvcDo0MDo5OTYxMA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.61145,
+          "lon": -122.337532,
+          "name": "Westlake Station",
+          "stopCode": "C03-T1",
+          "stopId": "U3RvcDo0MDoxMTA4",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.607246,
+          "lon": -122.335754,
+          "name": "University St Station",
+          "stopCode": "C05-T1",
+          "stopId": "U3RvcDo0MDo0NTU",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.602139,
+          "lon": -122.331055,
+          "name": "Pioneer Square Station",
+          "stopCode": "C07-T1",
+          "stopId": "U3RvcDo0MDo1MDE",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.59766,
+          "lon": -122.328217,
+          "name": "Int'l Dist/Chinatown Station",
+          "stopCode": "C09-T1",
+          "stopId": "U3RvcDo0MDo2MjM",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.591824,
+          "lon": -122.327354,
+          "name": "Stadium Station",
+          "stopCode": "C13-T1",
+          "stopId": "U3RvcDo0MDo5OTEwMQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.579952,
+          "lon": -122.327522,
+          "name": "SODO Station",
+          "stopCode": "C15-T1",
+          "stopId": "U3RvcDo0MDo5OTExMQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.579124,
+          "lon": -122.311279,
+          "name": "Beacon Hill Station",
+          "stopCode": "C19-T1",
+          "stopId": "U3RvcDo0MDo5OTEyMQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.576439,
+          "lon": -122.297737,
+          "name": "Mount Baker Station",
+          "stopCode": "C23-T1",
+          "stopId": "U3RvcDo0MDo1NTk0OQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.559025,
+          "lon": -122.292389,
+          "name": "Columbia City Station",
+          "stopCode": "C25-T1",
+          "stopId": "U3RvcDo0MDo1NjAzOQ",
+          "locationType": "STOP"
+        }
+      ],
+      "route": {
+        "shortName": "1-Line",
+        "longName": "Northgate - Angle Lake",
+        "color": "28813F",
+        "textColor": "FFFFFF",
+        "id": "Um91dGU6NDA6MTAwNDc5",
+        "type": 0,
+        "alerts": []
+      },
+      "from": {
+        "lat": 47.702662,
+        "lon": -122.32832,
+        "name": "Northgate Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo5OTAwMDU",
+          "code": "N11-T1",
+          "gtfsId": "40:990005",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.537529,
+        "lon": -122.281471,
+        "name": "Othello Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo1NjE1OQ",
+          "code": "C27-T1",
+          "gtfsId": "40:56159",
+          "alerts": []
+        }
+      },
+      "steps": []
+    },
+    {
+      "fareProducts": [],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": false,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 2167.47,
+      "duration": 1739,
+      "endTime": 1685146739000,
+      "mode": "WALK",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685145000000,
+      "transitLeg": false,
+      "accessibilityScore": null,
+      "trip": null,
+      "agency": null,
+      "legGeometry": {
+        "length": 135,
+        "points": "otcaHfbjiV?BXMF\\\\??fC?NJ?@|@BbC?R?TAB?|A?t@@f@?L@B?V?TA@@D?D?vA?h@?X?TAXCXANCPCPKd@ERCLCH@@HFLJ@@@?@@@@B@F?F?D?DAENDAHCFCFNPTDBD?RIl@Wb@Qn@c@h@[ZONGPCD?LEFAL@Ad@@vF?pAApA?nH@\\@J@DBPJLEFIFI^ENQf@EBCFHJP^BL@J@PAhFA|A?bAArB?hA@JBFDDDHl@b@RHTFXD\\@P@PCjB[hB[h@M`A]lAk@vBoAlAu@h@YLCPAJ@J@LFLHHJHJFNHTv@dGFb@@NK@KCOCM@{Ad@e@F_@LM@"
+      },
+      "intermediateStops": null,
+      "route": null,
+      "from": {
+        "lat": 47.537529,
+        "lon": -122.281471,
+        "name": "Othello Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo1NjE1OQ",
+          "code": "C27-T1",
+          "gtfsId": "40:56159",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.5312889,
+        "lon": -122.2958113,
+        "name": "New Light Christian Church, Seattle, WA, USA",
+        "vertexType": "NORMAL",
+        "rentalVehicle": null,
+        "stop": null
+      },
+      "steps": [
+        {
+          "distance": 14.92,
+          "lat": 47.5375246,
+          "lon": -122.2814907,
+          "relativeDirection": "DEPART",
+          "absoluteDirection": "SOUTH",
+          "stayOn": false,
+          "streetName": "Martin Luther King Junior Way South",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 12.32,
+          "lat": 47.5373972,
+          "lon": -122.2814286,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "SOUTHWEST",
+          "stayOn": false,
+          "streetName": "service road",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 79.38,
+          "lat": 47.537352,
+          "lon": -122.2815784,
+          "relativeDirection": "LEFT",
+          "absoluteDirection": "SOUTH",
+          "stayOn": true,
+          "streetName": "parking aisle",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 186.19,
+          "lat": 47.5371499,
+          "lon": -122.2823392,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "WEST",
+          "stayOn": true,
+          "streetName": "sidewalk",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 185.66,
+          "lat": 47.5371051,
+          "lon": -122.2847952,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTHWEST",
+          "stayOn": true,
+          "streetName": "sidewalk",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 223.22,
+          "lat": 47.5369894,
+          "lon": -122.2868292,
+          "relativeDirection": "HARD_RIGHT",
+          "absoluteDirection": "NORTHWEST",
+          "stayOn": true,
+          "streetName": "path",
+          "area": false,
+          "alerts": [null],
+          "elevationProfile": []
+        },
+        {
+          "distance": 316.7,
+          "lat": 47.535227,
+          "lon": -122.2863141,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "WEST",
+          "stayOn": false,
+          "streetName": "South Webster Street",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 55.15,
+          "lat": 47.5351293,
+          "lon": -122.2904874,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTHWEST",
+          "stayOn": false,
+          "streetName": "path",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 259.82,
+          "lat": 47.5354239,
+          "lon": -122.2910651,
+          "relativeDirection": "LEFT",
+          "absoluteDirection": "SOUTHWEST",
+          "stayOn": false,
+          "streetName": "South Webster Street",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 57.96,
+          "lat": 47.5352763,
+          "lon": -122.2944348,
+          "relativeDirection": "SLIGHTLY_LEFT",
+          "absoluteDirection": "SOUTHWEST",
+          "stayOn": false,
+          "streetName": "29th Avenue South",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 644.09,
+          "lat": 47.5348545,
+          "lon": -122.2948441,
+          "relativeDirection": "CONTINUE",
+          "absoluteDirection": "SOUTH",
+          "stayOn": false,
+          "streetName": "Military Road South",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 132.1,
+          "lat": 47.5301402,
+          "lon": -122.2953592,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTH",
+          "stayOn": false,
+          "streetName": "service road",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        }
+      ]
+    }
+  ]
+}
diff --git a/packages/core-utils/src/__tests__/__snapshots__/itinerary.js.snap b/packages/core-utils/src/__tests__/__snapshots__/itinerary.js.snap
deleted file mode 100644
index 0d2e2bc79..000000000
--- a/packages/core-utils/src/__tests__/__snapshots__/itinerary.js.snap
+++ /dev/null
@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`util > itinerary getTransitFare should return defaults with missing fare 1`] = `0`;
-
-exports[`util > itinerary getTransitFare should work with valid fare component 1`] = `575`;
diff --git a/packages/core-utils/src/__tests__/itinerary.js b/packages/core-utils/src/__tests__/itinerary.js
index d8a5cc302..5663e4d77 100644
--- a/packages/core-utils/src/__tests__/itinerary.js
+++ b/packages/core-utils/src/__tests__/itinerary.js
@@ -2,12 +2,14 @@ import {
   calculateTncFares,
   getCompanyFromLeg,
   getDisplayedStopId,
-  getTransitFare,
+  getItineraryCost,
+  getLegCost,
   isTransit
 } from "../itinerary";
 
 const bikeRentalItinerary = require("./__mocks__/bike-rental-itinerary.json");
 const tncItinerary = require("./__mocks__/tnc-itinerary.json");
+const fareProductItinerary = require("./__mocks__/fare-products-itinerary.json");
 
 const basePlace = {
   lat: 0,
@@ -35,30 +37,6 @@ describe("util > itinerary", () => {
     });
   });
 
-  describe("getTransitFare", () => {
-    it("should return defaults with missing fare", () => {
-      const { transitFare } = getTransitFare(null);
-      // transit fare value should be zero
-      expect(transitFare).toMatchSnapshot();
-    });
-
-    it("should work with valid fare component", () => {
-      const fareComponent = {
-        currency: {
-          currency: "USD",
-          defaultFractionDigits: 2,
-          currencyCode: "USD",
-          symbol: "$"
-        },
-        cents: 575
-      };
-      const { currencyCode, transitFare } = getTransitFare(fareComponent);
-      expect(currencyCode).toEqual(fareComponent.currency.currencyCode);
-      // Snapshot tests
-      expect(transitFare).toMatchSnapshot();
-    });
-  });
-
   describe("calculateTncFares", () => {
     it("should return the correct amounts and currency for an itinerary with TNC", () => {
       const fareResult = calculateTncFares(tncItinerary, true);
@@ -111,4 +89,72 @@ describe("util > itinerary", () => {
       expect(getDisplayedStopId(basePlace)).toBeFalsy();
     });
   });
+
+  describe("getLegCost", () => {
+    const leg = {
+      fareProducts: [
+        {
+          id: "testId",
+          product: {
+            medium: { id: "cash" },
+            name: "rideCost",
+            price: { amount: 200, currency: "USD" },
+            riderCategory: { id: "regular" }
+          }
+        },
+        {
+          id: "testId",
+          product: {
+            medium: { id: "cash" },
+            name: "transfer",
+            price: { amount: 50, currency: "USD" },
+            riderCategory: { id: "regular" }
+          }
+        }
+      ]
+    };
+    it("should return the total cost for a leg", () => {
+      const result = getLegCost(leg, "cash", "regular");
+      expect(result.price).toEqual({ amount: 200, currency: "USD" });
+    });
+
+    it("should return the transfer discount amount if a transfer was used", () => {
+      const result = getLegCost(leg, "cash", "regular");
+      expect(result.price).toEqual({ amount: 200, currency: "USD" });
+      expect(result.transferAmount).toEqual({ amount: 50, currency: "USD" });
+    });
+
+    it("should return undefined if no fare products exist on the leg", () => {
+      const emptyleg = {};
+      const result = getLegCost(emptyleg, "cash", "regular");
+      expect(result.price).toBeUndefined();
+    });
+    it("should return undefined if the keys are invalid", () => {
+      const result = getLegCost(leg, "invalidkey", "invalidkey");
+      expect(result.price).toBeUndefined();
+    });
+  });
+
+  describe("getItineraryCost", () => {
+    it("should calculate the total cost of an itinerary", () => {
+      const result = getItineraryCost(
+        fareProductItinerary.legs,
+        "orca:cash",
+        "orca:regular"
+      );
+      expect(result.amount).toEqual(5.75);
+      expect(result.currency).toEqual({
+        code: "USD",
+        digits: 2
+      });
+    });
+    it("should return undefined when the keys are invalid", () => {
+      const result = getItineraryCost(
+        fareProductItinerary.legs,
+        "invalidkey",
+        "invalidkey"
+      );
+      expect(result).toBeUndefined();
+    });
+  });
 });
diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts
index 7bd263dcc..8fb47c78f 100644
--- a/packages/core-utils/src/itinerary.ts
+++ b/packages/core-utils/src/itinerary.ts
@@ -4,7 +4,6 @@ import {
   Config,
   ElevationProfile,
   FlexBookingInfo,
-  Itinerary,
   ItineraryOnlyLegsRequired,
   LatLngArray,
   Leg,
@@ -474,27 +473,6 @@ export function calculateTncFares(
     );
 }
 
-/**
- * For a given fare component (either total fare or component parts), returns
- * an object with the fare value (in cents).
- */
-export function getTransitFare(
-  fareComponent: Money
-): {
-  currencyCode: string;
-  transitFare: number;
-} {
-  return fareComponent
-    ? {
-        currencyCode: fareComponent.currency.currencyCode,
-        transitFare: fareComponent.cents
-      }
-    : {
-        currencyCode: "USD",
-        transitFare: 0
-      };
-}
-
 /**
  * Sources:
  * - https://www.itf-oecd.org/sites/default/files/docs/environmental-performance-new-mobility.pdf
@@ -577,20 +555,6 @@ export function getDisplayedStopId(placeOrStop: Place | Stop): string {
   return stopCode || stopId?.split(":")[1] || stopId;
 }
 
-/**
- * Adds the fare product info to each leg in an itinerary, from the itinerary's fare property
- * @param itinerary Itinerary with legProducts in fare object
- * @returns Itinerary with legs that have fare products attached to them
- */
-export function getLegsWithFares(itinerary: Itinerary): Leg[] {
-  return itinerary.legs.map((leg, i) => ({
-    ...leg,
-    fareProducts: itinerary.fare?.legProducts
-      ?.filter(lp => lp?.legIndices?.includes(i))
-      .flatMap(lp => lp.products)
-  }));
-}
-
 /**
  * Extracts useful data from the fare products on a leg, such as the leg cost and transfer info.
  * @param leg Leg with fare products (must have used getLegsWithFares)
@@ -600,23 +564,26 @@ export function getLegsWithFares(itinerary: Itinerary): Leg[] {
  */
 export function getLegCost(
   leg: Leg,
-  category: string,
-  container: string
-): { price?: Money; transferAmount?: number } {
+  mediumId: string,
+  riderCategoryId: string
+): { price?: Money; transferAmount?: Money | undefined } {
   if (!leg.fareProducts) return { price: undefined };
-
-  const relevantFareProducts = leg.fareProducts.filter(
-    fp => fp.category.name === category && fp.container.name === container
-  );
-  const totalCost = relevantFareProducts.find(fp => fp.name === "rideCost")
-    ?.amount;
+  const relevantFareProducts = leg.fareProducts.filter(({ product }) => {
+    return (
+      product.riderCategory.id === riderCategoryId &&
+      product.medium.id === mediumId
+    );
+  });
+  const totalCost = relevantFareProducts.find(
+    fp => fp.product.name === "rideCost"
+  )?.product?.price;
   const transferFareProduct = relevantFareProducts.find(
-    fp => fp.name === "transfer"
+    fp => fp.product.name === "transfer"
   );
 
   return {
     price: totalCost,
-    transferAmount: transferFareProduct?.amount?.cents
+    transferAmount: transferFareProduct?.product.price
   };
 }
 
@@ -629,17 +596,64 @@ export function getLegCost(
  */
 export function getItineraryCost(
   legs: Leg[],
-  category: string,
-  container: string
-): Money {
-  return legs
-    .filter(leg => !!leg.fareProducts)
-    .map(leg => getLegCost(leg, category, container).price)
-    .reduce<Money>(
-      (prev, cur) => ({
-        cents: prev.cents + cur?.cents || 0,
-        currency: prev.currency ?? cur?.currency
-      }),
-      { cents: 0, currency: null }
-    );
+  mediumId: string,
+  riderCategoryId: string
+): Money | undefined {
+  const legCosts = legs
+    .filter(leg => leg.fareProducts?.length > 0)
+    .map(leg => getLegCost(leg, mediumId, riderCategoryId).price)
+    .filter(cost => cost !== undefined);
+  if (legCosts.length === 0) return undefined;
+  return legCosts.reduce<Money>(
+    (prev, cur) => ({
+      amount: prev.amount + cur?.amount || 0,
+      currency: prev.currency ?? cur?.currency
+    }),
+    { amount: 0, currency: null }
+  );
 }
+
+const pickupDropoffTypeToOtp1 = otp2Type => {
+  switch (otp2Type) {
+    case "COORDINATE_WITH_DRIVER":
+      return "coordinateWithDriver";
+    case "CALL_AGENCY":
+      return "mustPhone";
+    case "SCHEDULED":
+      return "scheduled";
+    case "NONE":
+      return "none";
+    default:
+      return null;
+  }
+};
+
+export const convertGraphQLResponseToLegacy = (leg: any): any => ({
+  ...leg,
+  agencyBrandingUrl: leg.agency?.url,
+  agencyName: leg.agency?.name,
+  agencyUrl: leg.agency?.url,
+  alightRule: pickupDropoffTypeToOtp1(leg.dropoffType),
+  boardRule: pickupDropoffTypeToOtp1(leg.pickupType),
+  dropOffBookingInfo: {
+    latestBookingTime: leg.dropOffBookingInfo
+  },
+  from: {
+    ...leg.from,
+    stopCode: leg.from.stop?.code,
+    stopId: leg.from.stop?.gtfsId
+  },
+  route: leg.route?.shortName,
+  routeColor: leg.route?.color,
+  routeId: leg.route?.id,
+  routeLongName: leg.route?.longName,
+  routeShortName: leg.route?.shortName,
+  routeTextColor: leg.route?.textColor,
+  to: {
+    ...leg.to,
+    stopCode: leg.to.stop?.code,
+    stopId: leg.to.stop?.gtfsId
+  },
+  tripHeadsign: leg.trip?.tripHeadsign,
+  tripId: leg.trip?.gtfsId
+});
diff --git a/packages/core-utils/src/planQuery.graphql b/packages/core-utils/src/planQuery.graphql
index b1ee05731..cc4d99f1f 100644
--- a/packages/core-utils/src/planQuery.graphql
+++ b/packages/core-utils/src/planQuery.graphql
@@ -1,6 +1,6 @@
 query Plan(
-  $fromPlace: String!
-  $toPlace: String!
+  $fromPlace: String! 
+  $toPlace: String! 
   $modes: [TransportMode]
   $time: String
   $date: String
@@ -57,6 +57,28 @@ query Plan(
         dropoffType
         duration
         endTime
+        fareProducts {
+          id
+          product {
+            id
+            medium {
+              id
+              name
+            }
+            name
+            price {
+              amount
+              currency {
+                code
+                digits
+              }
+            }
+            riderCategory {
+              id
+              name
+            }
+          }
+        }
         from {
           lat
           lon
@@ -211,4 +233,4 @@ query Plan(
       inputField
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx
index 73f40333e..f6362f431 100755
--- a/packages/itinerary-body/src/ItineraryBody/index.tsx
+++ b/packages/itinerary-body/src/ItineraryBody/index.tsx
@@ -18,6 +18,7 @@ const ItineraryBody = ({
   alwaysCollapseAlerts = false,
   className,
   config,
+  defaultFareSelector,
   diagramVisible,
   frameLeg = noop,
   itinerary,
@@ -35,7 +36,6 @@ const ItineraryBody = ({
   showElevationProfile,
   showLegIcon,
   showMapButtonColumn = true,
-  showRouteFares,
   showViewTripButton,
   TimeColumnContent,
   toRouteAbbreviation = defaultRouteAbbr,
@@ -50,7 +50,6 @@ const ItineraryBody = ({
   const rows = [];
   let followsTransit = false;
   let lastLeg;
-  const { fare } = itinerary;
   itinerary.legs.forEach((leg, i) => {
     function createPlaceRow(isDestination) {
       // Create a row containing this leg's start place and leg traversal details
@@ -63,11 +62,8 @@ const ItineraryBody = ({
           // eslint-disable-next-line react/no-array-index-key
           key={i + (isDestination ? 1 : 0)}
           config={config}
+          defaultFareSelector={defaultFareSelector}
           diagramVisible={diagramVisible}
-          // Itinerary fare is only passed as prop if showRouteFares is enabled.
-          // The fare details will be processed in the TransitLeg component and
-          // shown for all legs.
-          fare={showRouteFares ? fare : null}
           followsTransit={followsTransit}
           frameLeg={frameLeg}
           isDestination={isDestination}
diff --git a/packages/itinerary-body/src/ItineraryBody/place-row.tsx b/packages/itinerary-body/src/ItineraryBody/place-row.tsx
index bb6e84ad9..0d6d38bd4 100755
--- a/packages/itinerary-body/src/ItineraryBody/place-row.tsx
+++ b/packages/itinerary-body/src/ItineraryBody/place-row.tsx
@@ -21,8 +21,8 @@ export default function PlaceRow({
   AlertToggleIcon,
   alwaysCollapseAlerts,
   config,
+  defaultFareSelector,
   diagramVisible,
-  fare,
   followsTransit,
   frameLeg,
   isDestination,
@@ -135,11 +135,11 @@ export default function PlaceRow({
               AlertBodyIcon={AlertBodyIcon}
               AlertToggleIcon={AlertToggleIcon}
               alwaysCollapseAlerts={alwaysCollapseAlerts}
-              fare={fare}
+              defaultFareSelector={defaultFareSelector}
               leg={leg}
+              legDestination={formattedPlace(leg.to)}
               LegIcon={LegIcon}
               legIndex={legIndex}
-              legDestination={formattedPlace(leg.to)}
               RouteDescription={RouteDescription}
               setActiveLeg={setActiveLeg}
               setViewedTrip={setViewedTrip}
diff --git a/packages/itinerary-body/src/TransitLegBody/index.tsx b/packages/itinerary-body/src/TransitLegBody/index.tsx
index ec6072acb..c408afce4 100644
--- a/packages/itinerary-body/src/TransitLegBody/index.tsx
+++ b/packages/itinerary-body/src/TransitLegBody/index.tsx
@@ -1,6 +1,6 @@
 import coreUtils from "@opentripplanner/core-utils";
 import {
-  Fare,
+  FareProductSelector,
   FlexBookingInfo,
   Leg,
   LegIconComponent,
@@ -14,6 +14,7 @@ import {
   injectIntl,
   IntlShape
 } from "react-intl";
+
 import { Duration } from "../defaults";
 
 import * as S from "../styled";
@@ -34,12 +35,12 @@ interface Props {
   AlertBodyIcon?: FunctionComponent;
   AlertToggleIcon?: FunctionComponent;
   alwaysCollapseAlerts: boolean;
-  fare?: Fare;
+  defaultFareSelector?: FareProductSelector;
   intl: IntlShape;
   leg: Leg;
+  legDestination: string;
   LegIcon: LegIconComponent;
   legIndex: number;
-  legDestination: string;
   RouteDescription: FunctionComponent<RouteDescriptionProps>;
   setActiveLeg: SetActiveLegFunction;
   setViewedTrip: SetViewedTripFunction;
@@ -108,16 +109,6 @@ class TransitLegBody extends Component<Props, State> {
     };
   }
 
-  getFareForLeg = (leg: Leg, fare: Fare) => {
-    let fareForLeg;
-    fare?.details?.regular?.forEach(fareComponent => {
-      if (fareComponent.routes?.includes(leg.routeId)) {
-        fareForLeg = coreUtils.itinerary.getTransitFare(fareComponent.price);
-      }
-    });
-    return fareForLeg;
-  };
-
   onToggleStopsClick = () => {
     const { stopsExpanded } = this.state;
     this.setState({ stopsExpanded: !stopsExpanded });
@@ -135,14 +126,14 @@ class TransitLegBody extends Component<Props, State> {
 
   render(): ReactElement {
     const {
-      AlertToggleIcon = S.DefaultAlertToggleIcon,
       AlertBodyIcon,
+      AlertToggleIcon = S.DefaultAlertToggleIcon,
       alwaysCollapseAlerts,
-      fare,
+      defaultFareSelector,
       intl,
       leg,
-      LegIcon,
       legDestination,
+      LegIcon,
       RouteDescription,
       setViewedTrip,
       showAgencyInfo,
@@ -177,7 +168,14 @@ class TransitLegBody extends Component<Props, State> {
     const shouldOnlyShowAlertsExpanded =
       !(shouldCollapseDueToAlertCount || alwaysCollapseAlerts) || !leg.alerts;
     const expandAlerts = alertsExpanded || shouldOnlyShowAlertsExpanded;
-    const fareForLeg = this.getFareForLeg(leg, fare);
+
+    const legCost =
+      defaultFareSelector &&
+      coreUtils.itinerary.getLegCost(
+        leg,
+        defaultFareSelector.mediumId,
+        defaultFareSelector.riderCategoryId
+      );
 
     return (
       <>
@@ -343,7 +341,7 @@ class TransitLegBody extends Component<Props, State> {
                 >
                   <S.TransitLegExpandedBody>
                     <IntermediateStops stops={leg.intermediateStops} />
-                    {fareForLeg && (
+                    {legCost?.price && (
                       <S.TransitLegFare>
                         <FormattedMessage
                           defaultMessage={
@@ -354,12 +352,12 @@ class TransitLegBody extends Component<Props, State> {
                           values={{
                             fare: (
                               <FormattedNumber
-                                currency={fareForLeg.currencyCode}
+                                currency={legCost.price.currency.code}
                                 currencyDisplay="narrowSymbol"
                                 // This isn't a "real" style prop
                                 // eslint-disable-next-line react/style-prop-object
                                 style="currency"
-                                value={fareForLeg.transitFare / 100}
+                                value={legCost.price.amount}
                               />
                             )
                           }}
@@ -368,7 +366,6 @@ class TransitLegBody extends Component<Props, State> {
                     )}
                   </S.TransitLegExpandedBody>
                 </AnimateHeight>
-
                 {/* Average wait details, if present */}
                 {leg.averageWait && (
                   <span>
diff --git a/packages/itinerary-body/src/__mocks__/itineraries/leg-fare-products.json b/packages/itinerary-body/src/__mocks__/itineraries/leg-fare-products.json
new file mode 100644
index 000000000..0387113e8
--- /dev/null
+++ b/packages/itinerary-body/src/__mocks__/itineraries/leg-fare-products.json
@@ -0,0 +1,1283 @@
+{
+  "duration": 6952,
+  "endTime": 1685146739000,
+  "startTime": 1685139787000,
+  "waitingTime": 184,
+  "walkTime": 2436,
+  "accessibilityScore": null,
+  "legs": [
+    {
+      "fareProducts": [],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": false,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 825.81,
+      "duration": 641,
+      "endTime": 1685140428000,
+      "mode": "WALK",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685139787000,
+      "transitLeg": false,
+      "accessibilityScore": null,
+      "trip": null,
+      "agency": null,
+      "legGeometry": {
+        "length": 16,
+        "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???"
+      },
+      "intermediateStops": null,
+      "route": null,
+      "from": {
+        "lat": 47.7791977,
+        "lon": -122.2903181,
+        "name": "47.7792, -122.29032",
+        "vertexType": "NORMAL",
+        "rentalVehicle": null,
+        "stop": null
+      },
+      "to": {
+        "lat": 47.7776833,
+        "lon": -122.297684,
+        "name": "48th Ave W & 244th St SW",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206ODI0MDU",
+          "code": "82405",
+          "gtfsId": "kcm:82405",
+          "alerts": []
+        }
+      },
+      "steps": [
+        {
+          "distance": 36.61,
+          "lat": 47.7791959,
+          "lon": -122.290319,
+          "relativeDirection": "DEPART",
+          "absoluteDirection": "EAST",
+          "stayOn": false,
+          "streetName": "242nd Street Southwest",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 194.04,
+          "lat": 47.7791005,
+          "lon": -122.2898502,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "SOUTH",
+          "stayOn": false,
+          "streetName": "Cedar Way",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 567.32,
+          "lat": 47.7773669,
+          "lon": -122.2900921,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "WEST",
+          "stayOn": false,
+          "streetName": "Northeast 205th Street - 244th Street Southwest",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 27.83,
+          "lat": 47.7774331,
+          "lon": -122.2976837,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTH",
+          "stayOn": false,
+          "streetName": "path",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        }
+      ]
+    },
+    {
+      "fareProducts": [
+        {
+          "id": "3ff3d12d-6747-3b47-842a-92c7bf167015",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 2.75
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 2.75
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1.5
+            },
+            "riderCategory": {
+              "id": "orca:special",
+              "name": "special"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        }
+      ],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": null,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 12180.55,
+      "duration": 2112,
+      "endTime": 1685142540000,
+      "mode": "BUS",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685140428000,
+      "transitLeg": true,
+      "accessibilityScore": null,
+      "trip": {
+        "id": "VHJpcDprY206NTQxNDgwODUz",
+        "gtfsId": "kcm:541480853",
+        "tripHeadsign": "Northgate Station Ridgecrest"
+      },
+      "agency": {
+        "name": "Metro Transit",
+        "id": "QWdlbmN5OmtjbTox",
+        "timezone": "America/Los_Angeles",
+        "url": "https://kingcounty.gov/en/dept/metro",
+        "alerts": []
+      },
+      "legGeometry": {
+        "length": 262,
+        "points": "oqrbH~fmiVp@??fEC|DCjE?fN?h@??AfEAvCAxA@n@AdCAhD?tAAtCA~@???hDAfF?bBAn@???ZA`A?`@Av@Ax@AhB?R@NBNFLLPVXN@T?R?l@A??fCGnCEzBE??hBErAApIM??nGKX?R?L?N@XFLBFBJ@LFLHPHPJTNXV^ZTPRRrAl@F@??d@Jb@DT?TCxCIVCl@Ab@CTEHCTGNGTKb@Sp@c@TINIPC??FCPEVAVAV?b@?V@^A\\IZEZKf@UrAq@|@a@d@W`@_@f@_@NM??x@m@b@Cz@M\\C^?z@Px@XZPZXn@r@r@f@ZLb@Rb@FZFb@?z@???tA?rF@|I?AjD??CbJA|FA|C??AtBEpOEtOxCC??Z?|BAzEGdECf@???dIEhJG`DE??jAAfFEzCE??J?zA?xACdDE??N?pDCpDE`BCp@A??pFG~CC^A^???fBAbEEvCE\\?X???bCA|@F`E?f@?@mG???C@yGFwO@qG@gF???]DyOtAC??tGAt@???vHEn@???~HE|HA??n@?|G?tC?xA?~D@Z???lI?p@???rHBB?pAC??vGIp@???xHI|@C??|CCt@?ZBRJRNRR`@h@LTpFhI??~@xAbD~E`A|A|AzB\\Z^Vf@Rx@R~CArAC?fB??CvLA|OnA???hDEbFGx@???|DErDAvDA?jB??AfCA`HA~G?pB?P|A?lA?"
+      },
+      "intermediateStops": [
+        {
+          "lat": 47.7775421,
+          "lon": -122.303215,
+          "name": "NE 205th St & 52nd Ave W",
+          "stopCode": "82410",
+          "stopId": "U3RvcDprY206ODI0MTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7775955,
+          "lon": -122.308685,
+          "name": "NE 205th St & 56th Ave W",
+          "stopCode": "82430",
+          "stopId": "U3RvcDprY206ODI0MzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7776146,
+          "lon": -122.311432,
+          "name": "NE 205th St & 58th Pl W",
+          "stopCode": "82440",
+          "stopId": "U3RvcDprY206ODI0NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7768135,
+          "lon": -122.31382,
+          "name": "15th Ave NE & Ballinger Way NE",
+          "stopCode": "77400",
+          "stopId": "U3RvcDprY206Nzc0MDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7747955,
+          "lon": -122.313721,
+          "name": "15th Ave NE & Forest Park Dr NE",
+          "stopCode": "77410",
+          "stopId": "U3RvcDprY206Nzc0MTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7721519,
+          "lon": -122.313614,
+          "name": "15th Ave NE & NE 200th Ct",
+          "stopCode": "77418",
+          "stopId": "U3RvcDprY206Nzc0MTg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.768734,
+          "lon": -122.314636,
+          "name": "15th Ave NE & NE 192nd St",
+          "stopCode": "77940",
+          "stopId": "U3RvcDprY206Nzc5NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7656479,
+          "lon": -122.313995,
+          "name": "15th Ave NE & NE Perkins Way",
+          "stopCode": "77440",
+          "stopId": "U3RvcDprY206Nzc0NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7626801,
+          "lon": -122.312752,
+          "name": "15th Ave NE & 24th Ave NE",
+          "stopCode": "77450",
+          "stopId": "U3RvcDprY206Nzc0NTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7591515,
+          "lon": -122.31356,
+          "name": "15th Ave NE & NE 180th St",
+          "stopCode": "77460",
+          "stopId": "U3RvcDprY206Nzc0NjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7558212,
+          "lon": -122.314339,
+          "name": "NE 175th St & 15th Ave NE",
+          "stopCode": "77738",
+          "stopId": "U3RvcDprY206Nzc3Mzg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7558632,
+          "lon": -122.318176,
+          "name": "NE 175th St & 10th Ave NE",
+          "stopCode": "77737",
+          "stopId": "U3RvcDprY206Nzc3Mzc",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7550964,
+          "lon": -122.324158,
+          "name": "5th Ave NE & NE 174th St",
+          "stopCode": "81246",
+          "stopId": "U3RvcDprY206ODEyNDY",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.752037,
+          "lon": -122.324104,
+          "name": "5th Ave NE & NE 170th St",
+          "stopCode": "81248",
+          "stopId": "U3RvcDprY206ODEyNDg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7477875,
+          "lon": -122.324013,
+          "name": "5th Ave NE & NE 163rd St",
+          "stopCode": "77560",
+          "stopId": "U3RvcDprY206Nzc1NjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7454681,
+          "lon": -122.323944,
+          "name": "5th Ave NE & NE 161st St",
+          "stopCode": "77570",
+          "stopId": "U3RvcDprY206Nzc1NzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7436676,
+          "lon": -122.323883,
+          "name": "5th Ave NE & NE 158th St",
+          "stopCode": "77580",
+          "stopId": "U3RvcDprY206Nzc1ODA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.741066,
+          "lon": -122.323792,
+          "name": "5th Ave NE & NE 155th St",
+          "stopCode": "81252",
+          "stopId": "U3RvcDprY206ODEyNTI",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7387314,
+          "lon": -122.323723,
+          "name": "5th Ave NE & NE 152nd St",
+          "stopCode": "81254",
+          "stopId": "U3RvcDprY206ODEyNTQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7361908,
+          "lon": -122.323654,
+          "name": "5th Ave NE & NE 148th St",
+          "stopCode": "81256",
+          "stopId": "U3RvcDprY206ODEyNTY",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7339783,
+          "lon": -122.322235,
+          "name": "NE 145th St & 6th Ave NE",
+          "stopCode": "82200",
+          "stopId": "U3RvcDprY206ODIyMDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7339096,
+          "lon": -122.315598,
+          "name": "NE 145th St & 12th Ave NE",
+          "stopCode": "82220",
+          "stopId": "U3RvcDprY206ODIyMjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7335167,
+          "lon": -122.312851,
+          "name": "15th Ave NE & NE 145th St",
+          "stopCode": "38830",
+          "stopId": "U3RvcDprY206Mzg4MzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7318573,
+          "lon": -122.31282,
+          "name": "15th Ave NE & NE 143rd St",
+          "stopCode": "38840",
+          "stopId": "U3RvcDprY206Mzg4NDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7300568,
+          "lon": -122.312798,
+          "name": "15th Ave NE & NE 140th St",
+          "stopCode": "38850",
+          "stopId": "U3RvcDprY206Mzg4NTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7268677,
+          "lon": -122.312752,
+          "name": "15th Ave NE & NE 135th St",
+          "stopCode": "38870",
+          "stopId": "U3RvcDprY206Mzg4NzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7228928,
+          "lon": -122.312767,
+          "name": "15th Ave NE & NE 130th St",
+          "stopCode": "38890",
+          "stopId": "U3RvcDprY206Mzg4OTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7209663,
+          "lon": -122.312782,
+          "name": "15th Ave NE & NE 127th St",
+          "stopCode": "38900",
+          "stopId": "U3RvcDprY206Mzg5MDA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7190018,
+          "lon": -122.312767,
+          "name": "15th Ave NE & NE 125th St",
+          "stopCode": "38910",
+          "stopId": "U3RvcDprY206Mzg5MTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.71735,
+          "lon": -122.312714,
+          "name": "15th Ave NE & NE 123rd St",
+          "stopCode": "38920",
+          "stopId": "U3RvcDprY206Mzg5MjA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7154694,
+          "lon": -122.312645,
+          "name": "15th Ave NE & NE 120th St",
+          "stopCode": "38930",
+          "stopId": "U3RvcDprY206Mzg5MzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7125664,
+          "lon": -122.314827,
+          "name": "Pinehurst Way NE & NE 115th St",
+          "stopCode": "38962",
+          "stopId": "U3RvcDprY206Mzg5NjI",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7086334,
+          "lon": -122.318367,
+          "name": "NE Northgate Way & Roosevelt Way NE",
+          "stopCode": "82198",
+          "stopId": "U3RvcDprY206ODIxOTg",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7081947,
+          "lon": -122.323364,
+          "name": "5th Ave NE & NE Northgate Way",
+          "stopCode": "23230",
+          "stopId": "U3RvcDprY206MjMyMzA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7059097,
+          "lon": -122.323296,
+          "name": "5th Ave NE & Northgate Mall",
+          "stopCode": "23250",
+          "stopId": "U3RvcDprY206MjMyNTA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.7032166,
+          "lon": -122.323692,
+          "name": "NE 103rd St & 5th Ave NE",
+          "stopCode": "35290",
+          "stopId": "U3RvcDprY206MzUyOTA",
+          "locationType": "STOP"
+        }
+      ],
+      "route": {
+        "shortName": "347",
+        "longName": null,
+        "color": null,
+        "textColor": null,
+        "id": "Um91dGU6a2NtOjEwMDIwNA",
+        "type": 3,
+        "alerts": []
+      },
+      "from": {
+        "lat": 47.7776833,
+        "lon": -122.297684,
+        "name": "48th Ave W & 244th St SW",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206ODI0MDU",
+          "code": "82405",
+          "gtfsId": "kcm:82405",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.7023087,
+        "lon": -122.328026,
+        "name": "Northgate Station - Bay 4",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206MzUzMTg",
+          "code": "35318",
+          "gtfsId": "kcm:35318",
+          "alerts": []
+        }
+      },
+      "steps": []
+    },
+    {
+      "fareProducts": [],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": false,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 60.87,
+      "duration": 56,
+      "endTime": 1685142596000,
+      "mode": "WALK",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685142540000,
+      "transitLeg": false,
+      "accessibilityScore": null,
+      "trip": null,
+      "agency": null,
+      "legGeometry": {
+        "length": 9,
+        "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B"
+      },
+      "intermediateStops": null,
+      "route": null,
+      "from": {
+        "lat": 47.7023087,
+        "lon": -122.328026,
+        "name": "Northgate Station - Bay 4",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDprY206MzUzMTg",
+          "code": "35318",
+          "gtfsId": "kcm:35318",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.702662,
+        "lon": -122.32832,
+        "name": "Northgate Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo5OTAwMDU",
+          "code": "N11-T1",
+          "gtfsId": "40:990005",
+          "alerts": []
+        }
+      },
+      "steps": [
+        {
+          "distance": 60.87,
+          "lat": 47.7023088,
+          "lon": -122.3280018,
+          "relativeDirection": "DEPART",
+          "absoluteDirection": "NORTH",
+          "stayOn": false,
+          "streetName": "path",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        }
+      ]
+    },
+    {
+      "fareProducts": [
+        {
+          "id": "0f76bb4a-7491-34b9-95ce-5d6f4e6b4d53",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 3
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0.25
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "75fef4dc-142b-3589-ac62-d484f5b41143",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 2.75
+            },
+            "riderCategory": {
+              "id": "orca:regular",
+              "name": "regular"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:special",
+              "name": "special"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1.5
+            },
+            "riderCategory": {
+              "id": "orca:special",
+              "name": "special"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:youth",
+              "name": "youth"
+            },
+            "medium": {
+              "id": "orca:cash",
+              "name": "cash"
+            }
+          }
+        },
+        {
+          "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 0
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        },
+        {
+          "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              },
+              "amount": 1
+            },
+            "riderCategory": {
+              "id": "orca:senior",
+              "name": "senior"
+            },
+            "medium": {
+              "id": "orca:electronic",
+              "name": "electronic"
+            }
+          }
+        }
+      ],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": null,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 23087.2,
+      "duration": 2220,
+      "endTime": 1685145000000,
+      "mode": "TRAM",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685142780000,
+      "transitLeg": true,
+      "accessibilityScore": null,
+      "trip": {
+        "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
+        "gtfsId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
+        "tripHeadsign": "Angle Lake"
+      },
+      "agency": {
+        "name": "Sound Transit",
+        "id": "QWdlbmN5OjQwOjQw",
+        "timezone": "America/Los_Angeles",
+        "url": "https://www.soundtransit.org",
+        "alerts": []
+      },
+      "legGeometry": {
+        "length": 509,
+        "points": "s|cbHhgsiVJ?dA?pAApA@nAHnANnALnANnALnALpAFnABpACpAGnAKr@G^CnAKpAEnA?pA@pA?nA@pA@pA@nA@pA@pA?nACpAKlASlAWjA]fAc@fAi@`Ak@`Aq@z@u@z@w@v@{@r@{@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@_Ar@}@r@}@r@}@v@{@x@w@~@s@bAk@fAe@hA_@nAWnAMnACpAApAAnA?V???x@ApACnAGnAKpAMnAMnAKnAMnAMnAMnAMpAKnAMnAMnAMnAKnAMnAMpAMnAKnAMnAMnAMnAMnAKpAMnAKnAIpAInAEpAGnACpAApAApA?nA?pA@pA@nABpA@h@???f@@nAAnAQfAc@~@q@v@{@j@cAd@gAZkARmANoAJqAJoAHoAJqAJoAJoALoALoARoATmAZkA^kA`@iAf@eAj@cAp@aAt@{@x@w@~@q@dAk@hAa@jAYnAOpAEnAApAApAAnAApAAbDAb@Cb@???H?p@Ar@?|FGx@?hA?rA@pADzAHtAHrALrARrAPzAV`BZxA^`Bd@rBn@|Aj@lBx@lBz@|Ax@fB`AhBlAbBlAfE`DrB~Avh@da@bHlFbDdCjEfDdK~HrB~A~@r@n@d@bAh@|@d@jAd@jA^tAVpAR~@HfADtA?n@A????vFC~A?x@?|@HbAPbAZbA`@x@b@dAz@v@r@~@jAr@dAp@rAd@fA`@jAd@bBZxAVbBRfBH~AFtA@|AAdBGpAIzAOdBWzASxAKx@Ix@?f@?n@@l@Dr@Jx@Hf@Jh@JZjAnDb@tAhBzFXvAhB|FnBlG??@?FTj@fABBRh@PVNRLHLDR@N?VGXMNInJoIlC_Cp@o@RQ????t@s@lCaC|GcGnCcClCaC\\[nBgBlBgB@???VUVURWVc@Xe@PYpBeDx@sAx@mAV_@TQ\\Sp@MzCA|FF@@??N@RFNFN@LB~BCF?D?fCAF?N?NCN?NALAHCJAJAHCNEPC^KxDeAxCy@NGJAJCJALAL?h@CrC???nHBrB?V?X@R@VBn@HVDP@T@z@?b@?z@?vp@B??@?zG?L?N?JCF?JAHEDABCF?@CDABCDCBCBEDCBEBCBGBEBC@EBGBEBG@E@E@GBE@G@E?CBM?IBI@K?I?SDeAFeBBqAJ_D@q@@o@?y@?s@?qAAgI@y@@o@Ds@JiBXkE@s@Bm@?{@Aw@Ey@Gy@Gg@Gi@Ie@Ke@UaAoDiNa@aBc@kBkAwF???AoAcGKg@Ii@Ge@Gg@Ee@Ek@Am@Ak@Ak@@k@Bg@Bk@@e@Dk@Fc@Hk@Js@Rw@zDsPNs@Lm@RqAPqAHgAf@kHLiBDc@BWFWDUFUHUJUJULUJONSNKPQtCmB??~BcBb@Ud@STEVGVCVA^?pHDvOFjLCx@?pDH`@Bb@Cb@?^Ib@G^I\\M\\O\\Qhg@oX~@e@????|L{GjDgB|@c@f@QtE_BpAe@lO}FbJkDdQwGrFyBt[{LnSqI?A"
+      },
+      "intermediateStops": [
+        {
+          "lat": 47.676107,
+          "lon": -122.316041,
+          "name": "Roosevelt Station",
+          "stopCode": "N09-T1",
+          "stopId": "U3RvcDo0MDo5OTAwMDM",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.659875,
+          "lon": -122.314194,
+          "name": "U District Station",
+          "stopCode": "N07-T1",
+          "stopId": "U3RvcDo0MDo5OTAwMDE",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.649349,
+          "lon": -122.303795,
+          "name": "Univ of Washington Station",
+          "stopCode": "N05-T1",
+          "stopId": "U3RvcDo0MDo5OTYwNA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.61956,
+          "lon": -122.320389,
+          "name": "Capitol Hill Station",
+          "stopCode": "N03-T1",
+          "stopId": "U3RvcDo0MDo5OTYxMA",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.61145,
+          "lon": -122.337532,
+          "name": "Westlake Station",
+          "stopCode": "C03-T1",
+          "stopId": "U3RvcDo0MDoxMTA4",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.607246,
+          "lon": -122.335754,
+          "name": "University St Station",
+          "stopCode": "C05-T1",
+          "stopId": "U3RvcDo0MDo0NTU",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.602139,
+          "lon": -122.331055,
+          "name": "Pioneer Square Station",
+          "stopCode": "C07-T1",
+          "stopId": "U3RvcDo0MDo1MDE",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.59766,
+          "lon": -122.328217,
+          "name": "Int'l Dist/Chinatown Station",
+          "stopCode": "C09-T1",
+          "stopId": "U3RvcDo0MDo2MjM",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.591824,
+          "lon": -122.327354,
+          "name": "Stadium Station",
+          "stopCode": "C13-T1",
+          "stopId": "U3RvcDo0MDo5OTEwMQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.579952,
+          "lon": -122.327522,
+          "name": "SODO Station",
+          "stopCode": "C15-T1",
+          "stopId": "U3RvcDo0MDo5OTExMQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.579124,
+          "lon": -122.311279,
+          "name": "Beacon Hill Station",
+          "stopCode": "C19-T1",
+          "stopId": "U3RvcDo0MDo5OTEyMQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.576439,
+          "lon": -122.297737,
+          "name": "Mount Baker Station",
+          "stopCode": "C23-T1",
+          "stopId": "U3RvcDo0MDo1NTk0OQ",
+          "locationType": "STOP"
+        },
+        {
+          "lat": 47.559025,
+          "lon": -122.292389,
+          "name": "Columbia City Station",
+          "stopCode": "C25-T1",
+          "stopId": "U3RvcDo0MDo1NjAzOQ",
+          "locationType": "STOP"
+        }
+      ],
+      "route": {
+        "shortName": "1-Line",
+        "longName": "Northgate - Angle Lake",
+        "color": "28813F",
+        "textColor": "FFFFFF",
+        "id": "Um91dGU6NDA6MTAwNDc5",
+        "type": 0,
+        "alerts": []
+      },
+      "from": {
+        "lat": 47.702662,
+        "lon": -122.32832,
+        "name": "Northgate Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo5OTAwMDU",
+          "code": "N11-T1",
+          "gtfsId": "40:990005",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.537529,
+        "lon": -122.281471,
+        "name": "Othello Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo1NjE1OQ",
+          "code": "C27-T1",
+          "gtfsId": "40:56159",
+          "alerts": []
+        }
+      },
+      "steps": []
+    },
+    {
+      "fareProducts": [],
+      "pickupType": "SCHEDULED",
+      "dropoffType": "SCHEDULED",
+      "pickupBookingInfo": null,
+      "rentedBike": false,
+      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "arrivalDelay": 0,
+      "distance": 2167.47,
+      "duration": 1739,
+      "endTime": 1685146739000,
+      "mode": "WALK",
+      "realTime": false,
+      "realtimeState": null,
+      "startTime": 1685145000000,
+      "transitLeg": false,
+      "accessibilityScore": null,
+      "trip": null,
+      "agency": null,
+      "legGeometry": {
+        "length": 135,
+        "points": "otcaHfbjiV?BXMF\\\\??fC?NJ?@|@BbC?R?TAB?|A?t@@f@?L@B?V?TA@@D?D?vA?h@?X?TAXCXANCPCPKd@ERCLCH@@HFLJ@@@?@@@@B@F?F?D?DAENDAHCFCFNPTDBD?RIl@Wb@Qn@c@h@[ZONGPCD?LEFAL@Ad@@vF?pAApA?nH@\\@J@DBPJLEFIFI^ENQf@EBCFHJP^BL@J@PAhFA|A?bAArB?hA@JBFDDDHl@b@RHTFXD\\@P@PCjB[hB[h@M`A]lAk@vBoAlAu@h@YLCPAJ@J@LFLHHJHJFNHTv@dGFb@@NK@KCOCM@{Ad@e@F_@LM@"
+      },
+      "intermediateStops": null,
+      "route": null,
+      "from": {
+        "lat": 47.537529,
+        "lon": -122.281471,
+        "name": "Othello Station",
+        "vertexType": "TRANSIT",
+        "rentalVehicle": null,
+        "stop": {
+          "id": "U3RvcDo0MDo1NjE1OQ",
+          "code": "C27-T1",
+          "gtfsId": "40:56159",
+          "alerts": []
+        }
+      },
+      "to": {
+        "lat": 47.5312889,
+        "lon": -122.2958113,
+        "name": "New Light Christian Church, Seattle, WA, USA",
+        "vertexType": "NORMAL",
+        "rentalVehicle": null,
+        "stop": null
+      },
+      "steps": [
+        {
+          "distance": 14.92,
+          "lat": 47.5375246,
+          "lon": -122.2814907,
+          "relativeDirection": "DEPART",
+          "absoluteDirection": "SOUTH",
+          "stayOn": false,
+          "streetName": "Martin Luther King Junior Way South",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 12.32,
+          "lat": 47.5373972,
+          "lon": -122.2814286,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "SOUTHWEST",
+          "stayOn": false,
+          "streetName": "service road",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 79.38,
+          "lat": 47.537352,
+          "lon": -122.2815784,
+          "relativeDirection": "LEFT",
+          "absoluteDirection": "SOUTH",
+          "stayOn": true,
+          "streetName": "parking aisle",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 186.19,
+          "lat": 47.5371499,
+          "lon": -122.2823392,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "WEST",
+          "stayOn": true,
+          "streetName": "sidewalk",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 185.66,
+          "lat": 47.5371051,
+          "lon": -122.2847952,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTHWEST",
+          "stayOn": true,
+          "streetName": "sidewalk",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 223.22,
+          "lat": 47.5369894,
+          "lon": -122.2868292,
+          "relativeDirection": "HARD_RIGHT",
+          "absoluteDirection": "NORTHWEST",
+          "stayOn": true,
+          "streetName": "path",
+          "area": false,
+          "alerts": [null],
+          "elevationProfile": []
+        },
+        {
+          "distance": 316.7,
+          "lat": 47.535227,
+          "lon": -122.2863141,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "WEST",
+          "stayOn": false,
+          "streetName": "South Webster Street",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 55.15,
+          "lat": 47.5351293,
+          "lon": -122.2904874,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTHWEST",
+          "stayOn": false,
+          "streetName": "path",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 259.82,
+          "lat": 47.5354239,
+          "lon": -122.2910651,
+          "relativeDirection": "LEFT",
+          "absoluteDirection": "SOUTHWEST",
+          "stayOn": false,
+          "streetName": "South Webster Street",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 57.96,
+          "lat": 47.5352763,
+          "lon": -122.2944348,
+          "relativeDirection": "SLIGHTLY_LEFT",
+          "absoluteDirection": "SOUTHWEST",
+          "stayOn": false,
+          "streetName": "29th Avenue South",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 644.09,
+          "lat": 47.5348545,
+          "lon": -122.2948441,
+          "relativeDirection": "CONTINUE",
+          "absoluteDirection": "SOUTH",
+          "stayOn": false,
+          "streetName": "Military Road South",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        },
+        {
+          "distance": 132.1,
+          "lat": 47.5301402,
+          "lon": -122.2953592,
+          "relativeDirection": "RIGHT",
+          "absoluteDirection": "NORTH",
+          "stayOn": false,
+          "streetName": "service road",
+          "area": false,
+          "alerts": [],
+          "elevationProfile": []
+        }
+      ]
+    }
+  ]
+}
diff --git a/packages/itinerary-body/src/__mocks__/itineraries/otp2-with-fareproducts.json b/packages/itinerary-body/src/__mocks__/itineraries/otp2-with-fareproducts.json
index 177302f1b..5fb61c392 100644
--- a/packages/itinerary-body/src/__mocks__/itineraries/otp2-with-fareproducts.json
+++ b/packages/itinerary-body/src/__mocks__/itineraries/otp2-with-fareproducts.json
@@ -1,1130 +1,1492 @@
 {
-  "duration": 3583,
-  "startTime": 1674505485000,
-  "endTime": 1674509068000,
-  "walkTime": 930,
-  "transitTime": 2340,
-  "waitingTime": 313,
-  "walkDistance": 1157.33,
-  "walkLimitExceeded": false,
-  "generalizedCost": 5616,
-  "elevationLost": 0,
-  "elevationGained": 0,
-  "transfers": 1,
-  "fare": {
-    "fare": {
-      "senior": {
-        "cents": 225,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
-        }
+  "accessibilityScore": null,
+  "duration": 5710,
+  "endTime": 1686626346000,
+  "legs": [
+    {
+      "accessibilityScore": null,
+      "fareProducts": [],
+      "agency": null,
+      "arrivalDelay": 0,
+      "departureDelay": 0,
+      "distance": 1563.5,
+      "dropoffType": "SCHEDULED",
+      "duration": 1264,
+      "endTime": 1686621900000,
+      "from": {
+        "lat": 47.8308509,
+        "lon": -122.3177839,
+        "name": "47.83085, -122.31778",
+        "rentalVehicle": null,
+        "stop": null,
+        "vertexType": "NORMAL"
       },
-      "electronicSpecial": {
-        "cents": 150,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
-        }
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": null,
+      "legGeometry": {
+        "length": 49,
+        "points": "e~|bHdeqiV@xJpA?~A?H?|A?n@@jC@N?L?xAAdDCrB@bA?pDAL?rBA~@AhD?xBCV?|@?t@?d@@X?Z?V?H@V?T?J?N??U@sA?{@?c@@Q?}@@qBF?DkF?WBmC@IDI@CL@\\V@A"
       },
-      "electronicSenior": {
-        "cents": 125,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
+      "mode": "WALK",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": false,
+      "route": null,
+      "startTime": 1686620636000,
+      "steps": [
+        {
+          "absoluteDirection": "WEST",
+          "alerts": [],
+          "area": false,
+          "distance": 141.18,
+          "elevationProfile": [],
+          "lat": 47.8309108,
+          "lon": -122.3177846,
+          "relativeDirection": "DEPART",
+          "stayOn": false,
+          "streetName": "185th Place Southwest"
+        },
+        {
+          "absoluteDirection": "SOUTH",
+          "alerts": [],
+          "area": false,
+          "distance": 1080.61,
+          "elevationProfile": [],
+          "lat": 47.830901,
+          "lon": -122.3196758,
+          "relativeDirection": "LEFT",
+          "stayOn": false,
+          "streetName": "64th Avenue West"
+        },
+        {
+          "absoluteDirection": "EAST",
+          "alerts": [],
+          "area": false,
+          "distance": 148.37,
+          "elevationProfile": [],
+          "lat": 47.8211832,
+          "lon": -122.3196493,
+          "relativeDirection": "LEFT",
+          "stayOn": false,
+          "streetName": "196th Street Southwest"
+        },
+        {
+          "absoluteDirection": "SOUTH",
+          "alerts": [],
+          "area": false,
+          "distance": 5.26,
+          "elevationProfile": [],
+          "lat": 47.8211587,
+          "lon": -122.3176623,
+          "relativeDirection": "RIGHT",
+          "stayOn": false,
+          "streetName": "service road"
+        },
+        {
+          "absoluteDirection": "EAST",
+          "alerts": [],
+          "area": false,
+          "distance": 188.06,
+          "elevationProfile": [],
+          "lat": 47.8211115,
+          "lon": -122.3176665,
+          "relativeDirection": "LEFT",
+          "stayOn": true,
+          "streetName": "sidewalk"
         }
+      ],
+      "to": {
+        "lat": 47.820787,
+        "lon": -122.315656,
+        "name": "Crossroads SB Station at 196th St SW",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "2764",
+          "gtfsId": "CommTrans:2764",
+          "id": "U3RvcDpDb21tVHJhbnM6Mjc2NA"
+        },
+        "vertexType": "TRANSIT"
       },
-      "electronicYouth": {
-        "cents": 0,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
+      "transitLeg": false,
+      "trip": null
+    },
+    {
+      "accessibilityScore": null,
+      "fareProducts": [
+        {
+          "id": "ea135a2b-9d68-3a39-904c-9e60a8688e9c",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 1.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "5134f5c4-6055-3250-977c-62c1c7611a44",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 0,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "youth",
+              "id": "orca:youth"
+            },
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
+            }
+          }
+        },
+        {
+          "id": "c3cd5fea-fc52-3368-85e5-97ac250cdba3",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 1.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "special",
+              "id": "orca:special"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "6a93fabf-1515-3f43-af14-f8803568504c",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 2.5,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
+            },
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
+            }
+          }
+        },
+        {
+          "id": "095bed9e-c459-361e-bc5a-b944196874b6",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 0,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "youth",
+              "id": "orca:youth"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "2505a198-c406-3ebd-aa77-ac2b8094bcc8",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 2.5,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "8b25f594-46f2-3d5e-ae92-ac7f28d8b043",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 1.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
+            },
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
+            }
+          }
         }
+      ],
+      "agency": {
+        "alerts": [],
+        "id": "QWdlbmN5OkNvbW1UcmFuczoyOQ",
+        "name": "Community Transit",
+        "timezone": "America/Los_Angeles",
+        "url": "http://www.communitytransit.org/"
       },
-      "electronicRegular": {
-        "cents": 250,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
-        }
+      "arrivalDelay": 0,
+      "departureDelay": 0,
+      "distance": 6117.26,
+      "dropoffType": "SCHEDULED",
+      "duration": 1140,
+      "endTime": 1686623040000,
+      "from": {
+        "lat": 47.820787,
+        "lon": -122.315656,
+        "name": "Crossroads SB Station at 196th St SW",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "2764",
+          "gtfsId": "CommTrans:2764",
+          "id": "U3RvcDpDb21tVHJhbnM6Mjc2NA"
+        },
+        "vertexType": "TRANSIT"
       },
-      "youth": {
-        "cents": 0,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": [
+        {
+          "lat": 47.813736,
+          "locationType": "STOP",
+          "lon": -122.321744,
+          "name": "College SB Station at 204th St SW",
+          "stopCode": "2760",
+          "stopId": "U3RvcDpDb21tVHJhbnM6Mjc2MA"
+        },
+        {
+          "lat": 47.802879,
+          "locationType": "STOP",
+          "lon": -122.329612,
+          "name": "216th St SW SB Station",
+          "stopCode": "2754",
+          "stopId": "U3RvcDpDb21tVHJhbnM6Mjc1NA"
+        },
+        {
+          "lat": 47.782854,
+          "locationType": "STOP",
+          "lon": -122.344036,
+          "name": "238th St SW SB Station",
+          "stopCode": "2748",
+          "stopId": "U3RvcDpDb21tVHJhbnM6Mjc0OA"
         }
+      ],
+      "legGeometry": {
+        "length": 272,
+        "points": "o~zbH|vpiVv@n@LJh@b@dA|@TPHFXT|@t@ZVPNl@f@f@`@LJ`@Zl@h@n@h@t@l@\\VlB~Ab@^f@`@VTNLNJnAbArAhATR\\XHF\\XLJf@`@LJTRzAnAf@^RNHF??DBNJ`@ZLHh@`@JHRLf@\\LHdAp@PLf@Zr@d@PJv@f@HFb@XXRrAz@`@Vv@f@\\TXRLHLHLHJFn@b@LHJHb@Xp@b@NJfAp@HF\\TRLl@^\\TTN\\Td@XXPv@f@xA`Aj@^PJn@b@p@b@TN|BxADBLHb@ZTNHFl@^HFVNXP\\T^Th@\\\\TfAt@FD??p@b@HF`@VNHTNZRj@^d@ZjAv@bAn@bAn@FDxBvAt@d@bAn@JFNJNHvA~@hAt@t@d@NJ^T`@VTNXPn@b@r@f@LHHF|@j@ZTv@f@vA|@NJVNZRd@Zb@XTNXPf@\\TLb@XdAr@zA`ARLj@`@PLh@\\VNf@\\hAt@RLTLTNTNLHLHRLPLTNdAp@h@\\xA~@b@XLHZR~@l@^V`BdANJd@Z`An@VNZR^V\\TZRjBjAfAr@d@Z`GxD^VXPNJh@Zt@d@z@j@b@XJHlAv@`Al@VPFD??LHZRTNPLHFJHNJNLPLLJ\\VLJt@l@b@\\RP`@Z\\VXRXPd@VPJTJRHPFZJVHXHVFPDRD`@FXB\\@X@^?T?hAEz@GdAILA|@Eb@ANAjACr@Cr@AX?R?P?VAX?l@?T?f@?T?|AAH?BqBAg@?{A?m@?c@?iB?u@?yCe@?Eu@Fw@?sF"
       },
-      "regular": {
-        "cents": 250,
-        "currency": {
-          "currency": "USD",
-          "defaultFractionDigits": 2,
-          "currencyCode": "USD",
-          "symbol": "$"
-        }
+      "mode": "BUS",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": null,
+      "route": {
+        "alerts": [],
+        "color": "006aff",
+        "id": "Um91dGU6Q29tbVRyYW5zOjcwMQ",
+        "longName": "Everett - Aurora Village",
+        "shortName": "Swift Blue",
+        "textColor": "ffffff",
+        "type": 3
+      },
+      "startTime": 1686621900000,
+      "steps": [],
+      "to": {
+        "lat": 47.774297,
+        "lon": -122.341069,
+        "name": "Aurora Village Station",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "2742",
+          "gtfsId": "CommTrans:2742",
+          "id": "U3RvcDpDb21tVHJhbnM6Mjc0Mg"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "transitLeg": true,
+      "trip": {
+        "gtfsId": "CommTrans:11084840__MCOB-DO:123:0:Weekday:1:23MAR:67020:12345",
+        "id": "VHJpcDpDb21tVHJhbnM6MTEwODQ4NDBfX01DT0ItRE86MTIzOjA6V2Vla2RheToxOjIzTUFSOjY3MDIwOjEyMzQ1",
+        "tripHeadsign": "Aurora Village"
       }
     },
-    "details": {
-      "senior": [],
-      "electronicSpecial": [],
-      "electronicSenior": [],
-      "electronicYouth": [],
-      "electronicRegular": [],
-      "youth": [],
-      "regular": []
+    {
+      "accessibilityScore": null,
+      "fareProducts": [],
+      "agency": null,
+      "arrivalDelay": 0,
+      "departureDelay": 0,
+      "distance": 138.12,
+      "dropoffType": "SCHEDULED",
+      "duration": 131,
+      "endTime": 1686623171000,
+      "from": {
+        "lat": 47.774297,
+        "lon": -122.341069,
+        "name": "Aurora Village Station",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "2742",
+          "gtfsId": "CommTrans:2742",
+          "id": "U3RvcDpDb21tVHJhbnM6Mjc0Mg"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": null,
+      "legGeometry": {
+        "length": 15,
+        "points": "i|qbHtvuiVE??t@?zBJ??tB@L@C?A@C?C?ACI?O@?"
+      },
+      "mode": "WALK",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": false,
+      "route": null,
+      "startTime": 1686623040000,
+      "steps": [
+        {
+          "absoluteDirection": "WEST",
+          "alerts": [],
+          "area": false,
+          "distance": 65.97,
+          "elevationProfile": [],
+          "lat": 47.7743217,
+          "lon": -122.3410691,
+          "relativeDirection": "DEPART",
+          "stayOn": false,
+          "streetName": "open area"
+        },
+        {
+          "absoluteDirection": "SOUTH",
+          "alerts": [],
+          "area": false,
+          "distance": 6.04,
+          "elevationProfile": [],
+          "lat": 47.774323,
+          "lon": -122.341952,
+          "relativeDirection": "LEFT",
+          "stayOn": true,
+          "streetName": "path"
+        },
+        {
+          "absoluteDirection": "WEST",
+          "alerts": [],
+          "area": false,
+          "distance": 49.38,
+          "elevationProfile": [],
+          "lat": 47.7742687,
+          "lon": -122.3419519,
+          "relativeDirection": "RIGHT",
+          "stayOn": true,
+          "streetName": "sidewalk"
+        },
+        {
+          "absoluteDirection": "SOUTHEAST",
+          "alerts": [],
+          "area": true,
+          "distance": 16.73,
+          "elevationProfile": [],
+          "lat": 47.7742565,
+          "lon": -122.3426111,
+          "relativeDirection": "HARD_LEFT",
+          "stayOn": true,
+          "streetName": "open area"
+        }
+      ],
+      "to": {
+        "lat": 47.7742424,
+        "lon": -122.342407,
+        "name": "Aurora Village Transit Center - Bay 10",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "16100",
+          "gtfsId": "kcm:16100",
+          "id": "U3RvcDprY206MTYxMDA"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "transitLeg": false,
+      "trip": null
     },
-    "legProducts": [
-      {
-        "legIndices": [1],
-        "products": [
-          {
-            "id": "orcaFares:farePayment",
+    {
+      "accessibilityScore": null,
+      "fareProducts": [
+        {
+          "id": "ca24dfed-196e-38f8-941e-88de142005df",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 0,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "e4c53703-37ce-3cc2-851f-3db7f40882d8",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 1.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "2f8986c1-2552-345a-a020-57506f70838f",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 0,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "youth",
+              "id": "orca:youth"
+            },
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
+            }
+          }
+        },
+        {
+          "id": "2d3b06e8-6521-338e-b674-f8ce3c09d1ed",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 0.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "special",
+              "id": "orca:special"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "6b5bae4b-d495-3133-9924-f199ef1f1a72",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 1.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "special",
+              "id": "orca:special"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "f87203f1-9dba-3dd0-90c0-18cc2ed361a2",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 0,
+            "price": {
+              "amount": 2.75,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "youth"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "c58a11c1-00d2-3093-bada-28543482a861",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 125,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "cash"
+            "riderCategory": {
+              "name": "youth",
+              "id": "orca:youth"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "senior"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "65becef9-10d7-3e6c-8a6b-f8037ae57aec",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 0,
+            "price": {
+              "amount": 0.25,
+              "currency": {
+                "code": "USD",
+                "digits": 2
+              }
+            },
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
+            },
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
+            }
+          }
+        },
+        {
+          "id": "6e098f71-365a-3540-af1a-398a083028de",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 2.5,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "cash"
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "youth"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "5ba0d2b6-2539-36ad-b808-85ba1957e260",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 125,
+            "price": {
+              "amount": 1,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "special"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        }
+      ],
+      "agency": {
+        "alerts": [],
+        "id": "QWdlbmN5OmtjbTox",
+        "name": "Metro Transit",
+        "timezone": "America/Los_Angeles",
+        "url": "https://kingcounty.gov/en/dept/metro"
+      },
+      "arrivalDelay": 0,
+      "departureDelay": 0,
+      "distance": 9663.15,
+      "dropoffType": "SCHEDULED",
+      "duration": 1260,
+      "endTime": 1686624720000,
+      "from": {
+        "lat": 47.7742424,
+        "lon": -122.342407,
+        "name": "Aurora Village Transit Center - Bay 10",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "16100",
+          "gtfsId": "kcm:16100",
+          "id": "U3RvcDprY206MTYxMDA"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": [
+        {
+          "lat": 47.7737427,
+          "locationType": "STOP",
+          "lon": -122.346207,
+          "name": "Aurora Ave N & N 200th St",
+          "stopCode": "75700",
+          "stopId": "U3RvcDprY206NzU3MDA"
+        },
+        {
+          "lat": 47.7672043,
+          "locationType": "STOP",
+          "lon": -122.3461,
+          "name": "Aurora Ave N & N 192nd St",
+          "stopCode": "75730",
+          "stopId": "U3RvcDprY206NzU3MzA"
+        },
+        {
+          "lat": 47.7628479,
+          "locationType": "STOP",
+          "lon": -122.346184,
+          "name": "Aurora Ave N & N 185th St",
+          "stopCode": "75740",
+          "stopId": "U3RvcDprY206NzU3NDA"
+        },
+        {
+          "lat": 47.7594452,
+          "locationType": "STOP",
+          "lon": -122.346237,
+          "name": "Aurora Ave N & N 180th St",
+          "stopCode": "75750",
+          "stopId": "U3RvcDprY206NzU3NTA"
+        },
+        {
+          "lat": 47.7552986,
+          "locationType": "STOP",
+          "lon": -122.345856,
+          "name": "Aurora Ave N & N 175th St",
+          "stopCode": "75760",
+          "stopId": "U3RvcDprY206NzU3NjA"
+        },
+        {
+          "lat": 47.7520294,
+          "locationType": "STOP",
+          "lon": -122.345741,
+          "name": "Aurora Ave N & N 170th St",
+          "stopCode": "75770",
+          "stopId": "U3RvcDprY206NzU3NzA"
+        },
+        {
+          "lat": 47.7483559,
+          "locationType": "STOP",
+          "lon": -122.345688,
+          "name": "Aurora Ave N & N 165th St",
+          "stopCode": "75780",
+          "stopId": "U3RvcDprY206NzU3ODA"
+        },
+        {
+          "lat": 47.7446899,
+          "locationType": "STOP",
+          "lon": -122.34565,
+          "name": "Aurora Ave N & N 160th St",
+          "stopCode": "75790",
+          "stopId": "U3RvcDprY206NzU3OTA"
+        },
+        {
+          "lat": 47.7408867,
+          "locationType": "STOP",
+          "lon": -122.345497,
+          "name": "Aurora Ave N & N 155th St",
+          "stopCode": "75800",
+          "stopId": "U3RvcDprY206NzU4MDA"
+        },
+        {
+          "lat": 47.7386818,
+          "locationType": "STOP",
+          "lon": -122.345428,
+          "name": "Aurora Ave N & N 152nd St",
+          "stopCode": "75810",
+          "stopId": "U3RvcDprY206NzU4MTA"
+        },
+        {
+          "lat": 47.7335701,
+          "locationType": "STOP",
+          "lon": -122.345268,
+          "name": "Aurora Ave N & N 145th St",
+          "stopCode": "6950",
+          "stopId": "U3RvcDprY206Njk1MA"
+        },
+        {
+          "lat": 47.726429,
+          "locationType": "STOP",
+          "lon": -122.3451,
+          "name": "Aurora Ave N & N 135th St",
+          "stopCode": "6990",
+          "stopId": "U3RvcDprY206Njk5MA"
+        },
+        {
+          "lat": 47.7229614,
+          "locationType": "STOP",
+          "lon": -122.345078,
+          "name": "Aurora Ave N & N 130th St",
+          "stopCode": "7000",
+          "stopId": "U3RvcDprY206NzAwMA"
+        },
+        {
+          "lat": 47.719902,
+          "locationType": "STOP",
+          "lon": -122.345047,
+          "name": "Aurora Ave N & N 125th St",
+          "stopCode": "7010",
+          "stopId": "U3RvcDprY206NzAxMA"
+        },
+        {
+          "lat": 47.7119751,
+          "locationType": "STOP",
+          "lon": -122.34491,
+          "name": "Aurora Ave N & N 115th St",
+          "stopCode": "7040",
+          "stopId": "U3RvcDprY206NzA0MA"
+        },
+        {
+          "lat": 47.7046356,
+          "locationType": "STOP",
+          "lon": -122.344856,
+          "name": "Aurora Ave N & N 105th St",
+          "stopCode": "7080",
+          "stopId": "U3RvcDprY206NzA4MA"
+        },
+        {
+          "lat": 47.701088,
+          "locationType": "STOP",
+          "lon": -122.34481,
+          "name": "Aurora Ave N & N 100th St",
+          "stopCode": "7100",
+          "stopId": "U3RvcDprY206NzEwMA"
+        },
+        {
+          "lat": 47.6974945,
+          "locationType": "STOP",
+          "lon": -122.344704,
+          "name": "Aurora Ave N & N 95th St",
+          "stopCode": "7120",
+          "stopId": "U3RvcDprY206NzEyMA"
+        },
+        {
+          "lat": 47.6939621,
+          "locationType": "STOP",
+          "lon": -122.344734,
+          "name": "Aurora Ave N & N 90th St",
+          "stopCode": "7140",
+          "stopId": "U3RvcDprY206NzE0MA"
+        }
+      ],
+      "legGeometry": {
+        "length": 168,
+        "points": "q{qbH`_viV?`AB~R?b@\\Cr@???dB?rBE~@A`HA|IElGArBC??f@?`DBpA?fB?pA@r@BhDBdB@lA???~@BbDDr@?|BBxAB|@?v@?PCb@?HA??v@AtAIjBInBGn@AvAGhES~BM??TA`AE`AA`B?hACbDCfB?|@C??v@AxDCnAAhA?bB?pA?xAA`AA??l@?n@?r@?|@CxAAj@?pB@vA?vB?dAA??|CEv@?fAE`CIhA?~CEnBC??~JIt@A??vBEz@AZCrAApAEfBEvFCvDCrBA??d@?RM~DA|FAlB?hJCfJGxA???pB?~EAlHCt@???dCArD?THxBAJKlCA??bA?r]OJL`HELMxCCbA???jPIbFAlFA|@CjBALLpDCrAA??|@?nCAnC?pCCnC?dAA??nB?`DCRItDC\\?rC?~@???pACpC?pCArA?NHh@?pCCj@???bB?jA?JKx@?fAAhA?~A?LH`@?pCAfC?"
+      },
+      "mode": "BUS",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": null,
+      "route": {
+        "alerts": [],
+        "color": null,
+        "id": "Um91dGU6a2NtOjEwMjYxNQ",
+        "longName": null,
+        "shortName": "E Line",
+        "textColor": null,
+        "type": 3
+      },
+      "startTime": 1686623460000,
+      "steps": [],
+      "to": {
+        "lat": 47.6898766,
+        "lon": -122.344681,
+        "name": "Aurora Ave N & N 85th St",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "7160",
+          "gtfsId": "kcm:7160",
+          "id": "U3RvcDprY206NzE2MA"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "transitLeg": true,
+      "trip": {
+        "gtfsId": "kcm:585679864",
+        "id": "VHJpcDprY206NTg1Njc5ODY0",
+        "tripHeadsign": "Downtown Seattle"
+      }
+    },
+    {
+      "accessibilityScore": null,
+      "fareProducts": [],
+      "agency": null,
+      "arrivalDelay": 0,
+      "departureDelay": 0,
+      "distance": 69.62,
+      "dropoffType": "SCHEDULED",
+      "duration": 62,
+      "endTime": 1686624782000,
+      "from": {
+        "lat": 47.6898766,
+        "lon": -122.344681,
+        "name": "Aurora Ave N & N 85th St",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "7160",
+          "gtfsId": "kcm:7160",
+          "id": "U3RvcDprY206NzE2MA"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": null,
+      "legGeometry": {
+        "length": 19,
+        "points": "ulabHhmviV?BE?AAS?A@W?AAM?G?E?I?M?C?A@ABACE??D"
+      },
+      "mode": "WALK",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": false,
+      "route": null,
+      "startTime": 1686624720000,
+      "steps": [
+        {
+          "absoluteDirection": "NORTH",
+          "alerts": [],
+          "area": false,
+          "distance": 69.62,
+          "elevationProfile": [],
+          "lat": 47.6898767,
+          "lon": -122.3447008,
+          "relativeDirection": "DEPART",
+          "stayOn": false,
+          "streetName": "sidewalk"
+        }
+      ],
+      "to": {
+        "lat": 47.6904907,
+        "lon": -122.344734,
+        "name": "N 85th St & Aurora Ave N",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "5370",
+          "gtfsId": "kcm:5370",
+          "id": "U3RvcDprY206NTM3MA"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "transitLeg": false,
+      "trip": null
+    },
+    {
+      "accessibilityScore": null,
+      "fareProducts": [
+        {
+          "id": "2db1b8be-49cd-3e32-8e21-6a2731f7e006",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 125,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "senior"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
-            "name": "rideCost",
-            "amount": {
-              "cents": 250,
+          }
+        },
+        {
+          "id": "7cf53db2-09ff-3b98-b9ef-b3278dc3ab04",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 1.25,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "regular"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "710d3a35-1450-3130-b93d-c67a8be4b527",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 250,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "cash"
+            "riderCategory": {
+              "name": "youth",
+              "id": "orca:youth"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "regular"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
           }
-        ]
-      },
-      {
-        "legIndices": [3],
-        "products": [
-          {
-            "id": "orcaFares:farePayment",
+        },
+        {
+          "id": "f5b38df6-10a0-35c1-92d6-679eddfce6ff",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 0,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "special",
+              "id": "orca:special"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "youth"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
-            "name": "rideCost",
-            "amount": {
-              "cents": 100,
+          }
+        },
+        {
+          "id": "d74b0553-a50d-3f52-9572-74aae1033a6a",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 1.5,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "cash"
+            "riderCategory": {
+              "name": "special",
+              "id": "orca:special"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "senior"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "5dcb16dc-64f5-3ab3-99b1-29cf0d74c4d5",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 0,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "cash"
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "youth"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
-            "name": "rideCost",
-            "amount": {
-              "cents": 25,
+          }
+        },
+        {
+          "id": "e38356c5-9559-3a39-a691-4fce5ef857d9",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 2.75,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "special"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
-            "name": "transfer",
-            "amount": {
-              "cents": 125,
+          }
+        },
+        {
+          "id": "462c8831-4aa6-3ab8-92d3-e5610bdc9815",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "rideCost",
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "youth",
+              "id": "orca:youth"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "special"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "36578739-9027-38f3-9891-76fcb1d0218e",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 0,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "senior"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "f6abeea9-9870-31f8-a19f-2a2b7f7afda5",
+          "product": {
+            "id": "orca:farePayment",
             "name": "transfer",
-            "amount": {
-              "cents": 125,
+            "price": {
+              "amount": 2.75,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "regular",
+              "id": "orca:regular"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "senior"
+            "medium": {
+              "name": "electronic",
+              "id": "orca:electronic"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
+          }
+        },
+        {
+          "id": "3bd1b287-bfcc-3ef8-8736-eeeca140dbff",
+          "product": {
+            "id": "orca:farePayment",
             "name": "rideCost",
-            "amount": {
-              "cents": 0,
+            "price": {
+              "amount": 0,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "electronic"
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "regular"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
-          },
-          {
-            "id": "orcaFares:farePayment",
-            "name": "rideCost",
-            "amount": {
-              "cents": 0,
+          }
+        },
+        {
+          "id": "5fab13fb-3029-3033-bde8-c2c2e29fa1de",
+          "product": {
+            "id": "orca:farePayment",
+            "name": "transfer",
+            "price": {
+              "amount": 1,
               "currency": {
-                "currency": "USD",
-                "defaultFractionDigits": 2,
-                "currencyCode": "USD",
-                "symbol": "$"
+                "code": "USD",
+                "digits": 2
               }
             },
-            "container": {
-              "id": "orcaFares",
-              "name": "cash"
+            "riderCategory": {
+              "name": "senior",
+              "id": "orca:senior"
             },
-            "category": {
-              "id": "orcaFares",
-              "name": "regular"
+            "medium": {
+              "name": "cash",
+              "id": "orca:cash"
             }
           }
-        ]
-      }
-    ]
-  },
-  "legs": [
-    {
-      "startTime": 1674505485000,
-      "endTime": 1674506100000,
-      "departureDelay": 0,
-      "arrivalDelay": 0,
-      "realTime": false,
-      "distance": 802.9,
-      "generalizedCost": 1204,
-      "pathway": false,
-      "mode": "WALK",
-      "transitLeg": false,
-      "route": "",
-      "agencyTimeZoneOffset": -28800000,
-      "interlineWithPreviousLeg": false,
-      "from": {
-        "name": "47.83549, -122.31293",
-        "lon": -122.3129313,
-        "lat": 47.8354853,
-        "departure": 1674505485000,
-        "vertexType": "NORMAL"
-      },
-      "to": {
-        "name": "Hwy 99 & 180th St SW",
-        "stopId": "CommTrans:1521",
-        "stopCode": "1521",
-        "lon": -122.303382,
-        "lat": 47.834973,
-        "arrival": 1674506100000,
-        "departure": 1674506100000,
-        "vertexType": "TRANSIT"
-      },
-      "legGeometry": {
-        "points": "u{}bHxfpiV?q@@eE?wG?_D?Y@o@?kCBqF?{D@qI?qA?c@?qA?i@?IZWB?d@ZBAPa@b@^EL",
-        "length": 23
-      },
-      "steps": [
-        {
-          "distance": 717.88,
-          "relativeDirection": "DEPART",
-          "streetName": "180th Street Southwest",
-          "absoluteDirection": "EAST",
-          "stayOn": false,
-          "area": false,
-          "bogusName": false,
-          "lon": -122.3129292,
-          "lat": 47.8356351,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 62.21,
-          "relativeDirection": "RIGHT",
-          "streetName": "service road",
-          "absoluteDirection": "SOUTHEAST",
-          "stayOn": false,
-          "area": false,
-          "bogusName": true,
-          "lon": -122.3033119,
-          "lat": 47.8355803,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 22.81,
-          "relativeDirection": "RIGHT",
-          "streetName": "Highway 99",
-          "absoluteDirection": "SOUTHWEST",
-          "stayOn": false,
-          "area": false,
-          "bogusName": false,
-          "lon": -122.3031554,
-          "lat": 47.8351213,
-          "elevation": "",
-          "walkingBike": false
-        }
-      ],
-      "rentedBike": false,
-      "walkingBike": false,
-      "duration": 615
-    },
-    {
-      "startTime": 1674506100000,
-      "endTime": 1674507660000,
-      "departureDelay": 0,
-      "arrivalDelay": 0,
-      "realTime": false,
-      "distance": 7813.43,
-      "generalizedCost": 2160,
-      "pathway": false,
-      "mode": "BUS",
-      "transitLeg": true,
-      "route": "Mariner P&R - Aurora Village",
-      "agencyName": "Community Transit",
-      "agencyUrl": "http://www.communitytransit.org/",
-      "agencyTimeZoneOffset": -28800000,
-      "routeColor": "0070c0",
-      "routeType": 3,
-      "routeId": "CommTrans:101",
-      "routeTextColor": "ffffff",
-      "interlineWithPreviousLeg": false,
-      "tripBlockId": "MCOB-DO:123:0:Weekday:1:22SEP:41028:12345",
-      "headsign": "Aurora Village",
-      "agencyId": "CommTrans:29",
-      "tripId": "CommTrans:10499096__MCOB-DO:123:0:Weekday:1:22SEP:41028:12345",
-      "serviceDate": "2023-01-23",
-      "from": {
-        "name": "Hwy 99 & 180th St SW",
-        "stopId": "CommTrans:1521",
-        "stopCode": "1521",
-        "lon": -122.303382,
-        "lat": 47.834973,
-        "arrival": 1674506100000,
-        "departure": 1674506100000,
-        "stopIndex": 16,
-        "stopSequence": 17,
-        "vertexType": "TRANSIT"
-      },
-      "to": {
-        "name": "Aurora Village Transit Center",
-        "stopId": "CommTrans:2877",
-        "stopCode": "2877",
-        "lon": -122.34277,
-        "lat": 47.77435,
-        "arrival": 1674507660000,
-        "departure": 1674507660000,
-        "stopIndex": 30,
-        "stopSequence": 31,
-        "vertexType": "TRANSIT"
-      },
-      "intermediateStops": [
-        {
-          "name": "Hwy 99 & 188th St SW",
-          "stopId": "CommTrans:1502",
-          "stopCode": "1502",
-          "lon": -122.309711,
-          "lat": 47.827669,
-          "arrival": 1674506220000,
-          "departure": 1674506220000,
-          "stopIndex": 17,
-          "stopSequence": 18,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 60th Ave W",
-          "stopId": "CommTrans:1495",
-          "stopCode": "1495",
-          "lon": -122.312185,
-          "lat": 47.824801,
-          "arrival": 1674506280000,
-          "departure": 1674506280000,
-          "stopIndex": 18,
-          "stopSequence": 19,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 196th St SW",
-          "stopId": "CommTrans:1503",
-          "stopCode": "1503",
-          "lon": -122.31592,
-          "lat": 47.820482,
-          "arrival": 1674506340000,
-          "departure": 1674506340000,
-          "stopIndex": 19,
-          "stopSequence": 20,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 200th St SW",
-          "stopId": "CommTrans:1504",
-          "stopCode": "1504",
-          "lon": -122.318702,
-          "lat": 47.81725,
-          "arrival": 1674506340000,
-          "departure": 1674506340000,
-          "stopIndex": 20,
-          "stopSequence": 21,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 202nd St SW",
-          "stopId": "CommTrans:1505",
-          "stopCode": "1505",
-          "lon": -122.320426,
-          "lat": 47.815264,
-          "arrival": 1674506400000,
-          "departure": 1674506400000,
-          "stopIndex": 21,
-          "stopSequence": 22,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 208th St SW",
-          "stopId": "CommTrans:1506",
-          "stopCode": "1506",
-          "lon": -122.324693,
-          "lat": 47.809703,
-          "arrival": 1674506520000,
-          "departure": 1674506520000,
-          "stopIndex": 22,
-          "stopSequence": 23,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 212th St SW",
-          "stopId": "CommTrans:1507",
-          "stopCode": "1507",
-          "lon": -122.327809,
-          "lat": 47.805379,
-          "arrival": 1674506580000,
-          "departure": 1674506580000,
-          "stopIndex": 23,
-          "stopSequence": 24,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 216th St SW",
-          "stopId": "CommTrans:1508",
-          "stopCode": "1508",
-          "lon": -122.329866,
-          "lat": 47.802523,
-          "arrival": 1674506640000,
-          "departure": 1674506640000,
-          "stopIndex": 24,
-          "stopSequence": 25,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 220th St SW",
-          "stopId": "CommTrans:1509",
-          "stopCode": "1509",
-          "lon": -122.332468,
-          "lat": 47.798918,
-          "arrival": 1674506700000,
-          "departure": 1674506700000,
-          "stopIndex": 25,
-          "stopSequence": 26,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 224th St SW",
-          "stopId": "CommTrans:1510",
-          "stopCode": "1510",
-          "lon": -122.334893,
-          "lat": 47.795549,
-          "arrival": 1674506820000,
-          "departure": 1674506820000,
-          "stopIndex": 26,
-          "stopSequence": 27,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 230th St SW",
-          "stopId": "CommTrans:1511",
-          "stopCode": "1511",
-          "lon": -122.338743,
-          "lat": 47.790207,
-          "arrival": 1674507000000,
-          "departure": 1674507000000,
-          "stopIndex": 27,
-          "stopSequence": 28,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & 238th St SW",
-          "stopId": "CommTrans:1517",
-          "stopCode": "1517",
-          "lon": -122.343432,
-          "lat": 47.783697,
-          "arrival": 1674507240000,
-          "departure": 1674507240000,
-          "stopIndex": 28,
-          "stopSequence": 29,
-          "vertexType": "TRANSIT"
-        },
-        {
-          "name": "Hwy 99 & N 205th St",
-          "stopId": "CommTrans:2089",
-          "stopCode": "2089",
-          "lon": -122.346379,
-          "lat": 47.777264,
-          "arrival": 1674507420000,
-          "departure": 1674507420000,
-          "stopIndex": 29,
-          "stopSequence": 30,
-          "vertexType": "TRANSIT"
         }
       ],
-      "legGeometry": {
-        "points": "ew}bHfjniVj@d@JHLJPNTRb@^h@b@XThA~@n@h@j@d@l@f@VTd@^v@n@RPZVNLVRZVLJrAfAd@`@z@r@^Zf@`@LJbAz@dCrBj@d@ZV~ApA`BtATP\\X??NLNJ^ZPNb@\\HFRPl@f@NL`@^NLn@f@`@\\RPf@`@jA`Ad@^t@l@@@??t@n@JHRP^ZZVHFNLNLb@\\PNJHTRPLd@^TPd@^VRPNVTXTd@^n@h@^Zb@^fA|@bAz@pAdABB??HFh@b@dA|@TPHFXT|@t@ZVPNl@f@f@`@LJ`@Zl@h@n@h@t@l@\\Vn@h@??|@t@b@^f@`@VTNLNJnAbArAhATRNL??LJHF\\XLJf@`@LJTRzAnAf@^RNNJNJ`@ZLHh@`@JHRLf@\\LHdAp@PLf@Zr@d@PJv@f@HFb@XXRrAz@`@Vv@f@\\TXRLHLHLHFD??B@n@b@LHJHb@Xp@b@NJfAp@HF\\TRLl@^\\TTN\\Td@XXPv@f@xA`Aj@^PJn@b@p@b@TN`@V??zA`ADBLHb@ZTNHFl@^HFVNXP\\T^Th@\\\\TfAt@x@h@HFHF??VNNHTNZRj@^d@ZjAv@bAn@bAn@FDxBvAt@d@bAn@JFNJNHh@^??l@^hAt@t@d@NJ^T`@VTNXPn@b@r@f@LHHF|@j@ZTv@f@vA|@JF??BBVNZRd@Zb@XTNXPf@\\TLb@XdAr@zA`ARLj@`@PLh@\\VNf@\\hAt@RLTLTNTNLHLHRLPLTNdAp@h@\\pAx@??FDb@XLHZR~@l@^V`BdANJd@Z`An@VNZR^V\\TZRjBjAfAr@d@Z`GxD^VXPNJh@Zt@d@z@j@b@XJHDB??fAr@`Al@VPTNZRTNPLHFJHNJNLPLLJ\\VLJt@l@b@\\RP`@Z\\VXRXPd@VPJTJRHPFZJVHXHVFPDRD`@FXB\\@X@^?T?hAEz@GdAILATA??f@Cb@ANAjACr@Cr@AX?R?P?VAX?l@?T?f@?T?|AAH?BqBAg@?{A?m@?c@?iB?u@?yCe@??K",
-        "length": 368
+      "agency": {
+        "alerts": [],
+        "id": "QWdlbmN5OmtjbTox",
+        "name": "Metro Transit",
+        "timezone": "America/Los_Angeles",
+        "url": "https://kingcounty.gov/en/dept/metro"
       },
-      "steps": [],
-      "routeLongName": "Mariner P&R - Aurora Village",
-      "duration": 1560
-    },
-    {
-      "startTime": 1674507660000,
-      "endTime": 1674507707000,
-      "departureDelay": 0,
       "arrivalDelay": 0,
-      "realTime": false,
-      "distance": 38.11,
-      "generalizedCost": 67,
-      "pathway": false,
-      "mode": "WALK",
-      "transitLeg": false,
-      "route": "",
-      "agencyTimeZoneOffset": -28800000,
-      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "distance": 4454.61,
+      "dropoffType": "SCHEDULED",
+      "duration": 967,
+      "endTime": 1686625941000,
       "from": {
-        "name": "Aurora Village Transit Center",
-        "stopId": "CommTrans:2877",
-        "stopCode": "2877",
-        "lon": -122.34277,
-        "lat": 47.77435,
-        "arrival": 1674507660000,
-        "departure": 1674507660000,
-        "vertexType": "TRANSIT"
-      },
-      "to": {
-        "name": "Aurora Village Transit Center - Bay 10",
-        "stopId": "kcm:16100",
-        "stopCode": "16100",
-        "lon": -122.342407,
-        "lat": 47.7742424,
-        "arrival": 1674507707000,
-        "departure": 1674508020000,
-        "zoneId": "18",
+        "lat": 47.6904907,
+        "lon": -122.344734,
+        "name": "N 85th St & Aurora Ave N",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "5370",
+          "gtfsId": "kcm:5370",
+          "id": "U3RvcDprY206NTM3MA"
+        },
         "vertexType": "TRANSIT"
       },
-      "legGeometry": {
-        "points": "u|qbHhaviV??R??]@C?A@C?C?ACI?O@?",
-        "length": 12
-      },
-      "steps": [
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": [
         {
-          "distance": 10.22,
-          "relativeDirection": "DEPART",
-          "streetName": "service road",
-          "absoluteDirection": "SOUTH",
-          "stayOn": false,
-          "area": false,
-          "bogusName": true,
-          "lon": -122.3427609,
-          "lat": 47.77435,
-          "elevation": "",
-          "walkingBike": false
+          "lat": 47.6904716,
+          "locationType": "STOP",
+          "lon": -122.341507,
+          "name": "N 85th St & Stone Ave N",
+          "stopCode": "5380",
+          "stopId": "U3RvcDprY206NTM4MA"
         },
         {
-          "distance": 11.17,
-          "relativeDirection": "LEFT",
-          "streetName": "path",
-          "absoluteDirection": "EAST",
-          "stayOn": true,
-          "area": false,
-          "bogusName": true,
-          "lon": -122.3427605,
-          "lat": 47.7742581,
-          "elevation": "",
-          "walkingBike": false
+          "lat": 47.6904449,
+          "locationType": "STOP",
+          "lon": -122.336601,
+          "name": "N 85th St & Wallingford Ave N",
+          "stopCode": "5400",
+          "stopId": "U3RvcDprY206NTQwMA"
         },
         {
-          "distance": 16.73,
-          "relativeDirection": "RIGHT",
-          "streetName": "open area",
-          "absoluteDirection": "SOUTHEAST",
-          "stayOn": true,
-          "area": true,
-          "bogusName": true,
-          "lon": -122.3426111,
-          "lat": 47.7742565,
-          "elevation": "",
-          "walkingBike": false
-        }
-      ],
-      "rentedBike": false,
-      "walkingBike": false,
-      "duration": 47
-    },
-    {
-      "startTime": 1674508020000,
-      "endTime": 1674508800000,
-      "departureDelay": 0,
-      "arrivalDelay": 0,
-      "realTime": false,
-      "distance": 4792.95,
-      "generalizedCost": 1693,
-      "pathway": false,
-      "mode": "BUS",
-      "transitLeg": true,
-      "agencyName": "Metro Transit",
-      "agencyUrl": "http://metro.kingcounty.gov",
-      "agencyTimeZoneOffset": -28800000,
-      "routeType": 3,
-      "routeId": "kcm:102615",
-      "interlineWithPreviousLeg": false,
-      "tripShortName": "LOCAL",
-      "tripBlockId": "6649263",
-      "headsign": "Downtown Seattle",
-      "agencyId": "kcm:1",
-      "tripId": "kcm:585679422",
-      "serviceDate": "2023-01-23",
-      "from": {
-        "name": "Aurora Village Transit Center - Bay 10",
-        "stopId": "kcm:16100",
-        "stopCode": "16100",
-        "lon": -122.342407,
-        "lat": 47.7742424,
-        "arrival": 1674507707000,
-        "departure": 1674508020000,
-        "zoneId": "18",
-        "stopIndex": 0,
-        "stopSequence": 1,
-        "vertexType": "TRANSIT"
-      },
-      "to": {
-        "name": "Aurora Ave N & N 145th St",
-        "stopId": "kcm:6950",
-        "stopCode": "6950",
-        "lon": -122.345268,
-        "lat": 47.7335701,
-        "arrival": 1674508800000,
-        "departure": 1674508800000,
-        "zoneId": "20",
-        "stopIndex": 11,
-        "stopSequence": 84,
-        "vertexType": "TRANSIT"
-      },
-      "intermediateStops": [
+          "lat": 47.68853,
+          "locationType": "STOP",
+          "lon": -122.33651,
+          "name": "Wallingford Ave N & N 82nd St",
+          "stopCode": "17070",
+          "stopId": "U3RvcDprY206MTcwNzA"
+        },
         {
-          "name": "Aurora Ave N & N 200th St",
-          "stopId": "kcm:75700",
-          "stopCode": "75700",
-          "lon": -122.346207,
-          "lat": 47.7737427,
-          "arrival": 1674508073000,
-          "departure": 1674508073000,
-          "zoneId": "18",
-          "stopIndex": 1,
-          "stopSequence": 6,
-          "vertexType": "TRANSIT"
+          "lat": 47.6870499,
+          "locationType": "STOP",
+          "lon": -122.336494,
+          "name": "Wallingford Ave N & N 80th St",
+          "stopCode": "17080",
+          "stopId": "U3RvcDprY206MTcwODA"
         },
         {
-          "name": "Aurora Ave N & N 192nd St",
-          "stopId": "kcm:75730",
-          "stopCode": "75730",
-          "lon": -122.3461,
-          "lat": 47.7672043,
-          "arrival": 1674508191000,
-          "departure": 1674508191000,
-          "zoneId": "18",
-          "stopIndex": 2,
-          "stopSequence": 13,
-          "vertexType": "TRANSIT"
+          "lat": 47.6857948,
+          "locationType": "STOP",
+          "lon": -122.336861,
+          "name": "Wallingford Ave N & East Green Lake Dr N",
+          "stopCode": "17081",
+          "stopId": "U3RvcDprY206MTcwODE"
         },
         {
-          "name": "Aurora Ave N & N 185th St",
-          "stopId": "kcm:75740",
-          "stopCode": "75740",
-          "lon": -122.346184,
-          "lat": 47.7628479,
-          "arrival": 1674508270000,
-          "departure": 1674508270000,
-          "zoneId": "18",
-          "stopIndex": 3,
-          "stopSequence": 22,
-          "vertexType": "TRANSIT"
+          "lat": 47.682682,
+          "locationType": "STOP",
+          "lon": -122.332932,
+          "name": "East Green Lake Dr N & Meridian Ave N",
+          "stopCode": "35691",
+          "stopId": "U3RvcDprY206MzU2OTE"
         },
         {
-          "name": "Aurora Ave N & N 180th St",
-          "stopId": "kcm:75750",
-          "stopCode": "75750",
-          "lon": -122.346237,
-          "lat": 47.7594452,
-          "arrival": 1674508331000,
-          "departure": 1674508331000,
-          "zoneId": "18",
-          "stopIndex": 4,
-          "stopSequence": 32,
-          "vertexType": "TRANSIT"
+          "lat": 47.6812057,
+          "locationType": "STOP",
+          "lon": -122.326973,
+          "name": "East Green Lake Dr N & 4th Ave NE",
+          "stopCode": "35721",
+          "stopId": "U3RvcDprY206MzU3MjE"
         },
         {
-          "name": "Aurora Ave N & N 175th St",
-          "stopId": "kcm:75760",
-          "stopCode": "75760",
-          "lon": -122.345856,
-          "lat": 47.7552986,
-          "arrival": 1674508407000,
-          "departure": 1674508407000,
-          "zoneId": "18",
-          "stopIndex": 5,
-          "stopSequence": 40,
-          "vertexType": "TRANSIT"
+          "lat": 47.6784592,
+          "locationType": "STOP",
+          "lon": -122.32486,
+          "name": "NE Ravenna Blvd & Woodlawn Ave NE",
+          "stopCode": "16390",
+          "stopId": "U3RvcDprY206MTYzOTA"
         },
         {
-          "name": "Aurora Ave N & N 170th St",
-          "stopId": "kcm:75770",
-          "stopCode": "75770",
-          "lon": -122.345741,
-          "lat": 47.7520294,
-          "arrival": 1674508466000,
-          "departure": 1674508466000,
-          "zoneId": "18",
-          "stopIndex": 6,
-          "stopSequence": 48,
-          "vertexType": "TRANSIT"
+          "lat": 47.6773109,
+          "locationType": "STOP",
+          "lon": -122.323807,
+          "name": "NE Ravenna Blvd & NE 68th St",
+          "stopCode": "16400",
+          "stopId": "U3RvcDprY206MTY0MDA"
         },
         {
-          "name": "Aurora Ave N & N 165th St",
-          "stopId": "kcm:75780",
-          "stopCode": "75780",
-          "lon": -122.345688,
-          "lat": 47.7483559,
-          "arrival": 1674508532000,
-          "departure": 1674508532000,
-          "zoneId": "18",
-          "stopIndex": 7,
-          "stopSequence": 56,
-          "vertexType": "TRANSIT"
+          "lat": 47.6757851,
+          "locationType": "STOP",
+          "lon": -122.320129,
+          "name": "NE 65th St & 8th Ave NE",
+          "stopCode": "16416",
+          "stopId": "U3RvcDprY206MTY0MTY"
         },
         {
-          "name": "Aurora Ave N & N 160th St",
-          "stopId": "kcm:75790",
-          "stopCode": "75790",
-          "lon": -122.34565,
-          "lat": 47.7446899,
-          "arrival": 1674508599000,
-          "departure": 1674508599000,
-          "zoneId": "18",
-          "stopIndex": 8,
-          "stopSequence": 66,
-          "vertexType": "TRANSIT"
+          "lat": 47.6757507,
+          "locationType": "STOP",
+          "lon": -122.316673,
+          "name": "Roosevelt Station - Bay 1",
+          "stopCode": "16430",
+          "stopId": "U3RvcDprY206MTY0MzA"
         },
         {
-          "name": "Aurora Ave N & N 155th St",
-          "stopId": "kcm:75800",
-          "stopCode": "75800",
-          "lon": -122.345497,
-          "lat": 47.7408867,
-          "arrival": 1674508668000,
-          "departure": 1674508668000,
-          "zoneId": "18",
-          "stopIndex": 9,
-          "stopSequence": 73,
-          "vertexType": "TRANSIT"
+          "lat": 47.6757202,
+          "locationType": "STOP",
+          "lon": -122.312683,
+          "name": "NE 65th St & 14th Ave NE",
+          "stopCode": "37359",
+          "stopId": "U3RvcDprY206MzczNTk"
         },
         {
-          "name": "Aurora Ave N & N 152nd St",
-          "stopId": "kcm:75810",
-          "stopCode": "75810",
-          "lon": -122.345428,
-          "lat": 47.7386818,
-          "arrival": 1674508707000,
-          "departure": 1674508707000,
-          "zoneId": "18",
-          "stopIndex": 10,
-          "stopSequence": 75,
-          "vertexType": "TRANSIT"
+          "lat": 47.6706772,
+          "locationType": "STOP",
+          "lon": -122.313133,
+          "name": "University Way NE & NE Ravenna Blvd",
+          "stopCode": "38022",
+          "stopId": "U3RvcDprY206MzgwMjI"
         }
       ],
       "legGeometry": {
-        "points": "q{qbH`_viV?`AB~R?b@\\Cr@???dB?rBE~@A`HA|IElGArBC??f@?`DBpA?fB?pA@r@BhDBdB@lA???~@BbDDr@?|BBxAB|@?v@?PCb@?HA??v@AtAIjBInBGn@AvAGhES~BM??TA`AE`AA`B?hACbDCfB?|@C??v@AxDCnAAhA?bB?pA?xAA`AA??l@?n@?r@?|@CxAAj@?pB@vA?vB?dAA??|CEv@?fAE`CIhA?~CEnBC??~JIt@A??vBEz@AZCrAApAEfBEvFCvDCrBA",
-        "length": 94
+        "length": 151,
+        "points": "_qabHnmviV@YAY@iE@sE?mB?aA???g@BcD?s@?yE@uE?U?_@?}B?oB???_@hJE`@???jCA|C???F?H@FDHDJJRXRL`DD??b@?Ny@To@HQHQV]Z]LMzB}BfCeCRWVUVWV[R]R]Nc@Re@Ja@Ha@??BCFe@Ho@Fs@@e@@i@Ae@Ae@Ca@Ce@Cq@C]?WAW@m@B_@Bg@Bi@Ha@Fe@Je@Jg@L_@JUL[Na@R[Tg@t@sAjAwB??Xi@Ta@NUNUPSLKPQTOROTMNENGRETAV?XQTIVOhCeBp@m@??bEmDb@c@??dHsG@}A?mB@wB?s@?_A???K?gCBgC?gC?cC@iC??@iE@uC?oB?{B@wB@yA???]?{A?[rB?tACrA?hA?vJAx@hA~A|BNNHDNDZ?|@???vFCpD?D?h@?"
       },
+      "mode": "BUS",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": null,
+      "route": {
+        "alerts": [],
+        "color": null,
+        "id": "Um91dGU6a2NtOjEwMDIyNQ",
+        "longName": null,
+        "shortName": "45",
+        "textColor": null,
+        "type": 3
+      },
+      "startTime": 1686624974000,
       "steps": [],
-      "routeShortName": "E Line",
-      "duration": 780
+      "to": {
+        "lat": 47.6683159,
+        "lon": -122.313126,
+        "name": "University Way NE & NE 55th St",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "38024",
+          "gtfsId": "kcm:38024",
+          "id": "U3RvcDprY206MzgwMjQ"
+        },
+        "vertexType": "TRANSIT"
+      },
+      "transitLeg": true,
+      "trip": {
+        "gtfsId": "kcm:583679024",
+        "id": "VHJpcDprY206NTgzNjc5MDI0",
+        "tripHeadsign": "University District Roosevelt Station"
+      }
     },
     {
-      "startTime": 1674508800000,
-      "endTime": 1674509068000,
-      "departureDelay": 0,
+      "accessibilityScore": null,
+      "fareProducts": [],
+      "agency": null,
       "arrivalDelay": 0,
-      "realTime": false,
-      "distance": 316.32,
-      "generalizedCost": 490,
-      "pathway": false,
-      "mode": "WALK",
-      "transitLeg": false,
-      "route": "",
-      "agencyTimeZoneOffset": -28800000,
-      "interlineWithPreviousLeg": false,
+      "departureDelay": 0,
+      "distance": 492.88,
+      "dropoffType": "SCHEDULED",
+      "duration": 405,
+      "endTime": 1686626346000,
       "from": {
-        "name": "Aurora Ave N & N 145th St",
-        "stopId": "kcm:6950",
-        "stopCode": "6950",
-        "lon": -122.345268,
-        "lat": 47.7335701,
-        "arrival": 1674508800000,
-        "departure": 1674508800000,
-        "zoneId": "20",
+        "lat": 47.6683159,
+        "lon": -122.313126,
+        "name": "University Way NE & NE 55th St",
+        "rentalVehicle": null,
+        "stop": {
+          "alerts": [],
+          "code": "38024",
+          "gtfsId": "kcm:38024",
+          "id": "U3RvcDprY206MzgwMjQ"
+        },
         "vertexType": "TRANSIT"
       },
-      "to": {
-        "name": "1318 North 145th Street, Seattle, WA, USA",
-        "lon": -122.3420287,
-        "lat": 47.7342206,
-        "arrival": 1674509068000,
-        "vertexType": "NORMAL"
-      },
+      "interlineWithPreviousLeg": false,
+      "intermediateStops": null,
       "legGeometry": {
-        "points": "y}ibH|pviV@Be@?I??Q]?O?Q??c@?W?qB?aA?kA@e@AiEQ??Q@K?o@",
-        "length": 19
+        "length": 41,
+        "points": "}e}aH`hpiV?F[??C?AAQ?Y@CAC@qA@{A?C?O?OAE?_B?}A?G?I?G?G?aB?aB?E?G?e@?G?I?eB?{A?G?K?G?G?cBA{A?E?K?I?E?u@"
       },
+      "mode": "WALK",
+      "pickupBookingInfo": null,
+      "pickupType": "SCHEDULED",
+      "realTime": false,
+      "realtimeState": null,
+      "rentedBike": false,
+      "route": null,
+      "startTime": 1686625941000,
       "steps": [
         {
-          "distance": 26.16,
-          "relativeDirection": "DEPART",
-          "streetName": "sidewalk",
-          "absoluteDirection": "NORTH",
-          "stayOn": false,
-          "area": false,
-          "bogusName": true,
-          "lon": -122.3452855,
-          "lat": 47.73357,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 7.06,
-          "relativeDirection": "RIGHT",
-          "streetName": "service road",
-          "absoluteDirection": "EAST",
-          "stayOn": true,
-          "area": false,
-          "bogusName": true,
-          "lon": -122.3452885,
-          "lat": 47.7338053,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 35.59,
-          "relativeDirection": "LEFT",
-          "streetName": "Aurora Avenue North",
-          "absoluteDirection": "NORTH",
-          "stayOn": false,
-          "area": false,
-          "bogusName": false,
-          "lon": -122.3451941,
-          "lat": 47.7338066,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 207.88,
-          "relativeDirection": "RIGHT",
-          "streetName": "North 145th Street",
-          "absoluteDirection": "EAST",
-          "stayOn": false,
-          "area": false,
-          "bogusName": false,
-          "lon": -122.3451971,
-          "lat": 47.7341266,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 10.3,
-          "relativeDirection": "LEFT",
-          "streetName": "Stone Avenue North",
           "absoluteDirection": "NORTH",
-          "stayOn": false,
+          "alerts": [],
           "area": false,
-          "bogusName": false,
-          "lon": -122.3424174,
-          "lat": 47.7341208,
-          "elevation": "",
-          "walkingBike": false
-        },
-        {
-          "distance": 29.32,
-          "relativeDirection": "RIGHT",
-          "streetName": "path",
-          "absoluteDirection": "EAST",
+          "distance": 492.91,
+          "elevationProfile": [],
+          "lat": 47.6683162,
+          "lon": -122.3131688,
+          "relativeDirection": "DEPART",
           "stayOn": false,
-          "area": false,
-          "bogusName": true,
-          "lon": -122.3424186,
-          "lat": 47.7342134,
-          "elevation": "",
-          "walkingBike": false
+          "streetName": "sidewalk"
         }
       ],
-      "rentedBike": false,
-      "walkingBike": false,
-      "duration": 268
+      "to": {
+        "lat": 47.6683393,
+        "lon": -122.3067976,
+        "name": "47.66834, -122.3068",
+        "rentalVehicle": null,
+        "stop": null,
+        "vertexType": "NORMAL"
+      },
+      "transitLeg": false,
+      "trip": null
     }
   ],
-  "tooSloped": false,
-  "arrivedAtDestinationWithRentedBicycle": false
+  "startTime": 1686620636000,
+  "waitingTime": 481,
+  "walkTime": 1862
 }
diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
index 7f545819f..020e731e1 100644
--- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
@@ -1,4 +1,4 @@
-import { Itinerary } from "@opentripplanner/types";
+import { FareProductSelector, Itinerary } from "@opentripplanner/types";
 import React, { ReactElement } from "react";
 
 import ItineraryBody from "..";
@@ -22,7 +22,7 @@ const bikeRentalTransitBikeRentalItinerary = require("../__mocks__/itineraries/b
 const bikeTransitBikeItinerary = require("../__mocks__/itineraries/bike-transit-bike.json");
 const eScooterRentalItinerary = require("../__mocks__/itineraries/e-scooter-rental.json");
 const eScooterRentalTransiteScooterRentalItinerary = require("../__mocks__/itineraries/e-scooter-transit-e-scooter.json");
-const fareComponentsItinerary = require("../__mocks__/itineraries/fare-components.json");
+const fareProductsItinerary = require("../__mocks__/itineraries/leg-fare-products.json");
 const parkAndRideItinerary = require("../__mocks__/itineraries/park-and-ride.json");
 const tncTransitTncItinerary = require("../__mocks__/itineraries/tnc-transit-tnc.json");
 const walkInterlinedTransitItinerary = require("../__mocks__/itineraries/walk-interlined-transit-walk.json");
@@ -46,21 +46,22 @@ if (!isRunningJest()) {
 }
 
 interface StoryWrapperProps {
+  alwaysCollapseAlerts?: boolean;
+  defaultFareSelector?: FareProductSelector;
   itinerary: Itinerary;
-  showRouteFares: boolean;
-  TimeColumnContent: FunctionComponent<TimeColumnContentProps>;
-  alwaysCollapseAlerts: boolean;
+  TimeColumnContent?: FunctionComponent<TimeColumnContentProps>;
 }
 
 function OtpRRItineraryBodyWrapper({
+  alwaysCollapseAlerts,
+  defaultFareSelector,
   itinerary,
-  showRouteFares,
-  TimeColumnContent,
-  alwaysCollapseAlerts
+  TimeColumnContent
 }: StoryWrapperProps): ReactElement {
   return (
     <ItineraryBodyDefaultsWrapper
       alwaysCollapseAlerts={alwaysCollapseAlerts}
+      defaultFareSelector={defaultFareSelector}
       itinerary={itinerary}
       LegIcon={LegIconWithA11y}
       LineColumnContent={OtpRRLineColumnContent}
@@ -69,7 +70,6 @@ function OtpRRItineraryBodyWrapper({
       showAgencyInfo
       showLegIcon
       showMapButtonColumn={false}
-      showRouteFares={showRouteFares}
       showViewTripButton
       styledItinerary="otp-rr"
       TimeColumnContent={TimeColumnContent}
@@ -149,8 +149,11 @@ export const OTP2FlexItinerary = (): ReactElement => (
 
 export const IndividualLegFareComponents = (): ReactElement => (
   <OtpRRItineraryBodyWrapper
-    itinerary={fareComponentsItinerary}
-    showRouteFares
+    defaultFareSelector={{
+      mediumId: "orca:cash",
+      riderCategoryId: "orca:regular"
+    }}
+    itinerary={fareProductsItinerary}
   />
 );
 
diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
index b7350d5b1..a4eaba97c 100644
--- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
@@ -24,7 +24,7 @@ const walkInterlinedTransitItinerary = require("../__mocks__/itineraries/walk-in
 const walkOnlyItinerary = require("../__mocks__/itineraries/walk-only.json");
 const walkTransitWalkItinerary = require("../__mocks__/itineraries/walk-transit-walk.json");
 const walkTransitWalkTransitWalkItinerary = require("../__mocks__/itineraries/walk-transit-walk-transit-walk.json");
-const fareComponentsItinerary = require("../__mocks__/itineraries/fare-components.json");
+const fareProductsItinerary = require("../__mocks__/itineraries/leg-fare-products.json");
 const walkTransitWalkTransitWalkA11yItinerary = require("../__mocks__/itineraries/walk-transit-walk-transit-walk-with-accessibility-scores.json");
 const otp2ScooterItinerary = require("../__mocks__/itineraries/otp2-scooter.json");
 const flexItinerary = require("../__mocks__/itineraries/flex-itinerary.json");
@@ -147,10 +147,7 @@ export const OTP2FlexItinerary = (): ReactElement => (
 );
 
 export const IndividualLegFareComponents = (): ReactElement => (
-  <ItineraryBodyDefaultsWrapper
-    itinerary={fareComponentsItinerary}
-    showRouteFares
-  />
+  <ItineraryBodyDefaultsWrapper itinerary={fareProductsItinerary} />
 );
 
 export const CustomAlertIconsItinerary = (): ReactElement => (
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 dbc559ed4..92aabdbac 100644
--- a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
+++ b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
@@ -42,6 +42,7 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
   render(): ReactElement {
     const {
       alwaysCollapseAlerts,
+      defaultFareSelector,
       itinerary,
       LegIcon = TriMetLegIcon,
       LineColumnContent,
@@ -50,7 +51,6 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
       showAgencyInfo,
       showLegIcon,
       showMapButtonColumn = true,
-      showRouteFares,
       showViewTripButton,
       styledItinerary,
       TimeColumnContent,
@@ -78,6 +78,7 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
         AlertToggleIcon={AlertToggleIcon}
         alwaysCollapseAlerts={alwaysCollapseAlerts}
         config={config}
+        defaultFareSelector={defaultFareSelector}
         diagramVisible={diagramVisible}
         frameLeg={action("frameLeg")}
         itinerary={itinerary}
@@ -94,7 +95,6 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
         showElevationProfile
         showLegIcon={showLegIcon}
         showMapButtonColumn={showMapButtonColumn}
-        showRouteFares={showRouteFares}
         showViewTripButton={showViewTripButton}
         TimeColumnContent={TimeColumnContent}
         toRouteAbbreviation={toRouteAbbreviation}
diff --git a/packages/itinerary-body/src/types.ts b/packages/itinerary-body/src/types.ts
index 681b31a0d..208ef1496 100644
--- a/packages/itinerary-body/src/types.ts
+++ b/packages/itinerary-body/src/types.ts
@@ -2,7 +2,7 @@ import { FunctionComponent } from "react";
 
 import {
   Config,
-  Fare,
+  FareProductSelector,
   GradationMap,
   Itinerary,
   Leg,
@@ -109,6 +109,12 @@ interface ItineraryBodySharedProps {
   className?: string;
   /** Contains OTP configuration details. */
   config: Config;
+  /**
+   * Allows selection of a fare product type for display in the itinerary body.
+   * When fare leg information is available, it will be shown per-leg.
+   * Example: regular, cash or regular, electronic.
+   */
+  defaultFareSelector?: FareProductSelector;
   /**
    * Should be either null or a legType. Indicates that a particular leg diagram
    * has been selected and is active.
@@ -184,8 +190,6 @@ interface ItineraryBodySharedProps {
   showLegIcon?: boolean;
   /** If true, will show the right column with the map button */
   showMapButtonColumn?: boolean;
-  /** If true, will show fare information in transit leg bodies */
-  showRouteFares?: boolean;
   /** If true, shows the view trip button in transit leg bodies */
   showViewTripButton?: boolean;
   /**
@@ -216,8 +220,6 @@ interface ItineraryBodySharedProps {
 export interface PlaceRowProps
   extends ItineraryBodySharedProps,
     LegSharedProps {
-  /** The fare information to be displayed for the corresponding leg. */
-  fare: Fare;
   /** Indicates whether this leg directly follows a transit leg */
   followsTransit?: boolean;
 }
diff --git a/packages/trip-details/__mocks__/custom-english-messages.yml b/packages/trip-details/__mocks__/custom-english-messages.yml
index 8cbbf1040..afa5fe070 100644
--- a/packages/trip-details/__mocks__/custom-english-messages.yml
+++ b/packages/trip-details/__mocks__/custom-english-messages.yml
@@ -1,14 +1,14 @@
 otpUi:
   TripDetails:
-    departure: >-
-      <strong>Leave</strong> at <strong>{departureDate, time, short}</strong> on
-      <strong>{departureDate, date, long}</strong>
-    fareDetailsHeaders:
+    FareTable:
       cash: Cash
       electronic: ORCA
       regular: Regular
       senior: Senior
       special: LIFT
       youth: Youth
+    departure: >-
+      <strong>Leave</strong> at <strong>{departureDate, time, short}</strong> on
+      <strong>{departureDate, date, long}</strong>
     title: Custom Trip Details Title
     tncFare: Pay <strong>{minTNCFare}-{maxTNCFare}</strong> to {companies}
diff --git a/packages/trip-details/__mocks__/custom-french-messages.yml b/packages/trip-details/__mocks__/custom-french-messages.yml
index fae693f24..6be58a368 100644
--- a/packages/trip-details/__mocks__/custom-french-messages.yml
+++ b/packages/trip-details/__mocks__/custom-french-messages.yml
@@ -1,10 +1,9 @@
-# Example used to overwrite a subset of the messages from /i18n/en-US.yml.
 otpUi:
   TripDetails:
-    fareDetailsHeaders:
-      regular: "Ordinaire"
-      youth: "Jeune"
-      senior: "Senior"
-      cash: "Espèces"
-      electronic: "ORCA"
-      special: "LIFT"
+    FareTable:
+      cash: Espèces
+      electronic: ORCA
+      regular: Plein tarif
+      senior: Senior
+      special: LIFT
+      youth: Jeune
diff --git a/packages/trip-details/i18n/en-US.yml b/packages/trip-details/i18n/en-US.yml
index c4b11ef5c..aaf2a54f9 100644
--- a/packages/trip-details/i18n/en-US.yml
+++ b/packages/trip-details/i18n/en-US.yml
@@ -1,5 +1,12 @@
 otpUi:
   TripDetails:
+    FareTable:
+      cash: Cash
+      electronic: Electronic
+      regular: Adult
+      senior: Senior
+      special: Special
+      youth: Youth
     co2: "CO₂ Emitted: <strong>{co2}</strong>"
     co2description: >-
       CO₂ intensity is calculated by multiplying the distance of each leg of a
@@ -8,13 +15,6 @@ otpUi:
     departure: >-
       Depart <strong>{departureDate, date, long}</strong> at
       <strong>{departureDate, time, short}</strong>
-    fareDetailsHeaders:
-      cash: Cash
-      electronic: Electronic
-      regular: Adult
-      senior: Senior
-      special: Special
-      youth: Youth
     hideDetail: Hide details
     minutesActive: >-
       Time Spent Active: <strong>{minutes, plural, one {# minute} other {#
@@ -29,5 +29,4 @@ otpUi:
     transferDiscountExplanation: Transfer discount of {transferAmount} is applied
     transitFare: Transit Fare
     transitFareEntry: "{name}: <strong>{value}</strong>"
-    transitFareUnknown: No fare info
     tripIncludesFlex: This trip includes flexible routes. {extraMessage}
diff --git a/packages/trip-details/i18n/es.yml b/packages/trip-details/i18n/es.yml
index d2cf21155..b7247783e 100644
--- a/packages/trip-details/i18n/es.yml
+++ b/packages/trip-details/i18n/es.yml
@@ -1,5 +1,12 @@
 otpUi:
   TripDetails:
+    FareTable:
+      cash: Efectivo
+      electronic: Electrónico
+      regular: Adulto
+      senior: Major edad
+      special: Especial
+      youth: Juventud
     co2: "CO₂ emitido: <strong>{co2}</strong>"
     co2description: >-
       La intensidad de CO₂ se calcula multiplicando la distancia de cada tramo
@@ -8,24 +15,18 @@ otpUi:
     departure: >-
       Salida <strong>{departureDate, date, long}</strong> a las
       <strong>{departureDate, time, short}</strong>
-    fareDetailsHeaders:
-      cash: Efectivo
-      electronic: Electrónico
-      regular: Adulto
-      senior: Major edad
-      special: Especial
-      youth: Juventud
     hideDetail: Ocultar detalles
+    minutesActive: >-
+      Tiempo de actividad: <strong>{minutes, plural, one {# minuto} other {#
+      minutos}}</strong>
     showDetail: Mostrar detalles
+    timeActiveDescription: >
+      Al hacer este viaje, gastarás <strong>{walkMinutes, plural, one {# minuto}
+      other {# minutos}}</strong> caminando y <strong>{bikeMinutes, plural, one
+      {# minuto} other {# minutos}}</strong> en bicicleta.
     title: Detalles del viaje
     tncFare: "{companies} Tarifa: <strong>{minTNCFare} - {maxTNCFare}</strong>"
     transferDiscountExplanation: Se aplica un descuento de transferencia de {transferAmount}
     transitFare: Tarifa de tránsito
     transitFareEntry: "{name} : <strong>{value}</strong>"
-    transitFareUnknown: No hay información sobre las tarifas
     tripIncludesFlex: Este viaje incluye rutas flexibles. {extraMessage}
-    minutesActive: 'Tiempo de actividad: <strong>{minutes, plural, one {# minuto}
-      other {# minutos}}</strong>'
-    timeActiveDescription: "Al hacer este viaje, gastarás <strong>{walkMinutes, plural,
-      one {# minuto} other {# minutos}}</strong> caminando y <strong>{bikeMinutes,
-      plural, one {# minuto} other {# minutos}}</strong> en bicicleta.\n"
diff --git a/packages/trip-details/i18n/fr.yml b/packages/trip-details/i18n/fr.yml
index 82d2520b0..d26732fef 100644
--- a/packages/trip-details/i18n/fr.yml
+++ b/packages/trip-details/i18n/fr.yml
@@ -1,5 +1,12 @@
 otpUi:
   TripDetails:
+    FareTable:
+      cash: Espèces
+      electronic: Électronique
+      regular: Plein tarif
+      senior: Séniors
+      special: Spécial
+      youth: Jeunes
     co2: "CO₂ émis : <strong>{co2}</strong>"
     co2description: >-
       L'intensité carbone est calculée en multipliant la distance de chaque
@@ -8,16 +15,8 @@ otpUi:
     departure: >-
       Départ le <strong>{departureDate, date, long}</strong> à
       <strong>{departureDate, time, short}</strong>
-    fareDetailsHeaders:
-      cash: Espèces
-      electronic: Électronique
-      regular: Normal
-      senior: Séniors
-      special: Spécial
-      youth: Jeunes
     hideDetail: Masquer les détails
-    minutesActive: "Activité physique : <strong>{minutes, plural, one {# minute} other
-      {# minutes}}</strong>"
+    minutesActive: "Activité physique\_: <strong>{minutes, plural, one {# minute} other {# minutes}}</strong>"
     showDetail: Afficher les détails
     timeActiveDescription: >
       Sur ce trajet, vous effectuerez <strong>{walkMinutes, plural, one {#
@@ -25,9 +24,7 @@ otpUi:
       plural, one {# minute} other {# minutes}}</strong> à vélo.
     title: Détails du trajet
     tncFare: "Tarif {companies} : <strong>{minTNCFare} - {maxTNCFare}</strong>"
-    transferDiscountExplanation: Cette correspondance vous donne une réduction de
-      {transferAmount}
+    transferDiscountExplanation: Cette correspondance vous donne une réduction de {transferAmount}
     transitFare: Tarif en transports
     transitFareEntry: "{name} : <strong>{value}</strong>"
-    transitFareUnknown: Tarif inconnu
     tripIncludesFlex: Ce trajet comprend un service à la demande (Flex). {extraMessage}
diff --git a/packages/trip-details/i18n/i18n-exceptions.json b/packages/trip-details/i18n/i18n-exceptions.json
new file mode 100644
index 000000000..755ff7466
--- /dev/null
+++ b/packages/trip-details/i18n/i18n-exceptions.json
@@ -0,0 +1,12 @@
+{
+  "groups": {
+    "otpUi.TripDetails.FareTable.*": [
+      "cash",
+      "electronic",
+      "regular",
+      "special",
+      "senior",
+      "youth"
+    ]
+  }
+}
diff --git a/packages/trip-details/i18n/ko.yml b/packages/trip-details/i18n/ko.yml
index 25ca80bcc..407a29a24 100644
--- a/packages/trip-details/i18n/ko.yml
+++ b/packages/trip-details/i18n/ko.yml
@@ -1,5 +1,12 @@
 otpUi:
   TripDetails:
+    FareTable:
+      cash: 현금
+      electronic: 전자
+      regular: 성인
+      senior: 경로
+      special: 특별
+      youth: 청소년
     co2: "CO₂ 배출: <strong>{co2}</strong>"
     co2description: >-
       CO₂ 강도는 각 모드의 CO₂ 강도를 트립에서 각 다리가 걸은 거리를 곱하여 계산됩니다. 각 모드의 CO₂ 강도는 <link>이
@@ -7,13 +14,6 @@ otpUi:
     departure: >-
       <strong>{departureDate, time, short}</strong>에 <strong>{departureDate,
       date, long}</strong> 출발
-    fareDetailsHeaders:
-      cash: 현금
-      electronic: 전자
-      regular: 성인
-      senior: 경로
-      special: 특별
-      youth: 청소년
     hideDetail: 세부정보 숨기기
     showDetail: 세부정보 표시
     title: 트립 상세정보
@@ -21,5 +21,4 @@ otpUi:
     transferDiscountExplanation: 환승 할인 {transferAmount} 적용
     transitFare: 대중 교통 운임
     transitFareEntry: "{name} : <strong>{value}</strong>"
-    transitFareUnknown: 운임 정보 없음
     tripIncludesFlex: 이 트립에는 가변 경로가 포함되어 있습니다. {extraMessage}
diff --git a/packages/trip-details/i18n/nb_NO.yml b/packages/trip-details/i18n/nb_NO.yml
index 10f433bb6..e4b9c3594 100644
--- a/packages/trip-details/i18n/nb_NO.yml
+++ b/packages/trip-details/i18n/nb_NO.yml
@@ -1,4 +1,4 @@
 otpUi:
   TripDetails:
-    fareDetailsHeaders:
+    FareTable:
       cash: Kontanter
diff --git a/packages/trip-details/i18n/vi.yml b/packages/trip-details/i18n/vi.yml
index 5a532dce6..dc5e82735 100644
--- a/packages/trip-details/i18n/vi.yml
+++ b/packages/trip-details/i18n/vi.yml
@@ -1,5 +1,12 @@
 otpUi:
   TripDetails:
+    FareTable:
+      cash: Tiền mặt
+      electronic: Điện tử
+      regular: Người lớn
+      senior: Người lớn tuổi
+      special: Đặc biệt
+      youth: Thiếu niên
     co2: "CO₂ thải ra: <strong>{co2}</strong>"
     co2description: >-
       Nồng độ CO₂ được tính bằng cách nhân khoảng cách của mỗi chặng của một
@@ -8,13 +15,6 @@ otpUi:
     departure: >-
       Khởi hành <strong>{departureDate, date, long}</strong> lúc
       <strong>{departureDate, time, short}</strong>
-    fareDetailsHeaders:
-      cash: Tiền mặt
-      electronic: Điện tử
-      regular: Người lớn
-      senior: Người lớn tuổi
-      special: Đặc biệt
-      youth: Thiếu niên
     hideDetail: Ẩn chi tiết
     showDetail: Hiển thị chi tiết
     title: Chi tiết chuyến đi
@@ -22,5 +22,4 @@ otpUi:
     transferDiscountExplanation: Giảm giá chuyển khoản {transferAmount} được áp dụng
     transitFare: Giá vé xe công cộng
     transitFareEntry: "{name}: <strong>{value}</strong>"
-    transitFareUnknown: Không có thông tin giá vé
     tripIncludesFlex: Chuyến đi này bao gồm các tuyến đường linh hoạt. {extraMessage}
diff --git a/packages/trip-details/i18n/zh_Hans.yml b/packages/trip-details/i18n/zh_Hans.yml
index 304d4124d..cbe393a91 100644
--- a/packages/trip-details/i18n/zh_Hans.yml
+++ b/packages/trip-details/i18n/zh_Hans.yml
@@ -1,17 +1,17 @@
 otpUi:
   TripDetails:
-    co2: "排放的二氧化碳: <strong>{co2}</strong>"
-    co2description: CO₂ 强度的计算方法是将行程的每条腿的距离乘以每种模式的 CO₂ 强度。 每种模式的二氧化碳强度来自<link>此电子表格</link>。
-    departure: >-
-      <strong>{departureDate, date, long}</strong> <strong>{departureDate, time,
-      short}</strong> 出发
-    fareDetailsHeaders:
+    FareTable:
       cash: 现金
       electronic: 电子的
       regular: 成人
       senior: 长者
       special: 特别的
       youth: 青年
+    co2: "排放的二氧化碳: <strong>{co2}</strong>"
+    co2description: CO₂ 强度的计算方法是将行程的每条腿的距离乘以每种模式的 CO₂ 强度。 每种模式的二氧化碳强度来自<link>此电子表格</link>。
+    departure: >-
+      <strong>{departureDate, date, long}</strong> <strong>{departureDate, time,
+      short}</strong> 出发
     hideDetail: 隐藏细节
     showDetail: 显示详细资料
     title: 行程详情
@@ -19,5 +19,4 @@ otpUi:
     transferDiscountExplanation: 应用了 {transferAmount} 的转让折扣
     transitFare: 公共交通费
     transitFareEntry: "{name}: <strong>{value}</strong>"
-    transitFareUnknown: 没有票价信息
     tripIncludesFlex: 这个行程包括灵活的路线. {extraMessage}
diff --git a/packages/trip-details/package.json b/packages/trip-details/package.json
index 2f5ce2757..dbf680e4f 100644
--- a/packages/trip-details/package.json
+++ b/packages/trip-details/package.json
@@ -11,13 +11,13 @@
   "license": "MIT",
   "private": false,
   "dependencies": {
-    "@opentripplanner/core-utils": "^8.2.1",
+    "@opentripplanner/core-utils": "^9.0.0-alpha.36",
     "@styled-icons/fa-solid": "^10.34.0",
     "flat": "^5.0.2",
     "react-animate-height": "^3.0.4"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^5.0.0",
+    "@opentripplanner/types": "^6.0.0-alpha.9",
     "@types/flat": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/trip-details/src/TripDetails.story.tsx b/packages/trip-details/src/TripDetails.story.tsx
index b615acf8c..09b23af53 100644
--- a/packages/trip-details/src/TripDetails.story.tsx
+++ b/packages/trip-details/src/TripDetails.story.tsx
@@ -9,6 +9,7 @@ import {
 } from "@storybook/react";
 import styled from "styled-components";
 // The below eslint-disable is due to https://github.com/storybookjs/storybook/issues/13408
+import { convertGraphQLResponseToLegacy } from "@opentripplanner/core-utils/lib/itinerary";
 // eslint-disable-next-line import/no-named-as-default
 import TripDetails, { FareLegTable } from ".";
 import * as TripDetailsClasses from "./styled";
@@ -17,7 +18,6 @@ import {
   DepartureDetailsProps,
   FareDetailsProps,
   FareTableLayout,
-  FareTableText,
   TripDetailsProps
 } from "./types";
 
@@ -26,21 +26,13 @@ import customFrenchMessages from "../__mocks__/custom-french-messages.yml";
 
 // import mock itinaries. These are all trip plan outputs from OTP.
 const bikeOnlyItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/bike-only.json");
-const bikeRentalItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/bike-rental.json");
-const bikeRentalTransitBikeRentalItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/bike-rental-transit-bike-rental.json");
-const bikeTransitBikeItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/bike-transit-bike.json");
-const eScooterRentalItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/e-scooter-rental.json");
-const eScooterRentalTransiteScooterRentalItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/e-scooter-transit-e-scooter.json");
-const parkAndRideItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/park-and-ride.json");
 const tncTransitTncItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/tnc-transit-tnc.json");
-const walkInterlinedTransitItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/walk-interlined-transit-walk.json");
 const walkOnlyItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/walk-only.json");
 const walkTransitWalkItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/walk-transit-walk.json");
 const walkTransitWalkTransitWalkItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/walk-transit-walk-transit-walk.json");
-const fareComponentsItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/fare-components.json");
 const flexItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/flex-itinerary.json");
 const otp2ScooterItinerary = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/otp2-scooter.json");
-const otp2FareProducts = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/otp2-with-fareproducts.json");
+const otp2FareProducts = require("@opentripplanner/itinerary-body/src/__mocks__/itineraries/leg-fare-products.json");
 
 const flattenedEnglishMessages = flatten(customEnglishMessages);
 const flattenedFrenchMessages = flatten(customFrenchMessages);
@@ -57,104 +49,70 @@ const StyledTripDetails = styled(TripDetails)`
   }
 `;
 
-const otp2FareByLegLayout: FareTableLayout[] = [
+const orcaFareByLegLayout: FareTableLayout[] = [
   {
-    header: "regular" as FareTableText,
     cols: [
       {
-        header: "cash" as FareTableText,
-        riderCategory: "regular",
-        fareContainer: "cash"
+        columnHeaderKey: "cash",
+        mediumId: "orca:cash",
+        riderCategoryId: "orca:regular"
       },
       {
-        header: "electronic" as FareTableText,
-        riderCategory: "regular",
-        fareContainer: "electronic"
+        columnHeaderKey: "electronic",
+        mediumId: "orca:electronic",
+        riderCategoryId: "orca:regular"
       },
       {
-        header: "special" as FareTableText,
-        riderCategory: "special",
-        fareContainer: "electronic"
+        columnHeaderKey: "special",
+        mediumId: "orca:electronic",
+        riderCategoryId: "orca:special"
       }
-    ]
-  },
-  {
-    header: "youth" as FareTableText,
-    cols: [
-      {
-        header: "cash" as FareTableText,
-        riderCategory: "youth",
-        fareContainer: "cash"
-      },
-      {
-        header: "electronic" as FareTableText,
-        riderCategory: "youth",
-        fareContainer: "electronic"
-      }
-    ]
+    ],
+    headerKey: "regular"
   },
   {
-    header: "senior" as FareTableText,
-    cols: [
-      {
-        header: "cash" as FareTableText,
-        riderCategory: "senior",
-        fareContainer: "cash"
-      },
-      {
-        header: "electronic" as FareTableText,
-        riderCategory: "senior",
-        fareContainer: "electronic"
-      }
-    ]
-  }
-];
-const fareByLegLayout: FareTableLayout[] = [
-  {
-    header: "regular" as FareTableText,
     cols: [
       {
-        header: "cash" as FareTableText,
-        key: "regular"
-      },
-      {
-        header: "electronic" as FareTableText,
-        key: "electronicRegular"
+        columnHeaderKey: "cash",
+        mediumId: "orca:cash",
+        riderCategoryId: "orca:youth"
       },
       {
-        header: "special" as FareTableText,
-        key: "electronicSpecial"
-      }
-    ]
-  },
-  {
-    header: "youth" as FareTableText,
-    cols: [
-      {
-        header: "cash" as FareTableText,
-        key: "youth"
+        columnHeaderKey: "electronic",
+        mediumId: "orca:electronic",
+        riderCategoryId: "orca:youth"
       },
       {
-        header: "electronic" as FareTableText,
-        key: "electronicYouth"
+        columnHeaderKey: "test",
+        mediumId: "invalidkey",
+        riderCategoryId: "invalidkey"
       }
-    ]
+    ],
+    headerKey: "youth"
   },
   {
-    header: "senior" as FareTableText,
+    headerKey: "senior",
     cols: [
       {
-        header: "cash" as FareTableText,
-        key: "cash"
+        columnHeaderKey: "cash",
+        mediumId: "orca:cash",
+        riderCategoryId: "orca:senior"
       },
       {
-        header: "electronic" as FareTableText,
-        key: "electronic"
+        columnHeaderKey: "electronic",
+        mediumId: "orca:electronic",
+        riderCategoryId: "orca:senior"
       }
     ]
   }
 ];
 
+const orcaDefaultFareType = {
+  headerKey: "cash-regular",
+  mediumId: "orca:cash",
+  riderCategoryId: "orca:regular"
+};
+
 const englishFareKeyMap = {
   regular: "Transit Fare",
   student: "Student Fare",
@@ -227,10 +185,11 @@ function createTripDetailsTemplate(
 ): ComponentStory<typeof TripDetails> {
   const TripDetailsTemplate = (
     {
-      TimeActiveDetails,
+      defaultFareType,
       DepartureDetails,
       FareDetails,
       fareDetailsLayout,
+      TimeActiveDetails,
       itinerary
     }: TripDetailsProps,
     { globals, parameters }: StoryContext
@@ -251,6 +210,7 @@ function createTripDetailsTemplate(
         fareKeyNameMap={fareKeyNameMap}
         itinerary={itinerary}
         co2Config={defaultCo2Config}
+        defaultFareType={defaultFareType}
       />
     );
   };
@@ -299,7 +259,7 @@ export const WalkTransitWalkItinerary = makeStory({
   itinerary: walkTransitWalkItinerary
 });
 
-export const StyledWalkTransitWalkItinerary = makeStory(
+export const StyledItinerary = makeStory(
   {
     itinerary: walkTransitWalkItinerary
   },
@@ -307,51 +267,10 @@ export const StyledWalkTransitWalkItinerary = makeStory(
   StyledTripDetails
 );
 
-export const BikeTransitBikeItinerary = makeStory({
-  itinerary: bikeTransitBikeItinerary
-});
-
-export const WalkInterlinedTransitItinerary = makeStory(
-  {
-    defaultFareKey: "electronicRegular",
-    fareDetailsLayout: fareByLegLayout,
-    itinerary: walkInterlinedTransitItinerary
-  },
-  {
-    useCustomFareKeyMap: true,
-    // For illustration purposes,
-    // override a subset of localized strings with custom messages.
-    reactIntl: {
-      messages: {
-        "en-US": flattenedEnglishMessages,
-        fr: flattenedFrenchMessages
-      }
-    }
-  }
-);
-
-export const WalkTransitTransferItinerary = makeStory({
-  itinerary: walkTransitWalkTransitWalkItinerary
-});
-
-export const BikeRentalItinerary = makeStory({
-  itinerary: bikeRentalItinerary
-});
-
-export const EScooterRentalItinerary = makeStory({
-  itinerary: eScooterRentalItinerary
-});
-
-export const ParkAndRideItinerary = makeStory({
-  itinerary: parkAndRideItinerary
-});
-
-export const BikeRentalTransitItinerary = makeStory({
-  itinerary: bikeRentalTransitBikeRentalItinerary
-});
-
-export const EScooterRentalTransitItinerary = makeStory({
-  itinerary: eScooterRentalTransiteScooterRentalItinerary
+export const LegFareProductsItinerary = makeStory({
+  defaultFareType: orcaDefaultFareType,
+  fareDetailsLayout: orcaFareByLegLayout,
+  itinerary: otp2FareProducts
 });
 
 // The render of this itinerary is uninteresting, but the test
@@ -372,10 +291,14 @@ export const TncTransitItinerary = makeStory(
 
 export const TncTransitItineraryWithCustomMessages = makeStory(
   {
-    TimeActiveDetails: CustomTimeActiveDetails,
-    defaultFareKey: "electronicRegular",
+    defaultFareType: {
+      headerKey: "electronicRegular",
+      mediumId: "orca:electronic",
+      riderCategoryId: "orca:regular"
+    },
     DepartureDetails: CustomDepartureDetails,
-    itinerary: tncTransitTncItinerary
+    itinerary: tncTransitTncItinerary,
+    TimeActiveDetails: CustomTimeActiveDetails
   },
   {
     // For illustration purposes,
@@ -391,23 +314,9 @@ export const TncTransitItineraryWithCustomMessages = makeStory(
   StyledTripDetails
 );
 
-export const FareComponentsItinerary = makeStory({
-  itinerary: fareComponentsItinerary
-});
-
 export const OTP2FlexItinerary = makeStory({ itinerary: flexItinerary });
 
-export const FareLegTableStory = (): ReactElement => {
-  return (
-    <FareLegTable
-      layout={fareByLegLayout}
-      itinerary={walkInterlinedTransitItinerary}
-    />
-  );
-};
-
 export const FareLegTableStoryLegProducts = (): ReactElement => {
-  return (
-    <FareLegTable layout={otp2FareByLegLayout} itinerary={otp2FareProducts} />
-  );
+  const otp1legs = otp2FareProducts.legs.map(convertGraphQLResponseToLegacy);
+  return <FareLegTable layout={orcaFareByLegLayout} legs={otp1legs} />;
 };
diff --git a/packages/trip-details/src/fare-table.tsx b/packages/trip-details/src/fare-table.tsx
index 289bcaa4f..d516be8a4 100644
--- a/packages/trip-details/src/fare-table.tsx
+++ b/packages/trip-details/src/fare-table.tsx
@@ -1,16 +1,15 @@
-import { Leg, Money } from "@opentripplanner/types";
+import { Leg } from "@opentripplanner/types";
 import React from "react";
 import styled from "styled-components";
 import { Transfer } from "@styled-icons/boxicons-regular/Transfer";
 
 import {
   getItineraryCost,
-  getLegCost,
-  getLegsWithFares
+  getLegCost
 } from "@opentripplanner/core-utils/lib/itinerary";
 import { useIntl } from "react-intl";
 import { flatten } from "flat";
-import { boldText, getFormattedTextForConfigKey, renderFare } from "./utils";
+import { boldText, renderFare } from "./utils";
 
 import { FareLegTableProps, FareTableLayout } from "./types";
 
@@ -23,14 +22,8 @@ import defaultEnglishMessages from "../i18n/en-US.yml";
 // - the yaml loader for jest returns messages with flattened ids.
 const defaultMessages: Record<string, string> = flatten(defaultEnglishMessages);
 
-type LegAndFare = Leg & {
-  fares: Record<string, { price: Money; isTransfer?: boolean }>;
-};
-
 interface FareTypeTableProps extends FareTableLayout {
-  fareTotals: Record<string, Money>;
-  legs: LegAndFare[];
-  hasLegProducts?: boolean;
+  legs: Leg[];
 }
 
 const TableHeader = styled.thead`
@@ -73,63 +66,70 @@ const TransferIcon = styled(Transfer)`
   padding-left: 4px;
 `;
 
+const useGetHeaderString = (headerKey: string): string => {
+  const intl = useIntl();
+  return intl.formatMessage({
+    id: `otpUi.TripDetails.FareTable.${headerKey}`,
+    description: `Fare leg table header for key ${headerKey}`,
+    defaultMessage:
+      defaultEnglishMessages[`otpUi.TripDetails.FareTable.${headerKey}`]
+  });
+};
+
 const FareTypeTable = ({
   cols,
-  fareTotals,
-  header,
-  legs,
-  hasLegProducts
+  headerKey,
+  legs
 }: FareTypeTableProps): JSX.Element => {
-  const colsToRender = cols.filter(col =>
-    hasLegProducts
-      ? getItineraryCost(legs, col.riderCategory, col.fareContainer)
-      : fareTotals[col.key]
-  );
-
   const intl = useIntl();
+  // FIXME: Is there a nicer way to do this?
+  const colsToRender = cols
+    .map(col => ({
+      ...col,
+      total: getItineraryCost(legs, col.mediumId, col.riderCategoryId)
+    }))
+    .filter(col => col.total);
 
+  const headerString = useGetHeaderString(headerKey);
+
+  const filteredLegs = legs.filter(leg => leg.fareProducts?.length > 0);
   if (colsToRender.length) {
     return (
       <Table>
         <TableHeader>
           <th className="main" scope="col">
-            {boldText(getFormattedTextForConfigKey(header))}
+            {boldText(headerString)}
           </th>
           {colsToRender.map(col => {
-            const fare = hasLegProducts
-              ? getItineraryCost(legs, col.riderCategory, col.fareContainer)
-              : fareTotals[col.key];
+            const fare = col.total;
             return (
               <th
                 scope="col"
-                key={col.key || `${col.fareContainer}-${col.riderCategory}`}
+                key={
+                  col.columnHeaderKey ||
+                  `${col.mediumId}-${col.riderCategoryId}`
+                }
               >
-                {boldText(getFormattedTextForConfigKey(col.header))}
+                {boldText(useGetHeaderString(col.columnHeaderKey))}
                 <br />
-                {renderFare(
-                  fare?.currency?.currencyCode,
-                  (fare?.cents || 0) / 100
-                )}
+                {renderFare(fare?.currency?.code, fare?.amount || 0)}
               </th>
             );
           })}
         </TableHeader>
-        {legs.map((leg, index) => (
+        {filteredLegs.map((leg, index) => (
           <tr key={index}>
             <td className="no-zebra">
-              {leg.routeShortName || leg.route || leg.routeLongName}
+              {leg.routeShortName || leg.routeLongName}
             </td>
             {colsToRender.map(col => {
-              const fare = hasLegProducts
-                ? getLegCost(leg, col.riderCategory, col.fareContainer)
-                : leg.fares[col.key];
-
+              const fare = getLegCost(leg, col.mediumId, col.riderCategoryId);
               return (
                 <td
-                  key={col.key}
+                  key={col.columnHeaderKey}
                   title={
                     "transferAmount" in fare &&
-                    fare?.transferAmount &&
+                    fare?.transferAmount?.amount > 0 &&
                     intl.formatMessage(
                       {
                         defaultMessage:
@@ -142,9 +142,9 @@ const FareTypeTable = ({
                       },
                       {
                         transferAmount: intl.formatNumber(
-                          fare.transferAmount / 100,
+                          fare?.transferAmount?.amount,
                           {
-                            currency: fare?.price?.currency?.currencyCode,
+                            currency: fare?.price?.currency?.code,
                             currencyDisplay: "narrowSymbol",
                             style: "currency"
                           }
@@ -153,15 +153,15 @@ const FareTypeTable = ({
                     )
                   }
                 >
-                  {(("isTransfer" in fare && fare?.isTransfer) ||
-                    ("transferAmount" in fare && fare?.transferAmount)) && (
-                    <>
-                      <TransferIcon size={16} />{" "}
-                    </>
-                  )}
+                  {"transferAmount" in fare &&
+                    fare?.transferAmount?.amount > 0 && (
+                      <>
+                        <TransferIcon size={16} />{" "}
+                      </>
+                    )}
                   {renderFare(
-                    fare?.price?.currency?.currencyCode,
-                    (fare?.price?.cents || 0) / 100
+                    fare?.price?.currency?.code,
+                    fare?.price?.amount || 0
                   )}
                 </td>
               );
@@ -174,53 +174,20 @@ const FareTypeTable = ({
   return null;
 };
 
-const FareLegDetails = ({
-  layout,
-  itinerary
-}: FareLegTableProps): JSX.Element => {
-  const hasLegProducts = !!itinerary?.fare?.legProducts;
-  const fareKeys = Object.keys(itinerary?.fare?.details);
-
-  let legsWithFares;
-
-  if (!hasLegProducts) {
-    // OTP1 Logic
-    legsWithFares = itinerary.legs
-      .map((leg, index) => {
-        const fares = fareKeys.reduce((prev, key) => {
-          const fareForKey = itinerary.fare.details[key]?.find(
-            detail => detail.legIndex === index
-          );
-          if (fareForKey) {
-            prev[key] = fareForKey;
-          }
-          return prev;
-        }, {});
-        return {
-          ...leg,
-          fares
-        };
-      })
-      .filter(leg => leg.transitLeg);
-  } else {
-    // OTP2 Logic using core-utils function
-    legsWithFares = getLegsWithFares(itinerary).filter(leg => leg.transitLeg);
-  }
-
+const FareLegTable = ({ layout, legs }: FareLegTableProps): JSX.Element => {
+  // the layout argument contains an object for every table to be displayed
   return (
     <div>
       {layout.map(config => (
         <FareTypeTable
           cols={config.cols}
-          fareTotals={itinerary.fare.fare}
-          header={config.header}
-          key={config.header}
-          legs={legsWithFares}
-          hasLegProducts={hasLegProducts}
+          headerKey={config.headerKey}
+          key={config.headerKey}
+          legs={legs}
         />
       ))}
     </div>
   );
 };
 
-export default FareLegDetails;
+export default FareLegTable;
diff --git a/packages/trip-details/src/index.tsx b/packages/trip-details/src/index.tsx
index 297ae2119..aa8f1eabb 100644
--- a/packages/trip-details/src/index.tsx
+++ b/packages/trip-details/src/index.tsx
@@ -1,5 +1,5 @@
-import flatten from "flat";
 import coreUtils from "@opentripplanner/core-utils";
+import { FareProductSelector } from "@opentripplanner/types";
 import React, { ReactElement } from "react";
 import { FormattedMessage, FormattedNumber } from "react-intl";
 import { CalendarAlt } from "@styled-icons/fa-solid/CalendarAlt";
@@ -7,17 +7,13 @@ import { Heartbeat } from "@styled-icons/fa-solid/Heartbeat";
 import { MoneyBillAlt } from "@styled-icons/fa-solid/MoneyBillAlt";
 import { Leaf } from "@styled-icons/fa-solid/Leaf";
 import { Route } from "@styled-icons/fa-solid/Route";
-
+import { flatten } from "flat";
 import * as S from "./styled";
 import TripDetail from "./trip-detail";
 import FareLegTable from "./fare-table";
 import { boldText, renderFare } from "./utils";
 
-import {
-  TimeActiveDetailsProps,
-  TransitFareProps,
-  TripDetailsProps
-} from "./types";
+import { TimeActiveDetailsProps, TripDetailsProps } from "./types";
 
 // Load the default messages.
 import defaultEnglishMessages from "../i18n/en-US.yml";
@@ -63,54 +59,13 @@ function DefaultTimeActiveDetails({
   );
 }
 
-/**
- * Helper component that renders a transit fare entry.
- */
-const TransitFare = ({
-  fareKey,
-  fareNameFallback,
-  fareKeyNameMap,
-  transitFares
-}: TransitFareProps): ReactElement => {
-  const currentFare = transitFares[fareKey];
-
-  // TODO: Is this needed? Every implementation of TransitFare does a check for currentFare's existence, although not the cents field
-  if (typeof currentFare?.cents !== "number") {
-    return (
-      <FormattedMessage
-        defaultMessage={defaultMessages["otpUi.TripDetails.transitFareUnknown"]}
-        description="Text showing that no fare information is present."
-        id="otpUi.TripDetails.transitFareUnknown"
-      />
-    );
-  }
-
-  return (
-    <span>
-      <FormattedMessage
-        defaultMessage={defaultMessages["otpUi.TripDetails.transitFareEntry"]}
-        description="Text showing the price of tickets on public transportation."
-        id="otpUi.TripDetails.transitFareEntry"
-        values={{
-          name: fareKeyNameMap[fareKey] || fareNameFallback || fareKey,
-          strong: boldText,
-          value: renderFare(
-            currentFare?.currency?.currencyCode || "USD",
-            currentFare.cents / 100
-          )
-        }}
-      />
-    </span>
-  );
-};
-
 /**
  * Renders trip details such as departure instructions, fare amount, and minutes active.
  */
 export function TripDetails({
   className = "",
   co2Config,
-  defaultFareKey = "regular",
+  defaultFareType,
   DepartureDetails = null,
   displayTimeActive = true,
   FareDetails = null,
@@ -122,63 +77,105 @@ export function TripDetails({
   // process the transit fare
   const fareResult = coreUtils.itinerary.calculateTncFares(itinerary);
   const { currencyCode, maxTNCFare, minTNCFare } = fareResult;
-  const transitFares = itinerary?.fare?.fare;
-
-  let companies = "";
-  itinerary.legs.forEach(leg => {
-    if (leg.rideHailingEstimate) {
-      companies = leg.rideHailingEstimate.provider.id;
-    }
-  });
-  let fare;
 
-  const fareKeys = transitFares && Object.keys(transitFares).sort();
+  const { companies, fareTypes } = itinerary.legs.reduce<{
+    companies: string;
+    fareTypes: FareProductSelector[];
+  }>(
+    (prev, leg) => {
+      if (leg.rideHailingEstimate) {
+        prev.companies = leg.rideHailingEstimate.provider.id;
+      }
 
-  if (transitFares && fareKeys.length > 0) {
-    let defaultFare = defaultFareKey;
-    if (!transitFares[defaultFareKey]) {
-      defaultFare = "regular";
-    }
+      if (leg.fareProducts) {
+        leg.fareProducts.forEach(fp => {
+          const mediumId = fp.product.medium?.id;
+          const riderCategoryId = fp.product.riderCategory?.id;
+          if (
+            !prev.fareTypes.find(
+              ft =>
+                ft.mediumId === mediumId &&
+                ft.riderCategoryId === riderCategoryId
+            )
+          ) {
+            prev.fareTypes.push({ mediumId, riderCategoryId });
+          }
+        });
+      }
+      return prev;
+    },
+    { companies: "", fareTypes: [] }
+  );
 
+  let fare;
+  if (fareTypes.length > 0 && defaultFareType) {
+    const defaultFareTotal = coreUtils.itinerary.getItineraryCost(
+      itinerary.legs,
+      defaultFareType.mediumId,
+      defaultFareType.riderCategoryId
+    );
     // Depending on if there are additional fares to display either render a <span> or a <details>
     const TransitFareWrapper =
-      transitFares && fareKeys.length > 1 ? S.TransitFare : S.TransitFareSingle;
+      fareTypes.length > 1 ? S.TransitFare : S.TransitFareSingle;
 
-    fare = transitFares?.[defaultFare] && (
+    const fareNameFallback = (
+      <FormattedMessage
+        defaultMessage={defaultMessages["otpUi.TripDetails.transitFare"]}
+        description="Text showing the price of tickets on public transportation."
+        id="otpUi.TripDetails.transitFare"
+      />
+    );
+
+    fare = defaultFareTotal?.amount && (
       <S.Fare>
         <TransitFareWrapper>
-          <summary style={{ display: fareKeys.length > 1 ? "list-item" : "" }}>
-            <TransitFare
-              fareNameFallback={
-                <FormattedMessage
-                  defaultMessage={
-                    defaultMessages["otpUi.TripDetails.transitFare"]
-                  }
-                  description="Text showing the price of tickets on public transportation."
-                  id="otpUi.TripDetails.transitFare"
-                />
+          <summary style={{ display: fareTypes.length > 1 ? "list-item" : "" }}>
+            <FormattedMessage
+              defaultMessage={
+                defaultMessages["otpUi.TripDetails.transitFareEntry"]
               }
-              fareKey={defaultFare}
-              fareKeyNameMap={fareKeyNameMap}
-              transitFares={transitFares}
+              description="Text showing the price of tickets on public transportation."
+              id="otpUi.TripDetails.transitFareEntry"
+              values={{
+                name:
+                  fareKeyNameMap[defaultFareType.headerKey] || fareNameFallback,
+                strong: boldText,
+                value: renderFare(
+                  defaultFareTotal.currency?.code || "USD",
+                  defaultFareTotal?.amount
+                )
+              }}
             />
           </summary>
           {fareDetailsLayout ? (
             // Show full ƒare details by leg
-            <FareLegTable layout={fareDetailsLayout} itinerary={itinerary} />
+            <FareLegTable layout={fareDetailsLayout} legs={itinerary.legs} />
           ) : (
             // Just show the fares for each payment type
-            fareKeys.map(fareKey => {
+            fareTypes.map(fareType => {
               // Don't show the default fare twice!
-              if (fareKey === defaultFare) {
+              if (fareType) {
                 return null;
               }
               return (
-                <TransitFare
-                  fareKey={fareKey}
-                  fareKeyNameMap={fareKeyNameMap}
-                  key={fareKey}
-                  transitFares={transitFares}
+                <FormattedMessage
+                  defaultMessage={
+                    defaultMessages["otpUi.TripDetails.transitFareEntry"]
+                  }
+                  description="Text showing the price of tickets on public transportation."
+                  id="otpUi.TripDetails.transitFareEntry"
+                  key={Object.values(fareType).join("-")}
+                  values={{
+                    name:
+                      fareKeyNameMap[defaultFareType.headerKey] ||
+                      fareNameFallback,
+                    strong: boldText,
+                    value: renderFare(
+                      defaultFareTotal.currency?.code || "USD",
+                      defaultFareTotal?.amount /
+                        defaultFareTotal?.currency?.digits
+                    )
+                  }}
                 />
               );
             })
@@ -280,15 +277,15 @@ export function TripDetails({
             </S.Timing>
           }
         />
-        {fare && (
+        {!!fare && (
           <TripDetail
             // Any custom description for the transit fare needs to be handled by the slot.
             description={
               FareDetails && (
                 <FareDetails
+                  legs={itinerary.legs}
                   maxTNCFare={maxTNCFare}
                   minTNCFare={minTNCFare}
-                  transitFares={transitFares}
                 />
               )
             }
@@ -302,9 +299,9 @@ export function TripDetails({
             description={
               FareDetails && (
                 <FareDetails
+                  legs={itinerary.legs}
                   maxTNCFare={maxTNCFare}
                   minTNCFare={minTNCFare}
-                  transitFares={transitFares}
                 />
               )
             }
diff --git a/packages/trip-details/src/types.ts b/packages/trip-details/src/types.ts
index 7a180ca2c..1feba9d6c 100644
--- a/packages/trip-details/src/types.ts
+++ b/packages/trip-details/src/types.ts
@@ -1,7 +1,12 @@
 // Prettier does not recognize the import type syntax.
 // eslint-disable-next-line prettier/prettier
-import type { MassUnitOption, Fare, Itinerary, Money } from "@opentripplanner/types";
-import type { ReactElement } from "react";
+import type { 
+  FareProductSelector, 
+  Itinerary, 
+  Leg, 
+  MassUnitOption,
+  Money
+ } from "@opentripplanner/types";
 
 export interface TimeActiveDetailsProps {
   bikeMinutes: number;
@@ -19,47 +24,34 @@ export interface DepartureDetailsProps {
   departureDate: Date;
 }
 
-export enum FareTableText {
-  regular = "regular",
-  youth = "youth",
-  senior = "senior",
-  special = "special",
-  cash = "cash",
-  electronic = "electronic"
-}
-
+/**
+ * This is the interface used to define the layout for a particular fare table.
+ * The table with be rendered with the columns defined here,
+ * with each row being an individual transit leg from the itinerary.
+ */
 export interface FareTableLayout {
-  cols: {
-    header: FareTableText;
-    key?: string;
-    riderCategory?: string;
-    fareContainer?: string;
-  }[];
-  header: FareTableText;
+  cols: (FareProductSelector & {
+    columnHeaderKey: string;
+  })[]
+  headerKey: string;
 }
-export interface TransitFareData {
-  [key: string]: Money
+/**
+ * Interface containing the lgs and the layout of the fare table.
+ */
+export interface FareLegTableProps {
+  layout?: FareTableLayout[];
+  legs: Leg[];
 }
 
+// Total fare amount corresponding to a fare key
+export type FareTotals = (FareProductSelector & { price: Money })[]
+
 export interface FareDetailsProps {
+  legs: Leg[];
   maxTNCFare: number;
   minTNCFare: number;
-  transitFares: TransitFareData;
-}
-
-export interface FareLegTableProps {
-  layout?: FareTableLayout[];
-  itinerary: Itinerary;
 }
 
-export interface TransitFareProps {
-  fareKey: string;
-  fareNameFallback?: ReactElement;
-  fareKeyNameMap: {
-    [key: string]: string;
-  };
-  transitFares: Fare;
-}
 
 export interface TripDetailsProps {
   /**
@@ -73,7 +65,7 @@ export interface TripDetailsProps {
   /**
    * Determines which transit fare should be displayed by default, should there be multiple transit fare types.
    */
-  defaultFareKey?: string;
+  defaultFareType?: { headerKey: string } & FareProductSelector;
   /**
    * Slot for a custom component to render the expandable section for departure.
    */
diff --git a/packages/trip-details/src/utils.tsx b/packages/trip-details/src/utils.tsx
index 809c596c1..36cfd05f6 100644
--- a/packages/trip-details/src/utils.tsx
+++ b/packages/trip-details/src/utils.tsx
@@ -1,21 +1,10 @@
-import React, { ReactElement } from "react";
-import { FormattedMessage, FormattedNumber } from "react-intl";
-import { flatten } from "flat";
-import { FareTableText } from "./types";
-
-// Load the default messages.
-import defaultEnglishMessages from "../i18n/en-US.yml";
-
-// HACK: We should flatten the messages loaded above because
-// the YAML loaders behave differently between webpack and our version of jest:
-// - the yaml loader for webpack returns a nested object,
-// - the yaml loader for jest returns messages with flattened ids.
-const defaultMessages: Record<string, string> = flatten(defaultEnglishMessages);
+import React, { ReactElement, ReactNode } from "react";
+import { FormattedNumber } from "react-intl";
 
 /**
  * Format text bold (used with FormattedMessage).
  */
-export function boldText(contents: ReactElement): ReactElement {
+export function boldText(contents: ReactNode): ReactElement {
   return <strong>{contents}</strong>;
 }
 
@@ -39,63 +28,3 @@ export function renderFare(currencyCode: string, fare: number): ReactElement {
     />
   );
 }
-
-export const getFormattedTextForConfigKey = (textKey: FareTableText) => {
-  switch (textKey) {
-    case FareTableText.cash:
-      return (
-        <FormattedMessage
-          defaultMessage={
-            defaultMessages["otpUi.TripDetails.fareDetailsHeaders.cash"]
-          }
-          id="otpUi.TripDetails.fareDetailsHeaders.cash"
-        />
-      );
-    case FareTableText.electronic:
-      return (
-        <FormattedMessage
-          defaultMessage={
-            defaultMessages["otpUi.TripDetails.fareDetailsHeaders.electronic"]
-          }
-          id="otpUi.TripDetails.fareDetailsHeaders.electronic"
-        />
-      );
-    case FareTableText.youth:
-      return (
-        <FormattedMessage
-          defaultMessage={
-            defaultMessages["otpUi.TripDetails.fareDetailsHeaders.youth"]
-          }
-          id="otpUi.TripDetails.fareDetailsHeaders.youth"
-        />
-      );
-    case FareTableText.senior:
-      return (
-        <FormattedMessage
-          defaultMessage={
-            defaultMessages["otpUi.TripDetails.fareDetailsHeaders.senior"]
-          }
-          id="otpUi.TripDetails.fareDetailsHeaders.senior"
-        />
-      );
-    case FareTableText.special:
-      return (
-        <FormattedMessage
-          defaultMessage={
-            defaultMessages["otpUi.TripDetails.fareDetailsHeaders.special"]
-          }
-          id="otpUi.TripDetails.fareDetailsHeaders.special"
-        />
-      );
-    case FareTableText.regular:
-    default:
-      return (
-        <FormattedMessage
-          defaultMessage={
-            defaultMessages["otpUi.TripDetails.fareDetailsHeaders.regular"]
-          }
-          id="otpUi.TripDetails.fareDetailsHeaders.regular"
-        />
-      );
-  }
-};
diff --git a/packages/types/src/index.ts b/packages/types/src/index.ts
index 3731bb292..d9f2e97ea 100644
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@@ -187,11 +187,6 @@ export type Config = {
   transitOperators?: TransitOperator[];
 };
 
-type FeedScopedId = {
-  agencyId?: string;
-  id?: string;
-};
-
 export type EncodedPolyline = {
   length: number;
   points: string;
@@ -298,6 +293,7 @@ export type Leg = {
   dropOffBookingInfo?: FlexDropOffBookingInfo;
   duration: number;
   endTime: number;
+  fareProducts?: { id: string; product: FareProduct }[];
   from: Place;
   headsign?: string;
   interlineWithPreviousLeg: boolean;
@@ -342,11 +338,6 @@ export type Leg = {
   tripBlockId?: string;
   tripId?: string;
   walkingBike?: boolean;
-  /**
-   * Below this are extra properties added in OTP-RR
-   * They are not returned in the API response
-   */
-  fareProducts?: Array<FareProduct>;
 };
 
 type TripStopTime = {
@@ -368,44 +359,13 @@ type TemporaryTNCPriceType = {
  * Describes the cost of an itinerary leg.
  */
 export type Money = {
-  cents: number;
+  amount: number;
   currency: {
-    defaultFractionDigits: number;
-    currencyCode: string;
-    symbol: string;
-    currency: string;
+    code: string;
+    digits: number;
   };
 };
 
-/**
- * Describes a fare id or route to which a fare applies.
- */
-type ApplicableId = string | FeedScopedId;
-
-export type FareDetail = {
-  fareId?: ApplicableId;
-  isTransfer?: boolean;
-  legIndex?: number;
-  price: Money;
-  routes?: ApplicableId[];
-};
-
-export type FareDetails = Record<string, FareDetail[]>;
-
-/**
- * Represents the fare component of an itinerary of an OTP plan response. See
- * detailed documentation in OTP webservice documentation here:
- * http://otp-docs.ibi-transit.com/api/json_Fare.html
- *
- * NOTE: so far the fare includes ONLY a fare encountered on public transit and
- * not any bike rental or TNC rental fees.
- */
-export type Fare = {
-  details?: FareDetails;
-  fare?: Record<string, Money>;
-  legProducts?: Array<LegProduct>;
-};
-
 /**
  * Represents an itinerary of an OTP plan response. See detailed documentation
  * in OTP webservice documentation here:
@@ -418,7 +378,6 @@ export type Itinerary = {
   elevationGained: number;
   elevationLost: number;
   endTime: number;
-  fare?: Fare;
   legs: Leg[];
   startTime: number;
   tooSloped?: boolean;
@@ -791,23 +750,26 @@ export type ModeButtonDefinition = {
   modeSettings?: ModeSetting[]; // From OTP definitions + config
 };
 
+/**
+ * Definition for a fare product used to pay the fare for a leg in a transit journey
+ */
 export type FareProduct = {
-  amount: Money;
   id: string;
-  name: string;
-  category: {
+  medium?: {
     id: string;
     name: string;
   };
-  container: {
+  name: string;
+  price: Money;
+  riderCategory?: {
     id: string;
     name: string;
   };
 };
 
-export type LegProduct = {
-  legIndices: Array<number>;
-  products: Array<FareProduct>;
+export type FareProductSelector = {
+  mediumId: string;
+  riderCategoryId: string;
 };
 
 /**
diff --git a/yarn.lock b/yarn.lock
index 292fe6180..89314e45f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3241,6 +3241,25 @@
   resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-1.0.3.tgz#db9cc719191a62e7d9200f6e7bab21c5b848adca"
   integrity sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==
 
+"@opentripplanner/core-utils@^9.0.0-alpha.36":
+  version "9.0.0-alpha.36"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-9.0.0-alpha.36.tgz#d28a8f602eea198e23c017cea2dce87fbb41ff1b"
+  integrity sha512-/Jo4x810D41Htr1eJXekU2MBgqxw2tO7ZTejt2jBuwMwRgL68qPCt45MKcLfXGrJLXv8J/0lVwmkqbcqK95D+A==
+  dependencies:
+    "@conveyal/lonlat" "^1.4.1"
+    "@mapbox/polyline" "^1.1.0"
+    "@opentripplanner/geocoder" "^1.4.0"
+    "@styled-icons/foundation" "^10.34.0"
+    "@turf/along" "^6.0.1"
+    bowser "^2.7.0"
+    chroma-js "^2.4.2"
+    date-fns "^2.28.0"
+    date-fns-tz "^1.2.2"
+    graphql "^16.6.0"
+    lodash.clonedeep "^4.5.0"
+    lodash.isequal "^4.5.0"
+    qs "^6.9.1"
+
 "@opentripplanner/geocoder@1.4.0":
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/@opentripplanner/geocoder/-/geocoder-1.4.0.tgz#728afec6585cf3748a1931493b3a3566421f445d"
@@ -3256,6 +3275,11 @@
   resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-6.0.0-alpha.4.tgz#dee3c06675e30c596159d182ed707e7710cd937c"
   integrity sha512-FlYsHm/tk+x0ldrEG1X9Ph1R1k3way1oEdKX7XSnhu9lNTzL4lO0hfT1PLzNXMfBRar7TzK94PHNDibJsod8Kw==
 
+"@opentripplanner/types@^6.0.0-alpha.9":
+  version "6.0.0-alpha.10"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-6.0.0-alpha.10.tgz#1489c55f7741ef46df6882c682580ea96ca23d62"
+  integrity sha512-s0xBgA3WLqvda5itUYzv7PGyMV/dqITfnA2zpdwsbyzuNQeOYTk1tSQLWr+QH7mbUYJXAs5i8qzC/VNvDSZQqg==
+
 "@peculiar/asn1-schema@^2.1.6", "@peculiar/asn1-schema@^2.3.0":
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/@peculiar/asn1-schema/-/asn1-schema-2.3.3.tgz#21418e1f3819e0b353ceff0c2dad8ccb61acd777"