From 82bae740b9af2d96c654c03d0cd7180bd7a9388b Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Mon, 18 Sep 2023 15:45:45 -0500
Subject: [PATCH 01/32] refactor: adjust markup for goecoder results

---
 packages/location-field/src/index.tsx   |  2 --
 packages/location-field/src/options.tsx | 17 +++++-------
 packages/location-field/src/styled.ts   | 36 ++++++++++++++++---------
 3 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/packages/location-field/src/index.tsx b/packages/location-field/src/index.tsx
index d0084d726..75023a6de 100644
--- a/packages/location-field/src/index.tsx
+++ b/packages/location-field/src/index.tsx
@@ -874,7 +874,6 @@ const LocationField = ({
     currentPosition && currentPosition.fetching
       ? intl.formatMessage({ id: "otpUi.LocationField.fetchingLocation" })
       : defaultPlaceholder;
-  const hasNoEnabledOptions = menuItemCount === 0;
   const isExpanded = isStatic || menuVisible;
 
   const textControl = (
@@ -951,7 +950,6 @@ const LocationField = ({
       </S.HiddenContent>
       <ItemList
         // Hide the list from screen readers if no enabled options are shown.
-        aria-hidden={hasNoEnabledOptions}
         aria-label={intl.formatMessage({
           defaultMessage: "Suggested locations",
           description:
diff --git a/packages/location-field/src/options.tsx b/packages/location-field/src/options.tsx
index 5f41326cb..cc7449bfe 100644
--- a/packages/location-field/src/options.tsx
+++ b/packages/location-field/src/options.tsx
@@ -53,17 +53,14 @@ export const MenuItem = ({
   <S.MenuItemLi
     // Hide disabled choices from screen readers (a relevant status is already provided).
     aria-hidden={disabled || undefined}
-    role={disabled ? undefined : "none"}
+    active={active}
+    id={id}
+    onClick={disabled ? null : onClick}
+    role="option"
+    aria-selected={active}
+    tabIndex={-1}
   >
-    <S.MenuItemA
-      active={active}
-      id={id}
-      onClick={disabled ? null : onClick}
-      role="option"
-      tabIndex={-1}
-    >
-      {children}
-    </S.MenuItemA>
+    {children}
   </S.MenuItemLi>
 );
 
diff --git a/packages/location-field/src/styled.ts b/packages/location-field/src/styled.ts
index 88756f657..437fb5a74 100644
--- a/packages/location-field/src/styled.ts
+++ b/packages/location-field/src/styled.ts
@@ -74,18 +74,6 @@ export const InputGroup = styled.div`
   position: relative;
 `;
 
-export const MenuItemA = styled.a<{ active?: boolean }>`
-  background-color: ${props => (props.active ? "#337ab7" : "transparent")};
-  clear: both;
-  color: ${props => (props.active ? "#fff" : "#333")};
-  display: block;
-  font-weight: 400;
-  line-height: 1.42857143;
-  padding: 3px 20px;
-  text-decoration: none;
-  white-space: nowrap;
-`;
-
 export const MenuGroupHeader = styled.h2<{
   bgColor?: string;
   fgColor?: string;
@@ -101,7 +89,7 @@ export const MenuGroupHeader = styled.h2<{
   white-space: nowrap;
 `;
 
-export const MenuItemLi = styled.li`
+export const MenuItemLi = styled.li<{ active?: boolean }>`
   &:hover {
     /* TODO: adjust highlight color based on props.color? */
     background-color: #f5f5f5;
@@ -114,6 +102,28 @@ export const MenuItemLi = styled.li`
     background-color: unset;
     cursor: default;
   }
+
+  background-color: ${props => (props.active ? "#337ab7" : "transparent")};
+  clear: both;
+  color: ${props => (props.active ? "#fff" : "#333")};
+  display: block;
+  font-weight: 400;
+  line-height: 1.42857143;
+  padding: 3px 20px;
+  text-decoration: none;
+  white-space: nowrap;
+`;
+
+export const MenuItemA = styled.span<{ active?: boolean }>`
+  background-color: ${props => (props.active ? "#337ab7" : "transparent")};
+  clear: both;
+  color: ${props => (props.active ? "#fff" : "#333")};
+  display: block;
+  font-weight: 400;
+  line-height: 1.42857143;
+  padding: 3px 20px;
+  text-decoration: none;
+  white-space: nowrap;
 `;
 
 export const OptionContainer = styled.span`

From 678037928d3e64003ddc04ef23d3aff71c824729 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Tue, 19 Sep 2023 15:49:15 -0500
Subject: [PATCH 02/32] feat(itinerary-body): drive direction configurable

---
 .../src/AccessLegBody/index.tsx               | 58 +++++++++++--------
 .../src/AccessLegBody/mapillary-button.tsx    |  6 +-
 packages/itinerary-body/src/styled.tsx        |  5 +-
 3 files changed, 44 insertions(+), 25 deletions(-)

diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx
index 257137385..7a8d77b23 100644
--- a/packages/itinerary-body/src/AccessLegBody/index.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/index.tsx
@@ -77,6 +77,9 @@ class AccessLegBody extends Component<Props, State> {
     } = this.props;
     const { expanded } = this.state;
 
+    const hideDrivingDirections =
+      config?.itinerary?.hideDrivingDirections && leg.mode === "CAR";
+
     if (leg.mode === "CAR" && leg.rideHailingEstimate) {
       return (
         <TNCLeg
@@ -111,38 +114,47 @@ class AccessLegBody extends Component<Props, State> {
           <S.LegDetails>
             <S.StepsHeaderAndMapLink>
               <S.StepsHeader
-                aria-expanded={expanded}
-                onClick={this.onStepsHeaderClick}
+                aria-expanded={!hideDrivingDirections ? expanded : undefined}
+                as={hideDrivingDirections && "span"}
+                autoCursor={hideDrivingDirections}
+                onClick={!hideDrivingDirections && this.onStepsHeaderClick}
               >
                 <Duration seconds={leg.duration} />
-                {leg.steps && <S.CaretToggle expanded={expanded} />}
-                <S.InvisibleAdditionalDetails>
-                  <FormattedMessage
-                    defaultMessage={
-                      defaultMessages["otpUi.TransitLegBody.expandDetails"]
-                    }
-                    description="Screen reader text added to expand steps"
-                    id="otpUi.TransitLegBody.expandDetails"
-                  />
-                </S.InvisibleAdditionalDetails>
+                {leg.steps && !hideDrivingDirections && (
+                  <S.CaretToggle expanded={expanded} />
+                )}
+                {!hideDrivingDirections && (
+                  <S.InvisibleAdditionalDetails>
+                    <FormattedMessage
+                      defaultMessage={
+                        defaultMessages["otpUi.TransitLegBody.expandDetails"]
+                      }
+                      description="Screen reader text added to expand steps"
+                      id="otpUi.TransitLegBody.expandDetails"
+                    />
+                  </S.InvisibleAdditionalDetails>
+                )}
               </S.StepsHeader>
               <MapillaryButton
                 clickCallback={mapillaryCallback}
                 coords={leg.from}
+                hideDrivingDirections={hideDrivingDirections}
                 mapillaryKey={mapillaryKey}
               />
             </S.StepsHeaderAndMapLink>
-            <AnimateHeight
-              duration={500}
-              height={expanded ? "auto" : 0}
-              style={{ gridColumn: "1 / span 2" }}
-            >
-              <AccessLegSteps
-                mapillaryCallback={mapillaryCallback}
-                mapillaryKey={mapillaryKey}
-                steps={leg.steps}
-              />
-            </AnimateHeight>
+            {!hideDrivingDirections && (
+              <AnimateHeight
+                duration={500}
+                height={expanded ? "auto" : 0}
+                style={{ gridColumn: "1 / span 2" }}
+              >
+                <AccessLegSteps
+                  mapillaryCallback={mapillaryCallback}
+                  mapillaryKey={mapillaryKey}
+                  steps={leg.steps}
+                />
+              </AnimateHeight>
+            )}
             <LegDiagramPreview
               diagramVisible={diagramVisible}
               leg={leg}
diff --git a/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx b/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
index 0ded66f0e..d50b9fa9f 100644
--- a/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
@@ -27,7 +27,8 @@ const generateBoundingBoxFromCoordinate = ({
   return [west, south, east, north];
 };
 
-const Container = styled.a`
+const Container = styled.a<{ hideDrivingDirections: boolean }>`
+  margin-left: ${props => (props.hideDrivingDirections ? ".4em" : "0")};
   &:hover {
     cursor: pointer;
     text-decoration: none;
@@ -60,10 +61,12 @@ const Icon = styled(StreetView)`
 const MapillaryButton = ({
   clickCallback,
   coords,
+  hideDrivingDirections,
   mapillaryKey
 }: {
   clickCallback?: (id: string) => void;
   coords: { lat: number; lon: number };
+  hideDrivingDirections: boolean;
   mapillaryKey: string;
 }): JSX.Element => {
   const [imageId, setImageId] = useState(null);
@@ -105,6 +108,7 @@ const MapillaryButton = ({
   return (
     <Container
       aria-label={mapilaryLabel}
+      hideDrivingDirections={hideDrivingDirections}
       onClick={handleClick}
       role="link"
       title={mapilaryLabel}
diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx
index 876f263b3..7cd557f50 100755
--- a/packages/itinerary-body/src/styled.tsx
+++ b/packages/itinerary-body/src/styled.tsx
@@ -588,8 +588,11 @@ export const StepsHeaderAndMapLink = styled.span`
   }
 `;
 
-export const StepsHeader = styled(TransparentButton)`
+export const StepsHeader = styled(TransparentButton)<{
+  autoCursor: boolean;
+}>`
   color: #676767;
+  cursor: ${props => (props.autoCursor ? "auto" : "pointer")};
   font-size: 13px;
   font-style: normal;
   padding: 0;

From 70c8ed287cc5ddf42f56fe66faeed01d7c73b9f5 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Wed, 20 Sep 2023 10:59:15 -0500
Subject: [PATCH 03/32] refactor(itinerary-body): update types deps

---
 packages/itinerary-body/package.json                         | 2 +-
 .../itinerary-body/src/AccessLegBody/mapillary-button.tsx    | 2 +-
 yarn.lock                                                    | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json
index 1f4f64e22..4afd83b82 100644
--- a/packages/itinerary-body/package.json
+++ b/packages/itinerary-body/package.json
@@ -24,7 +24,7 @@
     "string-similarity": "^4.0.4"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.1.0",
+    "@opentripplanner/types": "7.0.0-alpha.11",
     "@types/flat": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx b/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
index d50b9fa9f..aff549da3 100644
--- a/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
@@ -66,7 +66,7 @@ const MapillaryButton = ({
 }: {
   clickCallback?: (id: string) => void;
   coords: { lat: number; lon: number };
-  hideDrivingDirections: boolean;
+  hideDrivingDirections?: boolean;
   mapillaryKey: string;
 }): JSX.Element => {
   const [imageId, setImageId] = useState(null);
diff --git a/yarn.lock b/yarn.lock
index 4325b8dcc..5114e0509 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3241,6 +3241,11 @@
   resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-1.0.3.tgz#db9cc719191a62e7d9200f6e7bab21c5b848adca"
   integrity sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==
 
+"@opentripplanner/types@7.0.0-alpha.11":
+  version "7.0.0-alpha.11"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.11.tgz#9f9db6a6aa83880080bb1e0b6e1fcd76fb8ce8fc"
+  integrity sha512-VnnemsxdJXnVFZA9wiexR5+MiOxlqteHzOHcsyISHLXQ9wdI/PpG6oJjq5aAzrDcEReaRQQtMiwbbmgQtz3B+Q==
+
 "@opentripplanner/types@7.0.0-alpha.2":
   version "7.0.0-alpha.2"
   resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.2.tgz#d10c69f99b2da6d1e80ab5989520bde8e558627b"

From 35a6cd02743edb18634ccb41b76cbe9687fd5698 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Wed, 20 Sep 2023 14:40:06 -0500
Subject: [PATCH 04/32] fix(location-field): add aria-assertive to results

---
 packages/location-field/src/options.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/location-field/src/options.tsx b/packages/location-field/src/options.tsx
index cc7449bfe..d3f1434ba 100644
--- a/packages/location-field/src/options.tsx
+++ b/packages/location-field/src/options.tsx
@@ -53,6 +53,9 @@ export const MenuItem = ({
   <S.MenuItemLi
     // Hide disabled choices from screen readers (a relevant status is already provided).
     aria-hidden={disabled || undefined}
+    /* A known issue prevents combobox results to be read out on Voiceover. This is a hack to ensure 
+    AT hear all options - see https://react-spectrum.adobe.com/blog/building-a-combobox.html#voiceover */
+    aria-live={active ? "assertive" : "off"}
     active={active}
     id={id}
     onClick={disabled ? null : onClick}

From 18a13ceb17bd2a92f0ccb6f8dba89c1287acebce Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Thu, 21 Sep 2023 12:30:11 -0400
Subject: [PATCH 05/32] fix typo in AT message

---
 packages/location-field/i18n/en-US.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/location-field/i18n/en-US.yml b/packages/location-field/i18n/en-US.yml
index 283803a10..de88545ca 100644
--- a/packages/location-field/i18n/en-US.yml
+++ b/packages/location-field/i18n/en-US.yml
@@ -8,7 +8,7 @@ otpUi:
     geocoderUnreachable: Unable to obtain suggestions
     homeLocation: Home
     howToAccessResults: >-
-      Use the down arrow key browse the results list. To select a result, use
+      Use the down arrow key to browse the results list. To select a result, use
       the Enter key.
     myPlaces: My Places
     nearby: Nearby Stops

From f6f845308dac871126007d11a47b2a088ca3bba7 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Thu, 21 Sep 2023 13:01:35 -0400
Subject: [PATCH 06/32] refactor: clean up changes

---
 packages/location-field/src/index.tsx |  2 ++
 packages/location-field/src/styled.ts | 12 ------------
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/packages/location-field/src/index.tsx b/packages/location-field/src/index.tsx
index 75023a6de..d0084d726 100644
--- a/packages/location-field/src/index.tsx
+++ b/packages/location-field/src/index.tsx
@@ -874,6 +874,7 @@ const LocationField = ({
     currentPosition && currentPosition.fetching
       ? intl.formatMessage({ id: "otpUi.LocationField.fetchingLocation" })
       : defaultPlaceholder;
+  const hasNoEnabledOptions = menuItemCount === 0;
   const isExpanded = isStatic || menuVisible;
 
   const textControl = (
@@ -950,6 +951,7 @@ const LocationField = ({
       </S.HiddenContent>
       <ItemList
         // Hide the list from screen readers if no enabled options are shown.
+        aria-hidden={hasNoEnabledOptions}
         aria-label={intl.formatMessage({
           defaultMessage: "Suggested locations",
           description:
diff --git a/packages/location-field/src/styled.ts b/packages/location-field/src/styled.ts
index 437fb5a74..c6735f54f 100644
--- a/packages/location-field/src/styled.ts
+++ b/packages/location-field/src/styled.ts
@@ -114,18 +114,6 @@ export const MenuItemLi = styled.li<{ active?: boolean }>`
   white-space: nowrap;
 `;
 
-export const MenuItemA = styled.span<{ active?: boolean }>`
-  background-color: ${props => (props.active ? "#337ab7" : "transparent")};
-  clear: both;
-  color: ${props => (props.active ? "#fff" : "#333")};
-  display: block;
-  font-weight: 400;
-  line-height: 1.42857143;
-  padding: 3px 20px;
-  text-decoration: none;
-  white-space: nowrap;
-`;
-
 export const OptionContainer = styled.span`
   display: block;
   padding-top: 5px;

From 53a5c5f9b01fdd1b78e0a02d13743805c600454b Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Fri, 22 Sep 2023 10:23:55 -0400
Subject: [PATCH 07/32] refactor: address PR feedback

---
 .../src/AccessLegBody/index.tsx               | 68 +++++++++++--------
 .../src/AccessLegBody/mapillary-button.tsx    |  6 +-
 packages/itinerary-body/src/styled.tsx        |  5 +-
 3 files changed, 42 insertions(+), 37 deletions(-)

diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx
index 7a8d77b23..66f969fec 100644
--- a/packages/itinerary-body/src/AccessLegBody/index.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/index.tsx
@@ -112,36 +112,44 @@ class AccessLegBody extends Component<Props, State> {
             showLegIcon={showLegIcon}
           />
           <S.LegDetails>
-            <S.StepsHeaderAndMapLink>
-              <S.StepsHeader
-                aria-expanded={!hideDrivingDirections ? expanded : undefined}
-                as={hideDrivingDirections && "span"}
-                autoCursor={hideDrivingDirections}
-                onClick={!hideDrivingDirections && this.onStepsHeaderClick}
-              >
-                <Duration seconds={leg.duration} />
-                {leg.steps && !hideDrivingDirections && (
-                  <S.CaretToggle expanded={expanded} />
-                )}
-                {!hideDrivingDirections && (
-                  <S.InvisibleAdditionalDetails>
-                    <FormattedMessage
-                      defaultMessage={
-                        defaultMessages["otpUi.TransitLegBody.expandDetails"]
-                      }
-                      description="Screen reader text added to expand steps"
-                      id="otpUi.TransitLegBody.expandDetails"
-                    />
-                  </S.InvisibleAdditionalDetails>
-                )}
-              </S.StepsHeader>
-              <MapillaryButton
-                clickCallback={mapillaryCallback}
-                coords={leg.from}
-                hideDrivingDirections={hideDrivingDirections}
-                mapillaryKey={mapillaryKey}
-              />
-            </S.StepsHeaderAndMapLink>
+            {hideDrivingDirections ? (
+              <S.StepsHeaderAndMapLink>
+                <S.StepsHeader as="span" span>
+                  <Duration seconds={leg.duration} />
+                </S.StepsHeader>
+                <MapillaryButton
+                  clickCallback={mapillaryCallback}
+                  coords={leg.from}
+                  mapillaryKey={mapillaryKey}
+                />
+              </S.StepsHeaderAndMapLink>
+            ) : (
+              <S.StepsHeaderAndMapLink>
+                <S.StepsHeader
+                  aria-expanded={expanded}
+                  onClick={this.onStepsHeaderClick}
+                >
+                  <Duration seconds={leg.duration} />
+                  {leg.steps && <S.CaretToggle expanded={expanded} />}
+                  {!hideDrivingDirections && (
+                    <S.InvisibleAdditionalDetails>
+                      <FormattedMessage
+                        defaultMessage={
+                          defaultMessages["otpUi.TransitLegBody.expandDetails"]
+                        }
+                        description="Screen reader text added to expand steps"
+                        id="otpUi.TransitLegBody.expandDetails"
+                      />
+                    </S.InvisibleAdditionalDetails>
+                  )}
+                </S.StepsHeader>
+                <MapillaryButton
+                  clickCallback={mapillaryCallback}
+                  coords={leg.from}
+                  mapillaryKey={mapillaryKey}
+                />
+              </S.StepsHeaderAndMapLink>
+            )}
             {!hideDrivingDirections && (
               <AnimateHeight
                 duration={500}
diff --git a/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx b/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
index aff549da3..0ded66f0e 100644
--- a/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/mapillary-button.tsx
@@ -27,8 +27,7 @@ const generateBoundingBoxFromCoordinate = ({
   return [west, south, east, north];
 };
 
-const Container = styled.a<{ hideDrivingDirections: boolean }>`
-  margin-left: ${props => (props.hideDrivingDirections ? ".4em" : "0")};
+const Container = styled.a`
   &:hover {
     cursor: pointer;
     text-decoration: none;
@@ -61,12 +60,10 @@ const Icon = styled(StreetView)`
 const MapillaryButton = ({
   clickCallback,
   coords,
-  hideDrivingDirections,
   mapillaryKey
 }: {
   clickCallback?: (id: string) => void;
   coords: { lat: number; lon: number };
-  hideDrivingDirections?: boolean;
   mapillaryKey: string;
 }): JSX.Element => {
   const [imageId, setImageId] = useState(null);
@@ -108,7 +105,6 @@ const MapillaryButton = ({
   return (
     <Container
       aria-label={mapilaryLabel}
-      hideDrivingDirections={hideDrivingDirections}
       onClick={handleClick}
       role="link"
       title={mapilaryLabel}
diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx
index 7cd557f50..63b2be71f 100755
--- a/packages/itinerary-body/src/styled.tsx
+++ b/packages/itinerary-body/src/styled.tsx
@@ -589,12 +589,13 @@ export const StepsHeaderAndMapLink = styled.span`
 `;
 
 export const StepsHeader = styled(TransparentButton)<{
-  autoCursor: boolean;
+  span?: boolean;
 }>`
   color: #676767;
-  cursor: ${props => (props.autoCursor ? "auto" : "pointer")};
+  cursor: ${props => (props.span ? "auto" : "pointer")};
   font-size: 13px;
   font-style: normal;
+  margin-right: ${props => (props.span ? ".4em" : "0")};
   padding: 0;
 `;
 

From a2374ac0508f42fa387e4659b5fd306722c96f40 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Fri, 22 Sep 2023 13:17:44 -0400
Subject: [PATCH 08/32] refactor: address PR feedback

---
 packages/itinerary-body/package.json          |  2 +-
 .../src/AccessLegBody/index.tsx               | 76 ++++++++++---------
 packages/itinerary-body/src/styled.tsx        | 17 +++--
 yarn.lock                                     |  5 --
 4 files changed, 51 insertions(+), 49 deletions(-)

diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json
index 4afd83b82..1f4f64e22 100644
--- a/packages/itinerary-body/package.json
+++ b/packages/itinerary-body/package.json
@@ -24,7 +24,7 @@
     "string-similarity": "^4.0.4"
   },
   "devDependencies": {
-    "@opentripplanner/types": "7.0.0-alpha.11",
+    "@opentripplanner/types": "^6.1.0",
     "@types/flat": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx
index 66f969fec..b47ab08e5 100644
--- a/packages/itinerary-body/src/AccessLegBody/index.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/index.tsx
@@ -17,7 +17,11 @@ import TNCLeg from "./tnc-leg";
 import { defaultMessages } from "../util";
 
 interface Props {
-  config: Config;
+  config: Config & {
+    itinerary?: {
+      hideDrivingDirections?: boolean;
+    };
+  };
   /**
    * Should be either null or a legType. Indicates that a particular leg diagram
    * has been selected and is active.
@@ -93,6 +97,13 @@ class AccessLegBody extends Component<Props, State> {
       );
     }
 
+    const Mapillary = () => (
+      <MapillaryButton
+        clickCallback={mapillaryCallback}
+        coords={leg.from}
+        mapillaryKey={mapillaryKey}
+      />
+    );
     return (
       <>
         {/* Place subheading: rented vehicle (e.g., scooter, bike, car)
@@ -114,24 +125,21 @@ class AccessLegBody extends Component<Props, State> {
           <S.LegDetails>
             {hideDrivingDirections ? (
               <S.StepsHeaderAndMapLink>
-                <S.StepsHeader as="span" span>
+                <S.StepsHeaderSpan>
                   <Duration seconds={leg.duration} />
-                </S.StepsHeader>
-                <MapillaryButton
-                  clickCallback={mapillaryCallback}
-                  coords={leg.from}
-                  mapillaryKey={mapillaryKey}
-                />
+                </S.StepsHeaderSpan>
+                <Mapillary />
               </S.StepsHeaderAndMapLink>
             ) : (
-              <S.StepsHeaderAndMapLink>
-                <S.StepsHeader
-                  aria-expanded={expanded}
-                  onClick={this.onStepsHeaderClick}
-                >
-                  <Duration seconds={leg.duration} />
-                  {leg.steps && <S.CaretToggle expanded={expanded} />}
-                  {!hideDrivingDirections && (
+              <>
+                <S.StepsHeaderAndMapLink>
+                  <S.StepsHeaderButton
+                    aria-expanded={expanded}
+                    onClick={this.onStepsHeaderClick}
+                  >
+                    <Duration seconds={leg.duration} />
+                    {leg.steps && <S.CaretToggle expanded={expanded} />}
+
                     <S.InvisibleAdditionalDetails>
                       <FormattedMessage
                         defaultMessage={
@@ -141,27 +149,21 @@ class AccessLegBody extends Component<Props, State> {
                         id="otpUi.TransitLegBody.expandDetails"
                       />
                     </S.InvisibleAdditionalDetails>
-                  )}
-                </S.StepsHeader>
-                <MapillaryButton
-                  clickCallback={mapillaryCallback}
-                  coords={leg.from}
-                  mapillaryKey={mapillaryKey}
-                />
-              </S.StepsHeaderAndMapLink>
-            )}
-            {!hideDrivingDirections && (
-              <AnimateHeight
-                duration={500}
-                height={expanded ? "auto" : 0}
-                style={{ gridColumn: "1 / span 2" }}
-              >
-                <AccessLegSteps
-                  mapillaryCallback={mapillaryCallback}
-                  mapillaryKey={mapillaryKey}
-                  steps={leg.steps}
-                />
-              </AnimateHeight>
+                  </S.StepsHeaderButton>
+                  <Mapillary />
+                </S.StepsHeaderAndMapLink>
+                <AnimateHeight
+                  duration={500}
+                  height={expanded ? "auto" : 0}
+                  style={{ gridColumn: "1 / span 2" }}
+                >
+                  <AccessLegSteps
+                    mapillaryCallback={mapillaryCallback}
+                    mapillaryKey={mapillaryKey}
+                    steps={leg.steps}
+                  />
+                </AnimateHeight>
+              </>
             )}
             <LegDiagramPreview
               diagramVisible={diagramVisible}
diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx
index 63b2be71f..945107e44 100755
--- a/packages/itinerary-body/src/styled.tsx
+++ b/packages/itinerary-body/src/styled.tsx
@@ -2,7 +2,7 @@
 // @ts-ignore FIXME: Create TypeScript types for the icons package.
 import { Map } from "@opentripplanner/icons";
 import React, { ReactElement } from "react";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { CaretDown } from "@styled-icons/fa-solid/CaretDown";
 import { CaretUp } from "@styled-icons/fa-solid/CaretUp";
 import { ExclamationTriangle } from "@styled-icons/fa-solid/ExclamationTriangle";
@@ -588,17 +588,22 @@ export const StepsHeaderAndMapLink = styled.span`
   }
 `;
 
-export const StepsHeader = styled(TransparentButton)<{
-  span?: boolean;
-}>`
+const stepsHeaderStyling = css`
   color: #676767;
-  cursor: ${props => (props.span ? "auto" : "pointer")};
   font-size: 13px;
   font-style: normal;
-  margin-right: ${props => (props.span ? ".4em" : "0")};
   padding: 0;
 `;
 
+export const StepsHeaderButton = styled(TransparentButton)`
+  ${stepsHeaderStyling}
+`;
+
+export const StepsHeaderSpan = styled.span`
+  ${stepsHeaderStyling}
+  margin-right: 0.4em;
+`;
+
 export const StepIconContainer = styled.div`
   fill: #676767;
   float: left;
diff --git a/yarn.lock b/yarn.lock
index 5114e0509..4325b8dcc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3241,11 +3241,6 @@
   resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-1.0.3.tgz#db9cc719191a62e7d9200f6e7bab21c5b848adca"
   integrity sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==
 
-"@opentripplanner/types@7.0.0-alpha.11":
-  version "7.0.0-alpha.11"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.11.tgz#9f9db6a6aa83880080bb1e0b6e1fcd76fb8ce8fc"
-  integrity sha512-VnnemsxdJXnVFZA9wiexR5+MiOxlqteHzOHcsyISHLXQ9wdI/PpG6oJjq5aAzrDcEReaRQQtMiwbbmgQtz3B+Q==
-
 "@opentripplanner/types@7.0.0-alpha.2":
   version "7.0.0-alpha.2"
   resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.2.tgz#d10c69f99b2da6d1e80ab5989520bde8e558627b"

From c0931b308342f6fd92ac7dfc8192b44a20dda5c9 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Fri, 22 Sep 2023 15:38:23 -0400
Subject: [PATCH 09/32] cleanup mapillary variable

---
 packages/itinerary-body/src/AccessLegBody/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx
index b47ab08e5..5ab1c8e31 100644
--- a/packages/itinerary-body/src/AccessLegBody/index.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/index.tsx
@@ -97,7 +97,7 @@ class AccessLegBody extends Component<Props, State> {
       );
     }
 
-    const Mapillary = () => (
+    const mapillary = (
       <MapillaryButton
         clickCallback={mapillaryCallback}
         coords={leg.from}
@@ -128,7 +128,7 @@ class AccessLegBody extends Component<Props, State> {
                 <S.StepsHeaderSpan>
                   <Duration seconds={leg.duration} />
                 </S.StepsHeaderSpan>
-                <Mapillary />
+                {mapillary}
               </S.StepsHeaderAndMapLink>
             ) : (
               <>
@@ -150,7 +150,7 @@ class AccessLegBody extends Component<Props, State> {
                       />
                     </S.InvisibleAdditionalDetails>
                   </S.StepsHeaderButton>
-                  <Mapillary />
+                  {mapillary}
                 </S.StepsHeaderAndMapLink>
                 <AnimateHeight
                   duration={500}

From 16d5df44cab0d972e67efa40eb36cae46829e831 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Mon, 25 Sep 2023 08:47:34 -0500
Subject: [PATCH 10/32] Add story for hidden driving directions

---
 .../src/stories/OtpRrItineraryBody.story.tsx           | 10 ++++++++++
 .../src/stories/OtpUiItineraryBody.story.tsx           |  7 +++++++
 .../src/stories/itinerary-body-defaults-wrapper.tsx    |  7 +++++++
 3 files changed, 24 insertions(+)

diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
index 913d32538..251e24e86 100644
--- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
@@ -56,6 +56,7 @@ if (!isRunningJest()) {
 interface StoryWrapperProps {
   alwaysCollapseAlerts?: boolean;
   defaultFareSelector?: FareProductSelector;
+  hideDrivingDirections?: boolean;
   itinerary: Itinerary;
   TimeColumnContent?: FunctionComponent<TimeColumnContentProps>;
 }
@@ -63,6 +64,7 @@ interface StoryWrapperProps {
 function OtpRRItineraryBodyWrapper({
   alwaysCollapseAlerts,
   defaultFareSelector,
+  hideDrivingDirections = false,
   itinerary,
   TimeColumnContent
 }: StoryWrapperProps): ReactElement {
@@ -70,6 +72,7 @@ function OtpRRItineraryBodyWrapper({
     <ItineraryBodyDefaultsWrapper
       alwaysCollapseAlerts={alwaysCollapseAlerts}
       defaultFareSelector={defaultFareSelector}
+      hideDrivingDirections={hideDrivingDirections}
       itinerary={itinerary}
       LegIcon={LegIconWithA11y}
       LineColumnContent={OtpRRLineColumnContent}
@@ -227,3 +230,10 @@ export const TwoAlertsWithoutCollapsingProp = (): ReactElement => (
 export const ZeroAlertsWithoutCollapsingProp = (): ReactElement => (
   <OtpRRItineraryBodyWrapper itinerary={walkInterlinedTransitItinerary} />
 );
+
+export const HideDrivingDirections = (): ReactElement => (
+  <OtpRRItineraryBodyWrapper
+    hideDrivingDirections
+    itinerary={parkAndRideItinerary}
+  />
+);
diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
index 29b0a15b1..3a8708fce 100644
--- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
@@ -219,3 +219,10 @@ export const TwoAlertWithoutCollapsingProp = (): ReactElement => (
 export const ZeroAlertsWithoutCollapsingProp = (): ReactElement => (
   <ItineraryBodyDefaultsWrapper itinerary={walkInterlinedTransitItinerary} />
 );
+
+export const HideDrivingDirections = (): ReactElement => (
+  <ItineraryBodyDefaultsWrapper
+    hideDrivingDirections
+    itinerary={parkAndRideItinerary}
+  />
+);
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 341bd7cb0..4c4cae8ad 100644
--- a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
+++ b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
@@ -18,6 +18,7 @@ import { ItineraryBodyProps } from "../types";
 const config = require("../__mocks__/config.json");
 
 type Props = ItineraryBodyProps & {
+  hideDrivingDirections?: boolean;
   styledItinerary?: string;
 };
 
@@ -44,6 +45,7 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
     const {
       alwaysCollapseAlerts,
       defaultFareSelector,
+      hideDrivingDirections = false,
       itinerary,
       LegIcon = TriMetLegIcon,
       LineColumnContent,
@@ -74,6 +76,11 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
       default:
         ItineraryBodyComponent = ItineraryBody;
     }
+
+    config.itinerary = {
+      hideDrivingDirections
+    };
+
     return (
       <ItineraryBodyComponent
         AlertBodyIcon={AlertBodyIcon}

From 10efaaaf4d43b6cc8c42d111ae54f7f039ba7d20 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Mon, 25 Sep 2023 10:16:52 -0500
Subject: [PATCH 11/32] test: update snapshots

---
 __snapshots__/storybook.test.ts.snap | 84342 ++++++++++++++-----------
 1 file changed, 46489 insertions(+), 37853 deletions(-)

diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index c36dc9909..001cdb617 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -11046,7 +11046,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -11106,7 +11106,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -11140,7 +11140,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -14463,7 +14463,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -14523,7 +14523,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -14557,7 +14557,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -24296,7 +24296,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Hide Driving Directions 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -24308,1485 +24308,2513 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    defaultFareSelector={
-      Object {
-        "mediumId": "orca:cash",
-        "riderCategoryId": "orca:regular",
-      }
-    }
+    hideDrivingDirections={true}
     itinerary={
       Object {
-        "accessibilityScore": null,
-        "duration": 6952,
-        "endTime": 1685146739000,
+        "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 {
-            "accessibilityScore": null,
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": "scheduled",
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
-            "boardRule": "scheduled",
             "departureDelay": 0,
-            "distance": 825.81,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "dropoffType": "SCHEDULED",
-            "duration": 641,
-            "endTime": 1685140428000,
-            "fareProducts": Array [],
+            "distance": 3913.6230000000005,
+            "duration": 606,
+            "endTime": 1573689613000,
             "from": Object {
-              "lat": 47.7791977,
-              "lon": -122.2903181,
-              "name": "47.7792, -122.29032",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "departure": 1573689007000,
+              "lat": 45.516960039867676,
+              "lon": -122.81684703934856,
+              "name": "330 SW Murray Blvd, Washington County, OR, USA 97005",
+              "orig": "330 SW Murray Blvd, Washington County, OR, USA 97005",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 16,
-              "points": "}zrbHnykiV@GHk@Dg@dC@j@BhDh@AlD?tCCzKGfV?T?NO?a@???",
+              "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": "WALK",
-            "pickupBookingInfo": null,
-            "pickupType": "SCHEDULED",
+            "mode": "CAR",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1685139787000,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689007000,
             "steps": Array [
               Object {
-                "relativeDirection": "ENTER_STATION",
-                "stayOn": false,
-                "streetName": "fake station entrance name",
-              },
-              Object {
-                "relativeDirection": "FOLLOW_SIGNS",
-                "stayOn": false,
-                "streetName": "fake station exit",
-              },
-              Object {
-                "relativeDirection": "EXIT_STATION",
-                "stayOn": false,
-                "streetName": "fake station entrance name",
-              },
-              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 [],
+                "absoluteDirection": "SOUTHWEST",
                 "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",
-            "agencyId": "QWdlbmN5OmtjbTox",
-            "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,
-                    },
+                "bogusName": true,
+                "distance": 48.239999999999995,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 66.15284254544679,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:regular",
-                    "name": "regular",
+                  Object {
+                    "first": 9.31,
+                    "second": 66.07284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "77a8ba05-8081-301f-9fe4-777dcd10ae02",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 9.305,
+                    "second": 66.09284254544679,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 2.75,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 16.195,
+                    "second": 66.31284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:regular",
-                    "name": "regular",
+                  Object {
+                    "first": 16.197,
+                    "second": 66.31284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "0740913d-0e0a-34ab-9518-014f2025b1a8",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:cash",
-                    "name": "cash",
+                  Object {
+                    "first": 26.197,
+                    "second": 66.93284254544677,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 1,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 36.197,
+                    "second": 67.53284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:senior",
-                    "name": "senior",
+                  Object {
+                    "first": 48.236999999999995,
+                    "second": 67.90284254544679,
                   },
-                },
+                ],
+                "lat": 45.51702581777306,
+                "lon": -122.81696535340403,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "parking aisle",
               },
               Object {
-                "id": "16ac6750-91b2-347c-b991-e63f8c483de9",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 347.583,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 67.90284254544679,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 10,
+                    "second": 68.13284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:youth",
-                    "name": "youth",
+                  Object {
+                    "first": 20,
+                    "second": 68.38284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "cf501333-167f-31b1-b99a-0e9b17d4a16c",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 30,
+                    "second": 68.60284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 1.5,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 40,
+                    "second": 68.88284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:special",
-                    "name": "special",
+                  Object {
+                    "first": 50,
+                    "second": 69.10284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "1b2d9477-8ce5-3eec-a63d-7d2534fa3bef",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:cash",
-                    "name": "cash",
+                  Object {
+                    "first": 62.14,
+                    "second": 69.36284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 193.014,
+                    "second": 70.71284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:youth",
-                    "name": "youth",
+                  Object {
+                    "first": 203.014,
+                    "second": 71.01284254544677,
                   },
-                },
-              },
-              Object {
-                "id": "105e04d3-a575-3f65-96c1-e33d5199f339",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 213.014,
+                    "second": 71.35284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 1,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 223.014,
+                    "second": 71.73284254544677,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:senior",
-                    "name": "senior",
+                  Object {
+                    "first": 233.014,
+                    "second": 72.15284254544679,
                   },
-                },
-              },
-            ],
-            "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",
-            },
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "lat": 47.7775421,
-                "locationType": "STOP",
-                "lon": -122.303215,
-                "name": "NE 205th St & 52nd Ave W",
-                "stopCode": "82410",
-                "stopId": "U3RvcDprY206ODI0MTA",
-              },
-              Object {
-                "lat": 47.7775955,
-                "locationType": "STOP",
-                "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": 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": "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",
-              },
-              "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,
-            "agencyId": 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",
+                  Object {
+                    "first": 246.03400000000002,
+                    "second": 72.76284254544677,
+                  },
+                ],
+                "lat": 45.5170776,
+                "lon": -122.8175366,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW Murray Blvd",
               },
-              "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",
-            "agencyId": "QWdlbmN5OjQwOjQw",
-            "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",
+                "bogusName": false,
+                "distance": 45.738,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 75.15284254544679,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 3,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 10,
+                    "second": 75.19284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:regular",
-                    "name": "regular",
+                  Object {
+                    "first": 21.64,
+                    "second": 75.27284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "ab8213b7-eddd-3d20-9b2d-a5ed8d8573a4",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 21.642,
+                    "second": 75.27284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0.25,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 31.642,
+                    "second": 75.34284254544679,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:regular",
-                    "name": "regular",
+                  Object {
+                    "first": 45.742000000000004,
+                    "second": 75.46284254544678,
                   },
-                },
+                ],
+                "lat": 45.519972,
+                "lon": -122.815981,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Murray Blvd",
               },
               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,
-                    },
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 643.86,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 75.46284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:regular",
-                    "name": "regular",
+                  Object {
+                    "first": 10,
+                    "second": 75.69284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "69bafcef-e2ee-3a6c-a355-0883f3d5561f",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:cash",
-                    "name": "cash",
+                  Object {
+                    "first": 20,
+                    "second": 75.88284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 1,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 30,
+                    "second": 76.04284254544677,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:senior",
-                    "name": "senior",
+                  Object {
+                    "first": 40,
+                    "second": 76.07284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "b0026496-8eea-31c8-8468-a67b00abc2b5",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 46.2,
+                    "second": 76.04284254544677,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 46.198,
+                    "second": 76.04284254544677,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:youth",
-                    "name": "youth",
+                  Object {
+                    "first": 56.198,
+                    "second": 75.99284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "8e77f7c7-7eda-32a8-ad44-23372b079942",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 66.19800000000001,
+                    "second": 76.21284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 76.19800000000001,
+                    "second": 76.42284254544677,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:special",
-                    "name": "special",
+                  Object {
+                    "first": 86.19800000000001,
+                    "second": 76.74284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "e8e69341-c5f3-3833-9a0a-de3118460842",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 96.19800000000001,
+                    "second": 77.19284254544678,
                   },
-                  "name": "transfer",
-                  "price": Object {
-                    "amount": 1.5,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 106.19800000000001,
+                    "second": 77.24284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:special",
-                    "name": "special",
+                  Object {
+                    "first": 116.19800000000001,
+                    "second": 77.49284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "7ab667f5-3bb1-3973-b065-46ac5bffe3a4",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:cash",
-                    "name": "cash",
+                  Object {
+                    "first": 126.19800000000001,
+                    "second": 77.21284254544678,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 136.198,
+                    "second": 77.24284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:youth",
-                    "name": "youth",
+                  Object {
+                    "first": 146.198,
+                    "second": 76.97284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "b3ff8f6e-f55f-3098-bb23-2bc49441d81f",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 156.198,
+                    "second": 76.93284254544677,
                   },
-                  "name": "rideCost",
-                  "price": Object {
-                    "amount": 0,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 166.198,
+                    "second": 77.30284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:senior",
-                    "name": "senior",
+                  Object {
+                    "first": 176.198,
+                    "second": 77.66284254544678,
                   },
-                },
-              },
-              Object {
-                "id": "2fe47d57-d05f-3f51-9d4b-4d060a68abd9",
-                "product": Object {
-                  "id": "orca:farePayment",
-                  "medium": Object {
-                    "id": "orca:electronic",
-                    "name": "electronic",
+                  Object {
+                    "first": 187.05800000000002,
+                    "second": 77.63284254544678,
                   },
-                  "name": "transfer",
-                  "price": Object {
-                    "amount": 1,
-                    "currency": Object {
-                      "code": "USD",
-                      "digits": 2,
-                    },
+                  Object {
+                    "first": 187.061,
+                    "second": 77.63284254544678,
                   },
-                  "riderCategory": Object {
-                    "id": "orca:senior",
-                    "name": "senior",
+                  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,
                   },
-                },
-              },
-            ],
-            "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",
-            },
-            "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,
-            "agencyId": 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",
+                "lat": 45.5203809,
+                "lon": -122.8159174,
+                "relativeDirection": "SLIGHTLY_RIGHT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "NW Murray Blvd",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "distance": 259.82,
-                "elevationProfile": Array [],
-                "lat": 47.5354239,
-                "lon": -122.2910651,
-                "relativeDirection": "LEFT",
+                "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": "South Webster Street",
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTHEAST",
                 "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,
+                "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": "Military Road South",
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "absoluteDirection": "NORTH",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "distance": 132.1,
-                "elevationProfile": Array [],
-                "lat": 47.5301402,
-                "lon": -122.2953592,
+                "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 {
-              "lat": 47.5312889,
-              "lon": -122.2958113,
-              "name": "New Light Christian Church, Seattle, WA, USA",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
           },
-        ],
-        "startTime": 1685139787000,
-        "waitingTime": 184,
-        "walkTime": 2436,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 2`] = `
-.c8 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c11 {
-  color: #333;
-}
-
-.c63 {
-  color: #f44256;
-}
-
-.c26 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c46 {
-  color: #008;
-  cursor: pointer;
-  margin-left: 5px;
-}
-
-.c46:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c47 {
-  padding-left: 0px;
-}
-
-.c47:before {
-  content: "|";
-  color: black;
-  margin-right: 5px;
-}
-
-.c31::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c57 {
-  display: block;
-  font-size: 13px;
-  list-style: none;
-  padding: 0;
-}
-
-.c0 {
-  list-style: none;
-  padding: 0;
-}
-
-.c21 {
-  color: #676767;
-  font-size: 13px;
-  padding-bottom: 12px;
-}
-
-.c27 {
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.c22 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 129.87800000000001,
+            "duration": 211,
+            "endTime": 1573689944000,
+            "from": Object {
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 9,
+              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689733000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 4.916,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.81284254544678,
+                  },
+                  Object {
+                    "first": 4.92,
+                    "second": 124.83284254544678,
+                  },
+                ],
+                "lat": 45.5102908,
+                "lon": -122.7818368,
+                "relativeDirection": "SLIGHTLY_RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 70.646,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.83284254544678,
+                  },
+                  Object {
+                    "first": 14.73,
+                    "second": 124.88284254544678,
+                  },
+                  Object {
+                    "first": 14.733,
+                    "second": 124.88284254544678,
+                  },
+                  Object {
+                    "first": 22.733,
+                    "second": 125.10284254544678,
+                  },
+                  Object {
+                    "first": 22.735,
+                    "second": 125.10284254544678,
+                  },
+                  Object {
+                    "first": 30.744999999999997,
+                    "second": 125.01284254544677,
+                  },
+                  Object {
+                    "first": 30.747,
+                    "second": 125.01284254544677,
+                  },
+                  Object {
+                    "first": 40.747,
+                    "second": 124.40284254544677,
+                  },
+                  Object {
+                    "first": 50.697,
+                    "second": 124.84284254544677,
+                  },
+                ],
+                "lat": 45.5102601,
+                "lon": -122.7817914,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "steps",
+              },
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 5.759,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 124.84284254544677,
+                  },
+                  Object {
+                    "first": 5.76,
+                    "second": 123.03284254544678,
+                  },
+                ],
+                "lat": 45.5102506,
+                "lon": -122.7813456,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "SOUTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 48.557,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 123.03284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 122.86284254544678,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 123.26284254544677,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 122.91284254544678,
+                  },
+                  Object {
+                    "first": 43.81,
+                    "second": 124.38284254544678,
+                  },
+                ],
+                "lat": 45.5102967,
+                "lon": -122.7813119,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Sunset TC (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "9969",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 9135.118140577872,
+            "duration": 1280,
+            "endTime": 1573691225000,
+            "from": Object {
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "2600",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "headsign": "Gresham",
+            "interStopGeometry": Array [
+              Object {
+                "length": 114,
+                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
+              },
+              Object {
+                "length": 63,
+                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
+              },
+              Object {
+                "length": 27,
+                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
+              },
+              Object {
+                "length": 19,
+                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
+              },
+              Object {
+                "length": 32,
+                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
+              },
+              Object {
+                "length": 10,
+                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
+              },
+              Object {
+                "length": 8,
+                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
+              },
+              Object {
+                "length": 22,
+                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+              },
+              Object {
+                "length": 23,
+                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573690230000,
+                "departure": 1573690255000,
+                "lat": 45.510653,
+                "lon": -122.71634,
+                "name": "Washington Park MAX Station",
+                "stopCode": "10120",
+                "stopId": "TriMet:10120",
+                "stopIndex": 16,
+                "stopSequence": 17,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690480000,
+                "departure": 1573690515000,
+                "lat": 45.517989,
+                "lon": -122.693544,
+                "name": "Goose Hollow/SW Jefferson St MAX Station",
+                "stopCode": "10118",
+                "stopId": "TriMet:10118",
+                "stopIndex": 17,
+                "stopSequence": 18,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690590000,
+                "departure": 1573690610000,
+                "lat": 45.520592,
+                "lon": -122.691005,
+                "name": "Kings Hill/SW Salmon St MAX Station",
+                "stopCode": "9759",
+                "stopId": "TriMet:9759",
+                "stopIndex": 18,
+                "stopSequence": 19,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690660000,
+                "departure": 1573690690000,
+                "lat": 45.521321,
+                "lon": -122.689886,
+                "name": "Providence Park MAX Station",
+                "stopCode": "9758",
+                "stopId": "TriMet:9758",
+                "stopIndex": 19,
+                "stopSequence": 20,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690835000,
+                "departure": 1573690870000,
+                "lat": 45.51916,
+                "lon": -122.68162,
+                "name": "Library/SW 9th Ave MAX Station",
+                "stopCode": "8333",
+                "stopId": "TriMet:8333",
+                "stopIndex": 20,
+                "stopSequence": 21,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690930000,
+                "departure": 1573690975000,
+                "lat": 45.518496,
+                "lon": -122.679145,
+                "name": "Pioneer Square South MAX Station",
+                "stopCode": "8334",
+                "stopId": "TriMet:8334",
+                "stopIndex": 21,
+                "stopSequence": 22,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691015000,
+                "departure": 1573691060000,
+                "lat": 45.517942,
+                "lon": -122.677088,
+                "name": "Mall/SW 4th Ave MAX Station",
+                "stopCode": "8335",
+                "stopId": "TriMet:8335",
+                "stopIndex": 22,
+                "stopSequence": 23,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691115000,
+                "departure": 1573691145000,
+                "lat": 45.517153,
+                "lon": -122.674172,
+                "name": "Yamhill District MAX Station",
+                "stopCode": "8336",
+                "stopId": "TriMet:8336",
+                "stopIndex": 23,
+                "stopSequence": 24,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 310,
+              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+            },
+            "mode": "TRAM",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573689945000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": true,
+            "tripBlockId": "9030",
+            "tripId": "TriMet:9265522",
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 205.33399999999997,
+            "duration": 173,
+            "endTime": 1573691399000,
+            "from": Object {
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 19,
+              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573691226000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTHEAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 3.95,
+                "elevation": Array [],
+                "lat": 45.52028372216824,
+                "lon": -122.67216050734417,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Oak/SW 1st Ave (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 8.284,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 8.28,
+                    "second": 7.602842545446778,
+                  },
+                ],
+                "lat": 45.5203121,
+                "lon": -122.6721326,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 11.162,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 6.74,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 6.738,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 11.158000000000001,
+                    "second": 7.482842545446779,
+                  },
+                ],
+                "lat": 45.5203813,
+                "lon": -122.6720932,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Oak St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 79.148,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.482842545446779,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 7.492842545446779,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 7.522842545446778,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 7.552842545446778,
+                  },
+                  Object {
+                    "first": 79.15,
+                    "second": 7.542842545446778,
+                  },
+                ],
+                "lat": 45.5204174,
+                "lon": -122.6722269,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW 1st Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 102.78999999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.542842545446778,
+                  },
+                  Object {
+                    "first": 11.54,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 11.536,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 26.286,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 36.285,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 57.864999999999995,
+                    "second": 7.762842545446778,
+                  },
+                  Object {
+                    "first": 67.865,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 73.965,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 73.964,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 83.964,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 93.964,
+                    "second": 7.852842545446778,
+                  },
+                  Object {
+                    "first": 102.794,
+                    "second": 7.922842545446779,
+                  },
+                ],
+                "lat": 45.5210839,
+                "lon": -122.6718705,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Pine St",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573691399000,
+              "lat": 45.521469054694954,
+              "lon": -122.67307275796767,
+              "name": "205 SW Pine St, Portland, OR, USA 97204",
+              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1573689007000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 1280,
+        "waitingTime": 122,
+        "walkDistance": 387.15802624199944,
+        "walkLimitExceeded": false,
+        "walkTime": 990,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Hide Driving Directions 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c65 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c42 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c42:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c43 {
+  padding-left: 0px;
+}
+
+.c43:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c33::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c60 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-inline-box;
@@ -25807,21 +26835,25 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   width: 0;
 }
 
+.c48 {
+  font-weight: 200;
+}
+
 .c25 {
   font-weight: inherit;
 }
 
-.c51 {
+.c47 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c50 {
+.c46 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c48 {
+.c44 {
   color: #807373;
   margin-top: 5px;
 }
@@ -25857,29 +26889,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   grid-template-columns: 65px 30px auto;
 }
 
-.c38 {
-  border-color: #fff;
-  border-radius: 5px;
-  border-style: solid;
-  border-width: 1px;
-  display: inline-block;
-  font-style: normal;
-  grid-column: 2;
-  grid-row: 1;
-  margin: 0 4px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  vertical-align: middle;
-  width: 75%;
-}
-
-.c38:hover {
-  border-color: #d1d5da;
-  background-color: #f6f8fa;
-}
-
 .c18 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -25916,7 +26925,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   padding: 3px 0 10px 0;
 }
 
-.c45 {
+.c41 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -25925,45 +26934,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   margin-top: -14px;
 }
 
-.c39 {
-  padding: 2px;
-  width: 100%;
-}
-
-.c41 {
-  font-size: xx-small;
-}
-
-.c41::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c42 {
-  color: #e60000;
-}
-
-.c43 {
-  color: green;
-}
-
-.c40 {
-  font-size: small;
-}
-
-.c32 {
+.c34 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
+.c37 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c35 > span {
+.c37 > span {
   margin-right: 1ch;
 }
 
@@ -25993,58 +26976,109 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   justify-content: center;
 }
 
+.c32 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
 .c30 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
+  margin-right: 0.4em;
 }
 
-.c34 {
+.c36 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c33 {
+.c35 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c36 {
+.c38 {
   font-weight: 500;
 }
 
-.c37 {
+.c39 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c60 {
+.c63 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c64 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c61 {
   z-index: 30;
   position: relative;
 }
 
-.c53 {
+.c52 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
   margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
 .c54 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c55 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c53 {
+  float: left;
+  font-size: 18px;
+}
+
+.c51 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c50 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c56 {
+  margin-top: 5px;
+}
+
+.c57 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -26052,30 +27086,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   display: flex;
 }
 
-.c56 {
+.c59 {
   font-size: 14px;
 }
 
-.c55 {
+.c58 {
   padding: 0;
 }
 
-.c52 {
+.c49 {
   margin-top: 5px;
 }
 
-.c52 a {
+.c49 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c52 a:hover {
+.c49 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c52 img {
+.c49 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -26089,7 +27123,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   font-family: Hind,sans-serif;
 }
 
-.c1 .c49 {
+.c1 .c45 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -26133,7 +27167,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c62 {
   margin-left: -23px;
 }
 
@@ -26156,34 +27190,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
 }
 
 .c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
+  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
   bottom: -11px;
   position: absolute;
   top: 11px;
   z-index: 10;
 }
 
-.c44 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #000088;
+.c31 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
   bottom: -11px;
   position: absolute;
   top: 11px;
   z-index: 10;
 }
 
-.c62 {
+.c40 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #28813F;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -26264,13 +27297,134 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        47.7792, -122.29032
+        330 SW Murray Blvd, Washington County, OR, USA 97005
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:23 PM
+      3:50 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  viewBox="0 0 512 512"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19"
+            >
+               - 
+            </span>
+            <span>
+              Drive 2.4 miles to 
+              <span
+                className="c25"
+              >
+                P+R Sunset TC
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <span
+              className="c30"
+            >
+              10 min
+            </span>
+          </span>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c31"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        P+R Sunset TC
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:02 PM
     </div>
     <span
       className="c19"
@@ -26319,11 +27473,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                - 
             </span>
             <span>
-              Walk 0.5 miles to 
+              Walk 426 feet to 
               <span
                 className="c25"
               >
-                48th Ave W & 244th St SW
+                Sunset TC MAX Station
               </span>
             </span>
             <button
@@ -26346,12 +27500,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c26 c32"
               onClick={[Function]}
             >
-              10 min
+              3 min
               <span
-                className="c31"
+                className="c33"
               >
                 <svg
                   aria-hidden="true"
@@ -26391,196 +27545,112 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c34"
               >
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
-                      ENTER_STATION
-                       at 
-                      <span
-                        className="c36"
-                      >
-                        fake station entrance name
-                      </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>
-                      Follow signs to 
-                      <span
-                        className="c36"
-                      >
-                        fake station exit
-                      </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>
-                      EXIT_STATION
-                       at 
-                      <span
-                        className="c36"
-                      >
-                        fake station entrance name
-                      </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>
-                      Head 
-                      EAST
+                      SLIGHTLY_RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
-                        242nd Street Southwest
+                        Unnamed Path
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
-                        120 feet
+                        16 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
-                        Cedar Way
+                        steps
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
-                        0.1 miles
+                        232 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
-                        Northeast 205th Street - 244th Street Southwest
+                        Unnamed Path
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
-                        0.4 miles
+                        19 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -26591,20 +27661,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c38"
                       >
-                        Unnamed Path
+                        Sunset TC (path)
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
-                        91 feet
+                        159 feet
                       </span>
                     </span>
                   </div>
@@ -26612,37 +27682,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               </ol>
             </div>
           </div>
-          <div
-            className="c38"
-          >
-            <button
-              className="c26 c39"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c40"
-              >
-                Elevation chart
-                <span
-                  className="c41 c42"
-                >
-                  ↑
-                  0'
-                </span>
-                <span
-                  className="c41 c43"
-                >
-                  ↓
-                  0'
-                </span>
-              </div>
-              No elevation data available.
-              mocked-react-resize-detector
-            </button>
-          </div>
         </span>
       </div>
     </div>
@@ -26654,7 +27693,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       className="c4 c5"
     >
       <div
-        className="c44"
+        className="c40"
       />
       <span
         className="c7"
@@ -26700,13 +27739,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        48th Ave W & 244th St SW
+        Sunset TC MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:33 PM
+      4:05 PM
     </div>
     <span
       className="c19"
@@ -26717,11 +27756,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       className="c20"
     >
       <div
-        className="c45"
+        className="c41"
       >
-        Stop ID 82405
+        Stop ID 2600
         <a
-          className="c46 c47"
+          className="c42 c43"
           onClick={[Function]}
         >
           Stop Viewer
@@ -26744,7 +27783,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 Ride
               </span>
               <span
-                className="c22 c48"
+                className="c22 c44"
               >
                 <span
                   className="c23"
@@ -26753,40 +27792,41 @@ 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"
+                    className="c45 c46"
                   >
-                    347
+                    MAX Blue Line
                   </span>
                 </span>
                 <span
-                  className="c51"
+                  className="c47"
                 >
                   <span>
-                    Northgate Station Ridgecrest
+                    MAX Blue Line 
+                    <span
+                      className="c48"
+                    >
+                      to
+                    </span>
+                     Gresham
                   </span>
                 </span>
               </span>
@@ -26795,7 +27835,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               >
                  - 
                 Disembark at 
-                Northgate Station - Bay 4
+                Oak/ SW 1st Ave MAX Station
               </span>
             </span>
             <button
@@ -26815,23 +27855,64 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           role="group"
         >
           <div
-            className="c52"
+            className="c49"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="https://kingcounty.gov/en/dept/metro"
+              href="http://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Metro Transit
+              TriMet
               <img
                 alt=""
                 height={25}
-                src="https://kingcounty.gov/en/dept/metro"
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
               />
             </a>
           </div>
+          <button
+            className="c26 c50"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="c33"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
           <div
             aria-hidden={false}
             className="rah-static rah-static--height-auto "
@@ -26844,23 +27925,96 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           >
             <div
               style={Object {}}
-            />
+            >
+              <div
+                className="c51"
+              >
+                <a
+                  className="c52"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c53"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c55"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c52"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c53"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c55"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
           </div>
           <div
-            className="c53"
+            className="c56"
           >
             <div
-              className="c54"
+              className="c57"
             >
               <button
-                className="c26 c55"
+                className="c26 c58"
                 onClick={[Function]}
               >
                 Ride 
-                35 min
-                 / 37 stops
+                21 min
+                 / 9 stops
                 <span
-                  className="c31"
+                  className="c33"
                 >
                   <svg
                     aria-hidden="true"
@@ -26885,7 +28039,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 </span>
               </button>
               <a
-                className="c46 c47"
+                className="c42 c43"
                 onClick={[Function]}
                 type="button"
               >
@@ -26906,522 +28060,124 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c59"
                 >
                   <ol
-                    className="c57"
+                    className="c60"
                   >
                     <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 205th St & 52nd Ave W
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 205th St & 56th Ave W
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 205th St & 58th Pl W
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & Ballinger Way NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & Forest Park Dr NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 200th Ct
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 192nd St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE Perkins Way
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & 24th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 180th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 175th St & 15th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 175th St & 10th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 174th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 170th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 163rd St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 161st St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 158th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 155th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 152nd St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        5th Ave NE & NE 148th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 145th St & 6th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        NE 145th St & 12th Ave NE
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 145th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 143rd St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 140th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 135th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 130th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        15th Ave NE & NE 127th St
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        15th Ave NE & NE 125th St
+                        Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        15th Ave NE & NE 123rd St
+                        Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        15th Ave NE & NE 120th St
+                        Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        Pinehurst Way NE & NE 115th St
+                        Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        NE Northgate Way & Roosevelt Way NE
+                        Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        5th Ave NE & NE Northgate Way
+                        Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        5th Ave NE & Northgate Mall
+                        Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c61"
                     >
                       <div
-                        className="c59 c60"
+                        className="c62 c63"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c64"
                       >
-                        NE 103rd St & 5th Ave NE
+                        Yamhill District MAX Station
                       </div>
                     </li>
                   </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-80"
-                  >
-                    Fare: 
-                    $2.75
-                  </div>
                 </div>
               </div>
             </div>
@@ -27437,7 +28193,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       className="c4 c5"
     >
       <div
-        className="c6"
+        className="c31"
       />
       <span
         className="c7"
@@ -27483,13 +28239,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        Northgate Station - Bay 4
+        Oak/ SW 1st Ave MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:09 PM
+      4:27 PM
     </div>
     <span
       className="c19"
@@ -27500,11 +28256,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       className="c20"
     >
       <div
-        className="c45"
+        className="c41"
       >
-        Stop ID 35318
+        Stop ID 8337
         <a
-          className="c46 c47"
+          className="c42 c43"
           onClick={[Function]}
         >
           Stop Viewer
@@ -27549,11 +28305,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                - 
             </span>
             <span>
-              Walk 200 feet to 
+              Walk 0.1 miles to 
               <span
                 className="c25"
               >
-                Northgate Station
+                205 SW Pine St, Portland, OR, USA 97204
               </span>
             </span>
             <button
@@ -27576,12 +28332,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c26 c32"
               onClick={[Function]}
             >
-              0 min
+              2 min
               <span
-                className="c31"
+                className="c33"
               >
                 <svg
                   aria-hidden="true"
@@ -27621,13 +28377,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c34"
               >
                 <li
-                  className="c33"
+                  className="c35"
                 >
                   <div
-                    className="c34"
+                    className="c36"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -27638,21 +28394,153 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c37"
                   >
                     <span>
                       Head 
-                      NORTH
+                      NORTHEAST
                        on 
                       <span
-                        className="c36"
+                        className="c38"
+                      >
+                        Oak/SW 1st Ave (path)
+                      </span>
+                      <span
+                        className="c39"
+                      >
+                        13 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c35"
+                >
+                  <div
+                    className="c36"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c37"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c38"
                       >
                         Unnamed Path
                       </span>
                       <span
-                        className="c37"
+                        className="c39"
                       >
-                        200 feet
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c35"
+                >
+                  <div
+                    className="c36"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c37"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c38"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c39"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c35"
+                >
+                  <div
+                    className="c36"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c37"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c38"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c39"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c35"
+                >
+                  <div
+                    className="c36"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c37"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c38"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c39"
+                      >
+                        337 feet
                       </span>
                     </span>
                   </div>
@@ -27670,21 +28558,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
@@ -27694,17 +28579,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c65 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>
@@ -27717,1816 +28601,1436 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         aria-hidden={true}
         className="c15 c16"
       >
-        Northgate Station
+        205 SW Pine St, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:13 PM
+      4:29 PM
     </div>
     <span
       className="c19"
     >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
       className="c20"
-    >
-      <div
-        className="c45"
-      >
-        Stop ID N11-T1
-        <a
-          className="c46 c47"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c48"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="TRAM"
-                      height="100%"
-                      version="1.0"
-                      viewBox="0 0 66.461 100"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
-                      />
-                      <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
-                      />
-                    </svg>
-                  </span>
-                  <span
-                    className="c49 c50"
-                  >
-                    1-Line
-                  </span>
-                </span>
-                <span
-                  className="c51"
-                >
-                  <span>
-                    Angle Lake
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                Othello Station
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c52"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="https://www.soundtransit.org"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Sound Transit
-              <img
-                alt=""
-                height={25}
-                src="https://www.soundtransit.org"
-              />
-            </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 
-                37 min
-                 / 14 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"
-                      >
-                        Roosevelt Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        U District Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Univ of Washington Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Capitol Hill Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Westlake Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        University St Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Pioneer Square Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Int'l Dist/Chinatown Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Stadium Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        SODO Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Beacon Hill Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Mount Baker Station
-                      </div>
-                    </li>
-                    <li
-                      className="c58"
-                    >
-                      <div
-                        className="c59 c60"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c61"
-                      >
-                        Columbia City Station
-                      </div>
-                    </li>
-                  </ol>
-                  <div
-                    className="styled__TransitLegFare-sc-1q8npbl-80"
-                  >
-                    Fare: 
-                    $3.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"
-      >
-        Othello Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:50 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c45"
-      >
-        Stop ID C27-T1
-        <a
-          className="c46 c47"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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 1.3 miles to 
-              <span
-                className="c25"
-              >
-                New Light Christian Church, 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]}
-            >
-              28 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={
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    defaultFareSelector={
+      Object {
+        "mediumId": "orca:cash",
+        "riderCategoryId": "orca:regular",
+      }
+    }
+    itinerary={
+      Object {
+        "accessibilityScore": null,
+        "duration": 6952,
+        "endTime": 1685146739000,
+        "legs": Array [
+          Object {
+            "accessibilityScore": null,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": 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 {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Martin Luther King Junior Way South
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        49 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        40 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        parking aisle
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        260 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"
-                      >
-                        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="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>
-                </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"
-                      >
-                        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"
-                      >
-                        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"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        433 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c38"
-          >
-            <button
-              className="c26 c39"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c40"
-              >
-                Elevation chart
-                <span
-                  className="c41 c42"
-                >
-                  ↑
-                  0'
-                </span>
-                <span
-                  className="c41 c43"
-                >
-                  ↓
-                  0'
-                </span>
-              </div>
-              No elevation data available.
-              mocked-react-resize-detector
-            </button>
-          </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 c63 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"
-      >
-        New Light Christian Church, Seattle, WA, USA
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      5:18 PM
-    </div>
-    <span
-      className="c19"
-    >
-      Arrive at 
-      New Light Christian Church, 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 [
+                "relativeDirection": "ENTER_STATION",
+                "stayOn": false,
+                "streetName": "fake station entrance name",
+              },
               Object {
-                "absoluteDirection": "WEST",
+                "relativeDirection": "FOLLOW_SIGNS",
+                "stayOn": false,
+                "streetName": "fake station exit",
+              },
+              Object {
+                "relativeDirection": "EXIT_STATION",
+                "stayOn": false,
+                "streetName": "fake station entrance name",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 45.237,
-                "elevation": "",
-                "lat": 40.162154,
-                "lon": -105.099347,
+                "distance": 36.61,
+                "elevationProfile": Array [],
+                "lat": 47.7791959,
+                "lon": -122.290319,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "parking aisle",
-                "walkingBike": false,
+                "streetName": "242nd Street Southwest",
               },
               Object {
                 "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 215.189,
-                "elevation": "",
-                "lat": 40.162159200000005,
-                "lon": -105.09987930000001,
-                "relativeDirection": "LEFT",
+                "distance": 194.04,
+                "elevationProfile": Array [],
+                "lat": 47.7791005,
+                "lon": -122.2898502,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Emery Street",
-                "walkingBike": false,
+                "streetName": "Cedar Way",
               },
               Object {
                 "absoluteDirection": "WEST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 163.417,
-                "elevation": "",
-                "lat": 40.160224,
-                "lon": -105.099874,
+                "distance": 567.32,
+                "elevationProfile": Array [],
+                "lat": 47.7773669,
+                "lon": -122.2900921,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "1st Avenue",
-                "walkingBike": false,
+                "streetName": "Northeast 205th Street - 244th Street Southwest",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 85.306,
-                "elevation": "",
-                "lat": 40.1602258,
-                "lon": -105.101797,
-                "relativeDirection": "LEFT",
+                "distance": 27.83,
+                "elevationProfile": Array [],
+                "lat": 47.7774331,
+                "lon": -122.2976837,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "parking aisle",
-                "walkingBike": false,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1655942786000,
-              "departure": 1655942786000,
-              "lat": 40.159686,
-              "lon": -105.102641,
-              "name": "S Main St & 1st Ave",
-              "stopCode": "25633",
-              "stopId": "3:25633",
+              "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",
-              "zoneId": "25633",
             },
             "transitLeg": false,
-            "walkingBike": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
-            "agencyId": "3:RTD",
-            "agencyName": "Regional Transportation District",
-            "agencyTimeZoneOffset": -21600000,
-            "agencyUrl": "http://rtd-denver.com",
+            "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",
+            "agencyId": "QWdlbmN5OmtjbTox",
+            "agencyName": "Metro Transit",
+            "agencyUrl": "https://kingcounty.gov/en/dept/metro",
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
-            "distance": 15862.222110025103,
-            "duration": 1132,
-            "endTime": 1655943918000,
+            "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,
+                    },
+                  },
+                  "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 {
-              "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,
+              "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",
-              "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",
+                "lat": 47.7775421,
+                "locationType": "STOP",
+                "lon": -122.303215,
+                "name": "NE 205th St & 52nd Ave W",
+                "stopCode": "82410",
+                "stopId": "U3RvcDprY206ODI0MTA",
               },
               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",
+                "lat": 47.7775955,
+                "locationType": "STOP",
+                "lon": -122.308685,
+                "name": "NE 205th St & 56th Ave W",
+                "stopCode": "82430",
+                "stopId": "U3RvcDprY206ODI0MzA",
               },
               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",
+                "lat": 47.7776146,
+                "locationType": "STOP",
+                "lon": -122.311432,
+                "name": "NE 205th St & 58th Pl W",
+                "stopCode": "82440",
+                "stopId": "U3RvcDprY206ODI0NDA",
               },
               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",
+                "lat": 47.7768135,
+                "locationType": "STOP",
+                "lon": -122.31382,
+                "name": "15th Ave NE & Ballinger Way NE",
+                "stopCode": "77400",
+                "stopId": "U3RvcDprY206Nzc0MDA",
               },
               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",
+                "lat": 47.7747955,
+                "locationType": "STOP",
+                "lon": -122.313721,
+                "name": "15th Ave NE & Forest Park Dr NE",
+                "stopCode": "77410",
+                "stopId": "U3RvcDprY206Nzc0MTA",
               },
               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",
+                "lat": 47.7721519,
+                "locationType": "STOP",
+                "lon": -122.313614,
+                "name": "15th Ave NE & NE 200th Ct",
+                "stopCode": "77418",
+                "stopId": "U3RvcDprY206Nzc0MTg",
               },
               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",
+                "lat": 47.768734,
+                "locationType": "STOP",
+                "lon": -122.314636,
+                "name": "15th Ave NE & NE 192nd St",
+                "stopCode": "77940",
+                "stopId": "U3RvcDprY206Nzc5NDA",
               },
               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",
+                "lat": 47.7656479,
+                "locationType": "STOP",
+                "lon": -122.313995,
+                "name": "15th Ave NE & NE Perkins Way",
+                "stopCode": "77440",
+                "stopId": "U3RvcDprY206Nzc0NDA",
               },
               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",
+                "lat": 47.7626801,
+                "locationType": "STOP",
+                "lon": -122.312752,
+                "name": "15th Ave NE & 24th Ave NE",
+                "stopCode": "77450",
+                "stopId": "U3RvcDprY206Nzc0NTA",
               },
               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",
+                "lat": 47.7591515,
+                "locationType": "STOP",
+                "lon": -122.31356,
+                "name": "15th Ave NE & NE 180th St",
+                "stopCode": "77460",
+                "stopId": "U3RvcDprY206Nzc0NjA",
               },
               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",
+                "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": 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?~@?",
+              "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,
-            "route": "Longmont / Denver",
-            "routeColor": "111",
-            "routeId": "3:LD3",
-            "routeLongName": "Longmont / Denver",
-            "routeShortName": "LD3",
-            "routeTextColor": "FFFFFF",
-            "routeType": 3,
-            "serviceDate": "2022-06-22",
-            "startTime": 1655942786000,
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": "347",
+            "routeColor": null,
+            "routeId": "Um91dGU6a2NtOjEwMDIwNA",
+            "routeLongName": null,
+            "routeShortName": "347",
+            "routeTextColor": null,
+            "startTime": 1685140428000,
             "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,
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
+              },
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
               "vertexType": "TRANSIT",
-              "zoneId": "33109",
             },
             "transitLeg": true,
-            "tripBlockId": "LD  1",
-            "tripId": "3:114127824",
+            "trip": Object {
+              "gtfsId": "kcm:541480853",
+              "id": "VHJpcDprY206NTQxNDgwODUz",
+              "tripHeadsign": "Northgate Station Ridgecrest",
+            },
+            "tripHeadsign": "Northgate Station Ridgecrest",
+            "tripId": "kcm:541480853",
           },
           Object {
-            "agencyTimeZoneOffset": -21600000,
+            "accessibilityScore": null,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
-            "distance": 384.195,
-            "duration": 265,
-            "endTime": 1655944183000,
+            "distance": 60.87,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "dropoffType": "SCHEDULED",
+            "duration": 56,
+            "endTime": 1685142596000,
+            "fareProducts": Array [],
             "from": Object {
-              "arrival": 1655943918000,
-              "departure": 1655943918000,
-              "lat": 40.017138,
-              "lon": -105.103104,
-              "name": "US 287 & Arapahoe Rd",
-              "stopCode": "33109",
-              "stopId": "3:33109",
+              "lat": 47.7023087,
+              "lon": -122.328026,
+              "name": "Northgate Station - Bay 4",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "35318",
+                "gtfsId": "kcm:35318",
+                "id": "U3RvcDprY206MzUzMTg",
+              },
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
               "vertexType": "TRANSIT",
-              "zoneId": "33109",
             },
-            "generalizedCost": 517,
             "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 12,
-              "points": "azfsFl}n\`S?_@n@?d@?zFAtAA^vBP|ABn@?j@?^F?",
+              "length": 9,
+              "points": "kzcbHdesiV?Ce@?Q??L?V?RO??B",
             },
             "mode": "WALK",
-            "pathway": false,
+            "pickupBookingInfo": null,
+            "pickupType": "SCHEDULED",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "route": "",
-            "startTime": 1655943918000,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1685142540000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 236.469,
-                "elevation": "",
-                "lat": 40.01713789802029,
-                "lon": -105.10294093918819,
+                "distance": 60.87,
+                "elevationProfile": Array [],
+                "lat": 47.7023088,
+                "lon": -122.3280018,
                 "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,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1655944183000,
-              "departure": 1655946021000,
-              "lat": 40.014708,
-              "lon": -105.104614,
-              "name": "Arapahoe Rd & Stonehenge Dr",
-              "stopCode": "33465",
-              "stopId": "3:33465",
+              "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",
-              "zoneId": "33465",
             },
             "transitLeg": false,
-            "walkingBike": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
-            "agencyId": "3:RTD",
-            "agencyName": "Regional Transportation District",
-            "agencyTimeZoneOffset": -21600000,
-            "agencyUrl": "http://rtd-denver.com",
+            "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",
+            "agencyId": "QWdlbmN5OjQwOjQw",
+            "agencyName": "Sound Transit",
+            "agencyUrl": "https://www.soundtransit.org",
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "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,
+            "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,
+                    },
+                  },
+                  "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",
+              },
+              "stopCode": "N11-T1",
+              "stopId": "40:990005",
               "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",
+                "lat": 47.676107,
+                "locationType": "STOP",
+                "lon": -122.316041,
+                "name": "Roosevelt Station",
+                "stopCode": "N09-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDM",
               },
               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",
+                "lat": 47.659875,
+                "locationType": "STOP",
+                "lon": -122.314194,
+                "name": "U District Station",
+                "stopCode": "N07-T1",
+                "stopId": "U3RvcDo0MDo5OTAwMDE",
               },
               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",
+                "lat": 47.649349,
+                "locationType": "STOP",
+                "lon": -122.303795,
+                "name": "Univ of Washington Station",
+                "stopCode": "N05-T1",
+                "stopId": "U3RvcDo0MDo5OTYwNA",
               },
               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",
+                "lat": 47.61956,
+                "locationType": "STOP",
+                "lon": -122.320389,
+                "name": "Capitol Hill Station",
+                "stopCode": "N03-T1",
+                "stopId": "U3RvcDo0MDo5OTYxMA",
               },
               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",
+                "lat": 47.61145,
+                "locationType": "STOP",
+                "lon": -122.337532,
+                "name": "Westlake Station",
+                "stopCode": "C03-T1",
+                "stopId": "U3RvcDo0MDoxMTA4",
               },
               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",
+                "lat": 47.607246,
+                "locationType": "STOP",
+                "lon": -122.335754,
+                "name": "University St Station",
+                "stopCode": "C05-T1",
+                "stopId": "U3RvcDo0MDo0NTU",
               },
               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",
+                "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": 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",
+              "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,
-            "route": "Boulder / Lafayette via Arapahoe",
-            "routeColor": "0076CE",
-            "routeId": "3:JUMP",
-            "routeLongName": "Boulder / Lafayette via Arapahoe",
-            "routeShortName": "JUMP",
+            "realtimeState": null,
+            "rentedBike": null,
+            "route": "1-Line",
+            "routeColor": "28813F",
+            "routeId": "Um91dGU6NDA6MTAwNDc5",
+            "routeLongName": "Northgate - Angle Lake",
+            "routeShortName": "1-Line",
             "routeTextColor": "FFFFFF",
-            "routeType": 3,
-            "serviceDate": "2022-06-22",
-            "startTime": 1655946021000,
+            "startTime": 1685142780000,
             "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,
+              "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",
-              "zoneId": "33200",
             },
             "transitLeg": true,
-            "tripBlockId": "JUMP  5",
-            "tripId": "3:114150834",
+            "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 {
-            "agencyTimeZoneOffset": -21600000,
+            "accessibilityScore": null,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
-            "distance": 37.654,
-            "duration": 32,
-            "endTime": 1655946752000,
+            "distance": 2167.47,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "dropoffType": "SCHEDULED",
+            "duration": 1739,
+            "endTime": 1685146739000,
+            "fareProducts": Array [],
             "from": Object {
-              "arrival": 1655946600000,
-              "departure": 1655946720000,
-              "lat": 40.038626,
-              "lon": -105.052597,
-              "name": "Erie Community Center",
-              "stopCode": "33200",
-              "stopId": "3:33200",
+              "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",
-              "zoneId": "33200",
             },
-            "generalizedCost": 60,
             "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 8,
-              "points": "k\`ksFvae\`SC@@BD\\\\@L?JD?N?",
+              "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,
-            "route": "",
-            "startTime": 1655946720000,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1685145000000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 26.074,
-                "elevation": "",
-                "lat": 40.03864052543011,
-                "lon": -105.0526046624388,
+                "distance": 14.92,
+                "elevationProfile": Array [],
+                "lat": 47.5375246,
+                "lon": -122.2814907,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "sidewalk",
-                "walkingBike": 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,
-                "bogusName": true,
-                "distance": 11.58,
-                "elevation": "",
-                "lat": 40.0385906,
-                "lon": -105.05290310000001,
+                "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",
-                "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",
+              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",
               },
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 55.15,
+                "elevationProfile": Array [],
+                "lat": 47.5351293,
+                "lon": -122.2904874,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
               },
-              "latestBookingTime": Object {
-                "daysPrior": 7,
-                "time": 57600,
+              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",
               },
-              "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",
+              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",
               },
-              "earliestBookingTime": Object {
-                "daysPrior": 0,
-                "time": 0,
+              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",
               },
-              "latestBookingTime": Object {
-                "daysPrior": 7,
-                "time": 57600,
+              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",
               },
-              "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",
-              "stopIndex": 0,
-              "vertexType": "TRANSIT",
+              "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": true,
-            "tripId": "60plusride-co-us:t_2081541_b_34153_tn_0",
+            "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
         ],
-        "startTime": 1655942390000,
-        "transfers": 2,
-        "transitTime": 3198,
-        "waitingTime": 1958,
-        "walkDistance": 930.998,
-        "walkLimitExceeded": false,
-        "walkTime": 693,
+        "startTime": 1685139787000,
+        "waitingTime": 184,
+        "walkTime": 2436,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -29537,7 +30041,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   color: #333;
 }
 
-.c66 {
+.c63 {
   color: #f44256;
 }
 
@@ -29572,17 +30076,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   margin-right: 5px;
 }
 
-.c65 {
-  color: #b22727;
-  margin-top: 5px;
-}
-
 .c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c58 {
+.c57 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -29634,10 +30133,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   width: 0;
 }
 
-.c52 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
@@ -29855,27 +30350,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   padding-left: 1ch;
 }
 
-.c61 {
+.c60 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c62 {
+.c61 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c59 {
+.c58 {
   z-index: 30;
   position: relative;
 }
 
-.c54 {
+.c53 {
   margin-top: 5px;
 }
 
-.c55 {
+.c54 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -29883,30 +30378,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   display: flex;
 }
 
-.c57 {
+.c56 {
   font-size: 14px;
 }
 
-.c56 {
+.c55 {
   padding: 0;
 }
 
-.c53 {
+.c52 {
   margin-top: 5px;
 }
 
-.c53 a {
+.c52 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c53 a:hover {
+.c52 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c53 img {
+.c52 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -29964,7 +30459,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   width: 100%;
 }
 
-.c1 .c60 {
+.c1 .c59 {
   margin-left: -23px;
 }
 
@@ -30003,30 +30498,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #111;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c63 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #0076CE;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
   z-index: 10;
 }
 
-.c64 {
+.c62 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #000088;
-  background: repeating-linear-gradient(  -45deg, #00008830, #00008830 5px, #000088 5px, #000088 10px );
+  background-color: #28813F;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -30107,13 +30590,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        2nd Avenue, Longmont, CO, USA
+        47.7792, -122.29032
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:59 PM
+      3:23 PM
     </div>
     <span
       className="c19"
@@ -30162,11 +30645,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 0.3 miles to 
+              Walk 0.5 miles to 
               <span
                 className="c25"
               >
-                S Main St & 1st Ave
+                48th Ave W & 244th St SW
               </span>
             </span>
             <button
@@ -30192,7 +30675,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
               className="c26 c30"
               onClick={[Function]}
             >
-              6 min
+              10 min
               <span
                 className="c31"
               >
@@ -30236,6 +30719,89 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
               <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>
+                      ENTER_STATION
+                       at 
+                      <span
+                        className="c36"
+                      >
+                        fake station entrance name
+                      </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>
+                      Follow signs to 
+                      <span
+                        className="c36"
+                      >
+                        fake station exit
+                      </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>
+                      EXIT_STATION
+                       at 
+                      <span
+                        className="c36"
+                      >
+                        fake station entrance name
+                      </span>
+                    </span>
+                  </div>
+                </li>
                 <li
                   className="c33"
                 >
@@ -30255,17 +30821,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      WEST
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        parking aisle
+                        242nd Street Southwest
                       </span>
                       <span
                         className="c37"
                       >
-                        148 feet
+                        120 feet
                       </span>
                     </span>
                   </div>
@@ -30280,7 +30846,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -30288,12 +30854,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        Emery Street
+                        Cedar Way
                       </span>
                       <span
                         className="c37"
@@ -30326,12 +30892,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                       <span
                         className="c36"
                       >
-                        1st Avenue
+                        Northeast 205th Street - 244th Street Southwest
                       </span>
                       <span
                         className="c37"
                       >
-                        0.1 miles
+                        0.4 miles
                       </span>
                     </span>
                   </div>
@@ -30346,7 +30912,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -30354,17 +30920,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        parking aisle
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        280 feet
+                        91 feet
                       </span>
                     </span>
                   </div>
@@ -30460,13 +31026,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        S Main St & 1st Ave
+        48th Ave W & 244th St SW
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      5:06 PM
+      3:33 PM
     </div>
     <span
       className="c19"
@@ -30479,7 +31045,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
       <div
         className="c45"
       >
-        Stop ID 25633
+        Stop ID 82405
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -30539,20 +31105,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                   <span
                     className="c49 c50"
                   >
-                    LD3
+                    347
                   </span>
                 </span>
                 <span
                   className="c51"
                 >
                   <span>
-                    Longmont / Denver 
-                    <span
-                      className="c52"
-                    >
-                      to
-                    </span>
-                     US36/Broomfield Stn
+                    Northgate Station Ridgecrest
                   </span>
                 </span>
               </span>
@@ -30561,7 +31121,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
               >
                  - 
                 Disembark at 
-                US 287 & Arapahoe Rd
+                Northgate Station - Bay 4
               </span>
             </span>
             <button
@@ -30581,16 +31141,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
           role="group"
         >
           <div
-            className="c53"
+            className="c52"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://rtd-denver.com"
+              href="https://kingcounty.gov/en/dept/metro"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Regional Transportation District
+              Metro Transit
+              <img
+                alt=""
+                height={25}
+                src="https://kingcounty.gov/en/dept/metro"
+              />
             </a>
           </div>
           <div
@@ -30608,18 +31173,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
             />
           </div>
           <div
-            className="c54"
+            className="c53"
           >
             <div
-              className="c55"
+              className="c54"
             >
               <button
-                className="c26 c56"
+                className="c26 c55"
                 onClick={[Function]}
               >
                 Ride 
-                18 min
-                 / 12 stops
+                35 min
+                 / 37 stops
                 <span
                   className="c31"
                 >
@@ -30667,166 +31232,522 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c57"
+                  className="c56"
                 >
                   <ol
-                    className="c58"
+                    className="c57"
                   >
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        S Main St & Ken Pratt Blvd
+                        NE 205th St & 52nd Ave W
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        S Main St & Jersey Ave
+                        NE 205th St & 56th Ave W
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        S Main St & Missouri Ave
+                        NE 205th St & 58th Pl W
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        S Main St & Quebec Ave
+                        15th Ave NE & Ballinger Way NE
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Pike Rd
+                        15th Ave NE & Forest Park Dr NE
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Niwot Rd
+                        15th Ave NE & NE 200th Ct
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Hwy 52
+                        15th Ave NE & NE 192nd St
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Lookout Rd
+                        15th Ave NE & NE Perkins Way
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Dawson Dr
+                        15th Ave NE & 24th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Goose Haven Dr
+                        15th Ave NE & NE 180th St
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        US 287 & Isabelle Rd
+                        NE 175th St & 15th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        NE 175th St & 10th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 174th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 170th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 163rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 161st St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 158th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 155th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 152nd St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE 148th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        NE 145th St & 6th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        NE 145th St & 12th Ave NE
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 145th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 143rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 140th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 135th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 130th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 127th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 125th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 123rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        15th Ave NE & NE 120th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        Pinehurst Way NE & NE 115th St
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        NE Northgate Way & Roosevelt Way NE
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & NE Northgate Way
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        5th Ave NE & Northgate Mall
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        NE 103rd St & 5th Ave NE
                       </div>
                     </li>
                   </ol>
+                  <div
+                    className="styled__TransitLegFare-sc-1q8npbl-81"
+                  >
+                    Fare: 
+                    $2.75
+                  </div>
                 </div>
               </div>
             </div>
@@ -30888,13 +31809,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        US 287 & Arapahoe Rd
+        Northgate Station - Bay 4
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      5:25 PM
+      4:09 PM
     </div>
     <span
       className="c19"
@@ -30907,7 +31828,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
       <div
         className="c45"
       >
-        Stop ID 33109
+        Stop ID 35318
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -30954,11 +31875,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 0.2 miles to 
+              Walk 200 feet to 
               <span
                 className="c25"
               >
-                Arapahoe Rd & Stonehenge Dr
+                Northgate Station
               </span>
             </span>
             <button
@@ -30984,7 +31905,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
               className="c26 c30"
               onClick={[Function]}
             >
-              4 min
+              0 min
               <span
                 className="c31"
               >
@@ -31047,50 +31968,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        US Highway 287
-                      </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
+                      NORTH
                        on 
                       <span
                         className="c36"
                       >
-                        Arapahoe Road
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        485 feet
+                        200 feet
                       </span>
                     </span>
                   </div>
@@ -31109,7 +31997,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c63"
+        className="c62"
       />
       <span
         className="c7"
@@ -31155,13 +32043,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        Arapahoe Rd & Stonehenge Dr
+        Northgate Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      6:00 PM
+      4:13 PM
     </div>
     <span
       className="c19"
@@ -31174,7 +32062,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
       <div
         className="c45"
       >
-        Stop ID 33465
+        Stop ID N11-T1
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -31208,46 +32096,35 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                     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"
                   >
-                    JUMP
+                    1-Line
                   </span>
                 </span>
                 <span
                   className="c51"
                 >
                   <span>
-                    Boulder / Lafayette via Arapahoe 
-                    <span
-                      className="c52"
-                    >
-                      to
-                    </span>
-                     Erie Community Center
+                    Angle Lake
                   </span>
                 </span>
               </span>
@@ -31256,7 +32133,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
               >
                  - 
                 Disembark at 
-                Erie Community Center
+                Othello Station
               </span>
             </span>
             <button
@@ -31276,16 +32153,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
           role="group"
         >
           <div
-            className="c53"
+            className="c52"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://rtd-denver.com"
+              href="https://www.soundtransit.org"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Regional Transportation District
+              Sound Transit
+              <img
+                alt=""
+                height={25}
+                src="https://www.soundtransit.org"
+              />
             </a>
           </div>
           <div
@@ -31303,18 +32185,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
             />
           </div>
           <div
-            className="c54"
+            className="c53"
           >
             <div
-              className="c55"
+              className="c54"
             >
               <button
-                className="c26 c56"
+                className="c26 c55"
                 onClick={[Function]}
               >
                 Ride 
-                9 min
-                 / 8 stops
+                37 min
+                 / 14 stops
                 <span
                   className="c31"
                 >
@@ -31362,110 +32244,200 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c57"
+                  className="c56"
                 >
                   <ol
-                    className="c58"
+                    className="c57"
                   >
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        Arapahoe Rd & US 287
+                        Roosevelt Station
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        Arapahoe Rd & 111th St
+                        U District Station
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        Arapahoe Rd & Hawkridge Rd
+                        Univ of Washington Station
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        2800 Block 119th St
+                        Capitol Hill Station
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        119th St & Austin Ave
+                        Westlake Station
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        Erie Pkwy & Brennan St
+                        University St Station
                       </div>
                     </li>
                     <li
-                      className="c59"
+                      className="c58"
                     >
                       <div
-                        className="c60 c61"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c61"
                       >
-                        Erie Pkwy & Meller St
+                        Pioneer Square Station
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        Int'l Dist/Chinatown Station
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        Stadium Station
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        SODO Station
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        Beacon Hill Station
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        Mount Baker Station
+                      </div>
+                    </li>
+                    <li
+                      className="c58"
+                    >
+                      <div
+                        className="c59 c60"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c61"
+                      >
+                        Columbia City Station
                       </div>
                     </li>
                   </ol>
+                  <div
+                    className="styled__TransitLegFare-sc-1q8npbl-81"
+                  >
+                    Fare: 
+                    $3.00
+                  </div>
                 </div>
               </div>
             </div>
@@ -31527,13 +32499,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        Erie Community Center
+        Othello Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      6:12 PM
+      4:50 PM
     </div>
     <span
       className="c19"
@@ -31546,7 +32518,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
       <div
         className="c45"
       >
-        Stop ID 33200
+        Stop ID C27-T1
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -31593,11 +32565,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 124 feet to 
+              Walk 1.3 miles to 
               <span
                 className="c25"
               >
-                corner of path and Powers Street
+                New Light Christian Church, Seattle, WA, USA
               </span>
             </span>
             <button
@@ -31623,7 +32595,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
               className="c26 c30"
               onClick={[Function]}
             >
-              0 min
+              28 min
               <span
                 className="c31"
               >
@@ -31686,17 +32658,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      WEST
+                      SOUTH
                        on 
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        Martin Luther King Junior Way South
                       </span>
                       <span
                         className="c37"
                       >
-                        86 feet
+                        49 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        40 feet
                       </span>
                     </span>
                   </div>
@@ -31723,221 +32728,349 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                        on 
                       <span
                         className="c36"
+                      >
+                        parking aisle
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 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"
+                      >
+                        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="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"
                       >
-                        38 feet
+                        0.1 miles
                       </span>
                     </span>
                   </div>
                 </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </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"
-      >
-        60plusride-co-us:area_626
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      6:12 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c45"
-      >
-        Stop ID area_626
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c48"
-              >
-                <span
-                  className="c23"
+                <li
+                  className="c33"
                 >
-                  <span
-                    className="c24"
+                  <div
+                    className="c34"
                   >
                     <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"
+                      viewBox="0 0 261 261"
                     >
                       <path
-                        d="M68.848,68.51"
+                        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="M12.687,68.51"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
                     </svg>
-                  </span>
-                  <span
-                    className="c49 c50"
+                  </div>
+                  <div
+                    className="c35"
                   >
-                    60+ Ride
-                  </span>
-                </span>
-                <span
-                  className="c51"
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        181 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  <span>
-                    60+ Ride
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                60plusride-co-us:area_626
-              </span>
-            </span>
+                  <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"
+                      >
+                        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"
+                      >
+                        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"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        433 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+          <div
+            className="c38"
+          >
             <button
-              className="c26 c27"
+              className="c26 c39"
               onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
             >
-              <span
-                className="c19"
+              <div
+                className="c40"
               >
-                Zoom to leg on map
-              </span>
+                Elevation chart
+                <span
+                  className="c41 c42"
+                >
+                  ↑
+                  0'
+                </span>
+                <span
+                  className="c41 c43"
+                >
+                  ↓
+                  0'
+                </span>
+              </div>
+              No elevation data available.
+              mocked-react-resize-detector
             </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c53"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="https://60plusride.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              60+ Ride
-            </a>
-          </div>
-          <div
-            className="c65"
-          >
-            To take this route, you must 
-            call 555-352-9348
-             at least 7 days 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>
+        </span>
       </div>
     </div>
   </li>
@@ -31968,7 +33101,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c66 c12"
+          className="c8 c63 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -31990,19 +33123,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        60plusride-co-us:area_626
+        New Light Christian Church, Seattle, WA, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      6:37 PM
+      5:18 PM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      60plusride-co-us:area_626
+      New Light Christian Church, Seattle, WA, USA
     </span>
     <div
       className="c20"
@@ -32011,7 +33144,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -32025,275 +33158,701 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 1`] =
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "arrivedAtDestinationWithRentedBicycle": false,
-        "duration": 685,
+        "duration": 5849,
         "elevationGained": 0,
         "elevationLost": 0,
-        "endTime": 1655310385000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {},
-        },
-        "generalizedCost": 2010,
+        "endTime": 1655948239000,
+        "generalizedCost": 8302,
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -14400000,
+            "agencyTimeZoneOffset": -21600000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 266.417,
-            "duration": 276,
-            "endTime": 1655309976000,
+            "distance": 509.149,
+            "duration": 396,
+            "endTime": 1655942786000,
             "from": Object {
-              "departure": 1655309700000,
-              "lat": 33.76261572454295,
-              "lon": -84.3844002328133,
-              "name": "300 Courtland St NE, Atlanta, GA 30303-12ND, United States",
+              "departure": 1655942390000,
+              "lat": 40.16208338164619,
+              "lon": -105.09933471679689,
+              "name": "2nd Avenue, Longmont, CO, USA",
               "vertexType": "NORMAL",
             },
-            "generalizedCost": 526,
+            "generalizedCost": 768,
             "interlineWithPreviousLeg": false,
             "legGeometry": Object {
-              "length": 13,
-              "points": "igamE\`h\`bON?n@?N@L??LAHA|H?J?F?DdA@F?",
+              "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": 1655309700000,
+            "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": 52.548,
+                "distance": 215.189,
                 "elevation": "",
-                "lat": 33.76261325291033,
-                "lon": -84.38416504660155,
-                "relativeDirection": "DEPART",
+                "lat": 40.162159200000005,
+                "lon": -105.09987930000001,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Courtland Street Northeast",
+                "streetName": "Emery Street",
                 "walkingBike": false,
               },
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
-                "bogusName": true,
-                "distance": 171.07699999999997,
+                "bogusName": false,
+                "distance": 163.417,
                 "elevation": "",
-                "lat": 33.7621407,
-                "lon": -84.3841721,
+                "lat": 40.160224,
+                "lon": -105.099874,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "1st Avenue",
                 "walkingBike": false,
               },
               Object {
                 "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 42.792,
+                "bogusName": true,
+                "distance": 85.306,
                 "elevation": "",
-                "lat": 33.7621644,
-                "lon": -84.3860173,
+                "lat": 40.1602258,
+                "lon": -105.101797,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Peachtree Center Avenue Northeast",
+                "streetName": "parking aisle",
                 "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",
+              "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 {
-            "agencyTimeZoneOffset": -14400000,
+            "agencyId": "3:RTD",
+            "agencyName": "Regional Transportation District",
+            "agencyTimeZoneOffset": -21600000,
+            "agencyUrl": "http://rtd-denver.com",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1579.257,
-            "duration": 409,
-            "endTime": 1655310385000,
+            "distance": 15862.222110025103,
+            "duration": 1132,
+            "endTime": 1655943918000,
             "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",
+              "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": 1483,
+            "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": 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",
+              "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": "SCOOTER",
+            "mode": "BUS",
             "pathway": false,
             "realTime": false,
-            "rentedBike": true,
+            "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": 1655309976000,
+            "startTime": 1655943918000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 3.792,
+                "distance": 236.469,
                 "elevation": "",
-                "lat": 33.76177959874698,
-                "lon": -84.38602445700776,
-                "relativeDirection": "HARD_RIGHT",
+                "lat": 40.01713789802029,
+                "lon": -105.10294093918819,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Peachtree Center Avenue Northeast",
+                "streetName": "US Highway 287",
                 "walkingBike": false,
               },
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
-                "bogusName": true,
-                "distance": 3.032,
+                "bogusName": false,
+                "distance": 147.726,
                 "elevation": "",
-                "lat": 33.761813700000005,
-                "lon": -84.38602390000001,
-                "relativeDirection": "LEFT",
+                "lat": 40.015011300000005,
+                "lon": -105.102929,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "service road",
+                "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 {
-                "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,
+                "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 {
-                "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,
+                "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 {
-                "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,
+                "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 {
-                "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,
+                "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 {
-                "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,
+                "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 {
-                "absoluteDirection": "NORTHWEST",
+                "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": 5.783,
+                "distance": 26.074,
                 "elevation": "",
-                "lat": 33.7503831,
-                "lon": -84.3918258,
-                "relativeDirection": "RIGHT",
+                "lat": 40.03864052543011,
+                "lon": -105.0526046624388,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "sidewalk",
                 "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "NORTHEAST",
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 6.828,
+                "distance": 11.58,
                 "elevation": "",
-                "lat": 33.7504125,
-                "lon": -84.3918774,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "sidewalk",
-                "walkingBike": true,
+                "lat": 40.0385906,
+                "lon": -105.05290310000001,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+                "walkingBike": false,
               },
             ],
             "to": Object {
-              "arrival": 1655310385000,
-              "lat": 33.75048449782606,
-              "lon": -84.39187533825107,
-              "name": "126 Mitchell St SW, Atlanta, GA 30303-3524, United States",
+              "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",
+              "stopIndex": 0,
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "tripId": "60plusride-co-us:t_2081541_b_34153_tn_0",
+          },
         ],
-        "startTime": 1655309700000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 1845.674,
+        "startTime": 1655942390000,
+        "transfers": 2,
+        "transitTime": 3198,
+        "waitingTime": 1958,
+        "walkDistance": 930.998,
         "walkLimitExceeded": false,
-        "walkTime": 685,
+        "walkTime": 693,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -32304,7 +33863,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   color: #333;
 }
 
-.c46 {
+.c66 {
   color: #f44256;
 }
 
@@ -32318,11 +33877,44 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   text-decoration: none;
 }
 
+.c46 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c46:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c47 {
+  padding-left: 0px;
+}
+
+.c47:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c65 {
+  color: #b22727;
+  margin-top: 5px;
+}
+
 .c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
+.c58 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
 .c0 {
   list-style: none;
   padding: 0;
@@ -32368,10 +33960,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   width: 0;
 }
 
+.c52 {
+  font-weight: 200;
+}
+
 .c25 {
   font-weight: inherit;
 }
 
+.c51 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c50 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c48 {
+  color: #807373;
+  margin-top: 5px;
+}
+
 .c24 img,
 .c24 svg {
   margin-right: 6px;
@@ -32403,7 +34014,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   grid-template-columns: 65px 30px auto;
 }
 
-.c40 {
+.c38 {
   border-color: #fff;
   border-radius: 5px;
   border-style: solid;
@@ -32421,7 +34032,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   width: 75%;
 }
 
-.c40:hover {
+.c38:hover {
   border-color: #d1d5da;
   background-color: #f6f8fa;
 }
@@ -32462,7 +34073,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   padding: 3px 0 10px 0;
 }
 
-.c39 {
+.c45 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -32471,29 +34082,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   margin-top: -14px;
 }
 
-.c41 {
+.c39 {
   padding: 2px;
   width: 100%;
 }
 
-.c43 {
+.c41 {
   font-size: xx-small;
 }
 
-.c43::before {
+.c41::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c44 {
+.c42 {
   color: #e60000;
 }
 
-.c45 {
+.c43 {
   color: green;
 }
 
-.c42 {
+.c40 {
   font-size: small;
 }
 
@@ -32570,6 +34181,62 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   padding-left: 1ch;
 }
 
+.c61 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c62 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c59 {
+  z-index: 30;
+  position: relative;
+}
+
+.c54 {
+  margin-top: 5px;
+}
+
+.c55 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c57 {
+  font-size: 14px;
+}
+
+.c56 {
+  padding: 0;
+}
+
+.c53 {
+  margin-top: 5px;
+}
+
+.c53 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c53 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c53 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
 .c1 {
   font-size: 16px;
 }
@@ -32579,6 +34246,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   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;
@@ -32603,6 +34290,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   width: 100%;
 }
 
+.c1 .c60 {
+  margin-left: -23px;
+}
+
 .c1 .c17 {
   color: #676767;
   display: table-cell;
@@ -32634,10 +34325,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
   z-index: 10;
 }
 
-.c38 {
-  background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
+.c44 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #111;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c63 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #0076CE;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c64 {
+  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;
@@ -32718,13 +34433,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        300 Courtland St NE, Atlanta, GA 30303-12ND, United States
+        2nd Avenue, Longmont, CO, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      9:15 AM
+      4:59 PM
     </div>
     <span
       className="c19"
@@ -32773,11 +34488,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                - 
             </span>
             <span>
-              Walk 0.2 miles to 
+              Walk 0.3 miles to 
               <span
                 className="c25"
               >
-                Razor Vehicle
+                S Main St & 1st Ave
               </span>
             </span>
             <button
@@ -32803,7 +34518,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
               className="c26 c30"
               onClick={[Function]}
             >
-              4 min
+              6 min
               <span
                 className="c31"
               >
@@ -32866,17 +34581,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                   >
                     <span>
                       Head 
-                      SOUTH
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        Courtland Street Northeast
+                        parking aisle
                       </span>
                       <span
                         className="c37"
                       >
-                        172 feet
+                        148 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Emery Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.1 miles
                       </span>
                     </span>
                   </div>
@@ -32904,7 +34652,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        1st Avenue
                       </span>
                       <span
                         className="c37"
@@ -32937,12 +34685,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        Peachtree Center Avenue Northeast
+                        parking aisle
                       </span>
                       <span
                         className="c37"
                       >
-                        140 feet
+                        280 feet
                       </span>
                     </span>
                   </div>
@@ -32950,6 +34698,37 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
               </ol>
             </div>
           </div>
+          <div
+            className="c38"
+          >
+            <button
+              className="c26 c39"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c40"
+              >
+                Elevation chart
+                <span
+                  className="c41 c42"
+                >
+                  ↑
+                  0'
+                </span>
+                <span
+                  className="c41 c43"
+                >
+                  ↓
+                  0'
+                </span>
+              </div>
+              No elevation data available.
+              mocked-react-resize-detector
+            </button>
+          </div>
         </span>
       </div>
     </div>
@@ -32961,7 +34740,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c44"
       />
       <span
         className="c7"
@@ -32969,12 +34748,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="#f5a729"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={17}
+          height={20}
           viewBox="0 0 512 512"
-          width={17}
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -32991,13 +34786,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        Razor E-scooter
+        S Main St & 1st Ave
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      9:19 AM
+      5:06 PM
     </div>
     <span
       className="c19"
@@ -33008,11 +34803,443 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
       className="c20"
     >
       <div
-        className="c39"
+        className="c45"
       >
-        Pick up Razor 
-        E-scooter
-         
+        Stop ID 25633
+        <a
+          className="c46 c47"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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"
+                  >
+                    LD3
+                  </span>
+                </span>
+                <span
+                  className="c51"
+                >
+                  <span>
+                    Longmont / Denver 
+                    <span
+                      className="c52"
+                    >
+                      to
+                    </span>
+                     US36/Broomfield Stn
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                US 287 & Arapahoe Rd
+              </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="c53"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://rtd-denver.com"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Regional Transportation District
+            </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="c54"
+          >
+            <div
+              className="c55"
+            >
+              <button
+                className="c26 c56"
+                onClick={[Function]}
+              >
+                Ride 
+                18 min
+                 / 12 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="c57"
+                >
+                  <ol
+                    className="c58"
+                  >
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        S Main St & Ken Pratt Blvd
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        S Main St & Jersey Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        S Main St & Missouri Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        S Main St & Quebec Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Pike Rd
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Niwot Rd
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Hwy 52
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Lookout Rd
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Dawson Dr
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Goose Haven Dr
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        US 287 & Isabelle Rd
+                      </div>
+                    </li>
+                  </ol>
+                </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"
+      >
+        US 287 & Arapahoe Rd
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      5:25 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c45"
+      >
+        Stop ID 33109
+        <a
+          className="c46 c47"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
       </div>
       <div
         className="c21"
@@ -33031,12 +35258,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
               >
                 <svg
                   height="100%"
-                  viewBox="0 0 512 512"
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
                   width="100%"
+                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
                   <path
-                    d="m464.027344 393.210938-47.425782-341.464844c-4.097656-29.5-29.648437-51.746094-59.429687-51.746094h-68.171875v40h68.171875c9.929687 0 18.441406 7.414062 19.808594 17.246094l36.148437 260.25c-52.128906 15.089844-91.835937 59.722656-99.703125 114.503906h-196.867187c-8.253906-23.277344-30.484375-40-56.558594-40-33.085938 0-60 26.914062-60 60s26.914062 60 60 60c26.074219 0 48.304688-16.722656 56.558594-40h235.441406v-20c0-43.472656 27.886719-80.550781 66.710938-94.296875l5.699218 41.042969c-19.234375 10.003906-32.410156 30.113281-32.410156 53.253906 0 33.085938 26.914062 60 60 60s60-26.914062 60-60c0-28.964844-20.632812-53.203125-47.972656-58.789062zm-404.027344 78.789062c-11.027344 0-20-8.972656-20-20s8.972656-20 20-20 20 8.972656 20 20-8.972656 20-20 20zm392 0c-11.027344 0-20-8.972656-20-20s8.972656-20 20-20 20 8.972656 20 20-8.972656 20-20 20zm0 0"
+                    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>
@@ -33047,11 +35280,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                - 
             </span>
             <span>
-              Ride 1 mile to 
+              Walk 0.2 miles to 
               <span
                 className="c25"
               >
-                126 Mitchell St SW, Atlanta, GA 30303-3524, United States
+                Arapahoe Rd & Stonehenge Dr
               </span>
             </span>
             <button
@@ -33077,7 +35310,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
               className="c26 c30"
               onClick={[Function]}
             >
-              6 min
+              4 min
               <span
                 className="c31"
               >
@@ -33121,204 +35354,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
               <ol
                 className="c32"
               >
-                <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"
-                      >
-                        Peachtree Center Avenue Northeast
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        12 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        10 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Peachtree Center Cycle Track
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.5 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Edgewood Avenue Northeast
-                      </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"
-                      >
-                        Pryor Street Southwest
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        269 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"
-                      >
-                        Pryor Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        518 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
                 <li
                   className="c33"
                 >
@@ -33337,50 +35372,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Pryor Street Southwest
-                      </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
+                      Head 
+                      SOUTH
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        US Highway 287
                       </span>
                       <span
                         className="c37"
                       >
-                        19 feet
+                        0.1 miles
                       </span>
                     </span>
                   </div>
@@ -33408,12 +35411,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        Arapahoe Road
                       </span>
                       <span
                         className="c37"
                       >
-                        22 feet
+                        485 feet
                       </span>
                     </span>
                   </div>
@@ -33421,37 +35424,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
               </ol>
             </div>
           </div>
-          <div
-            className="c40"
-          >
-            <button
-              className="c26 c41"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c42"
-              >
-                Elevation chart
-                <span
-                  className="c43 c44"
-                >
-                  ↑
-                  0'
-                </span>
-                <span
-                  className="c43 c45"
-                >
-                  ↓
-                  0'
-                </span>
-              </div>
-              No elevation data available.
-              mocked-react-resize-detector
-            </button>
-          </div>
         </span>
       </div>
     </div>
@@ -33462,18 +35434,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
     <div
       className="c4 c5"
     >
+      <div
+        className="c63"
+      />
       <span
         className="c7"
       >
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -33483,16 +35458,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c46 c12"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -33505,2463 +35481,1145 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        126 Mitchell St SW, Atlanta, GA 30303-3524, United States
+        Arapahoe Rd & Stonehenge Dr
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      9:26 AM
+      6:00 PM
     </div>
     <span
       className="c19"
     >
-      Arrive at 
-      126 Mitchell St SW, Atlanta, GA 30303-3524, United States
+      otpUi.TransitLegBody.fromLocation
     </span>
     <div
       className="c20"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux 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)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 2392,
-        "elevationGained": 89.18000000000004,
-        "elevationLost": 34.78000000000004,
-        "endTime": 1573691399000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
+    >
+      <div
+        className="c45"
+      >
+        Stop ID 33465
+        <a
+          className="c46 c47"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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"
+                  >
+                    JUMP
+                  </span>
+                </span>
+                <span
+                  className="c51"
+                >
+                  <span>
+                    Boulder / Lafayette via Arapahoe 
+                    <span
+                      className="c52"
+                    >
+                      to
+                    </span>
+                     Erie Community Center
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Erie Community Center
+              </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="c53"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://rtd-denver.com"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Regional Transportation District
+            </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="c54"
+          >
+            <div
+              className="c55"
+            >
+              <button
+                className="c26 c56"
+                onClick={[Function]}
+              >
+                Ride 
+                9 min
+                 / 8 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (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="c57"
+                >
+                  <ol
+                    className="c58"
+                  >
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Arapahoe Rd & US 287
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Arapahoe Rd & 111th St
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Arapahoe Rd & Hawkridge Rd
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        2800 Block 119th St
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        119th St & Austin Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Erie Pkwy & Brennan St
+                      </div>
+                    </li>
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Erie Pkwy & Meller St
+                      </div>
+                    </li>
+                  </ol>
+                </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"
+      >
+        Erie Community Center
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      6:12 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c45"
+      >
+        Stop ID 33200
+        <a
+          className="c46 c47"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 124 feet to 
+              <span
+                className="c25"
+              >
+                corner of path and Powers Street
+              </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]}
+            >
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      WEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        sidewalk
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        86 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        38 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </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"
+      >
+        60plusride-co-us:area_626
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      6:12 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c45"
+      >
+        Stop ID area_626
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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"
+                  >
+                    60+ Ride
+                  </span>
+                </span>
+                <span
+                  className="c51"
+                >
+                  <span>
+                    60+ Ride
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                60plusride-co-us:area_626
+              </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="c53"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="https://60plusride.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              60+ Ride
+            </a>
+          </div>
+          <div
+            className="c65"
+          >
+            To take this route, you must 
+            call 555-352-9348
+             at least 7 days 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>
+      </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 c66 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"
+      >
+        60plusride-co-us:area_626
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      6:37 PM
+    </div>
+    <span
+      className="c19"
+    >
+      Arrive at 
+      60plusride-co-us:area_626
+    </span>
+    <div
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter 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 {
+        "arrivedAtDestinationWithRentedBicycle": false,
+        "duration": 685,
+        "elevationGained": 0,
+        "elevationLost": 0,
+        "endTime": 1655310385000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {},
+        },
+        "generalizedCost": 2010,
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -14400000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 3913.6230000000005,
-            "duration": 606,
-            "endTime": 1573689613000,
+            "distance": 266.417,
+            "duration": 276,
+            "endTime": 1655309976000,
             "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",
+              "departure": 1655309700000,
+              "lat": 33.76261572454295,
+              "lon": -84.3844002328133,
+              "name": "300 Courtland St NE, Atlanta, GA 30303-12ND, United States",
               "vertexType": "NORMAL",
             },
-            "hailedCar": false,
+            "generalizedCost": 526,
             "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@",
+              "length": 13,
+              "points": "igamE\`h\`bON?n@?N@L??LAHA|H?J?F?DdA@F?",
             },
-            "mode": "CAR",
+            "mode": "WALK",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689007000,
+            "startTime": 1655309700000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "SOUTH",
                 "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,
+                "bogusName": false,
+                "distance": 52.548,
+                "elevation": "",
+                "lat": 33.76261325291033,
+                "lon": -84.38416504660155,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "parking aisle",
+                "streetName": "Courtland Street Northeast",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "WEST",
                 "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,
+                "bogusName": true,
+                "distance": 171.07699999999997,
+                "elevation": "",
+                "lat": 33.7621407,
+                "lon": -84.3841721,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SW Murray Blvd",
+                "streetName": "path",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTH",
                 "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",
+                "distance": 42.792,
+                "elevation": "",
+                "lat": 33.7621644,
+                "lon": -84.3860173,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NW Murray Blvd",
+                "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": "NORTHEAST",
+                "absoluteDirection": "WEST",
                 "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",
+                "distance": 3.032,
+                "elevation": "",
+                "lat": 33.761813700000005,
+                "lon": -84.38602390000001,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NW Murray Blvd",
+                "streetName": "service road",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "SOUTH",
                 "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,
+                "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": "NW Sunset Hwy",
+                "streetName": "Pryor Street",
+                "walkingBike": false,
               },
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "SOUTHWEST",
                 "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,
+                "bogusName": false,
+                "distance": 310.786,
+                "elevation": "",
+                "lat": 33.7527003,
+                "lon": -84.38994960000001,
                 "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "NW Sunset Hwy",
+                "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": 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,
+                "distance": 6.828,
+                "elevation": "",
+                "lat": 33.7504125,
+                "lon": -84.3918774,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "Sunset TC",
+                "streetName": "sidewalk",
+                "walkingBike": true,
               },
             ],
             "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",
+              "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": 1573689007000,
+        "startTime": 1655309700000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 1280,
-        "waitingTime": 122,
-        "walkDistance": 387.15802624199944,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 1845.674,
         "walkLimitExceeded": false,
-        "walkTime": 990,
+        "walkTime": 685,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -35972,7 +36630,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   color: #333;
 }
 
-.c64 {
+.c46 {
   color: #f44256;
 }
 
@@ -35986,39 +36644,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   text-decoration: none;
 }
 
-.c41 {
-  color: #008;
-  cursor: pointer;
-  margin-left: 5px;
-}
-
-.c41:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c42 {
-  padding-left: 0px;
-}
-
-.c42:before {
-  content: "|";
-  color: black;
-  margin-right: 5px;
-}
-
 .c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c59 {
-  display: block;
-  font-size: 13px;
-  list-style: none;
-  padding: 0;
-}
-
 .c0 {
   list-style: none;
   padding: 0;
@@ -36064,29 +36694,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   width: 0;
 }
 
-.c47 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
 
-.c46 {
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.c45 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
-.c43 {
-  color: #807373;
-  margin-top: 5px;
-}
-
 .c24 img,
 .c24 svg {
   margin-right: 6px;
@@ -36118,6 +36729,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   grid-template-columns: 65px 30px auto;
 }
 
+.c40 {
+  border-color: #fff;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  font-style: normal;
+  grid-column: 2;
+  grid-row: 1;
+  margin: 0 4px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  vertical-align: middle;
+  width: 75%;
+}
+
+.c40:hover {
+  border-color: #d1d5da;
+  background-color: #f6f8fa;
+}
+
 .c18 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -36154,7 +36788,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   padding: 3px 0 10px 0;
 }
 
-.c40 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -36163,6 +36797,32 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   margin-top: -14px;
 }
 
+.c41 {
+  padding: 2px;
+  width: 100%;
+}
+
+.c43 {
+  font-size: xx-small;
+}
+
+.c43::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c44 {
+  color: #e60000;
+}
+
+.c45 {
+  color: green;
+}
+
+.c42 {
+  font-size: small;
+}
+
 .c32 {
   display: block;
   list-style: none;
@@ -36236,105 +36896,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   padding-left: 1ch;
 }
 
-.c62 {
-  float: left;
-  margin-left: -36px;
-  color: #fff;
-}
-
-.c63 {
-  color: #676767;
-  margin-top: 3px;
-}
-
-.c60 {
-  z-index: 30;
-  position: relative;
-}
-
-.c51 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c53 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c54 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c52 {
-  float: left;
-  font-size: 18px;
-}
-
-.c50 {
-  display: block;
-  margin-top: 3px;
-}
-
-.c49 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c55 {
-  margin-top: 5px;
-}
-
-.c56 {
-  color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c58 {
-  font-size: 14px;
-}
-
-.c57 {
-  padding: 0;
-}
-
-.c48 {
-  margin-top: 5px;
-}
-
-.c48 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c48 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c48 img {
-  margin-left: 5px;
-  vertical-align: middle;
-}
-
 .c1 {
   font-size: 16px;
 }
@@ -36344,26 +36905,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   font-family: Hind,sans-serif;
 }
 
-.c1 .c44 {
-  background-color: rgb(15,106,172);
-  border-color: white;
-  border-image: initial;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
-  color: white;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 1.5;
-  margin-right: 8px;
-  min-width: 24px;
-  padding: 2px 3px;
-  text-align: center;
-}
-
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -36388,10 +36929,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   width: 100%;
 }
 
-.c1 .c61 {
-  margin-left: -23px;
-}
-
 .c1 .c17 {
   color: #676767;
   display: table-cell;
@@ -36411,16 +36948,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
 }
 
 .c6 {
-  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -36433,11 +36960,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   z-index: 10;
 }
 
-.c39 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #084C8D;
+.c38 {
+  background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -36518,13 +37044,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        330 SW Murray Blvd, Washington County, OR, USA 97005
+        300 Courtland St NE, Atlanta, GA 30303-12ND, United States
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      9:15 AM
     </div>
     <span
       className="c19"
@@ -36551,12 +37077,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               >
                 <svg
                   height="100%"
-                  viewBox="0 0 512 512"
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
                   width="100%"
+                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
                   <path
-                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
                   />
                 </svg>
               </span>
@@ -36567,11 +37099,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                - 
             </span>
             <span>
-              Drive 2.4 miles to 
+              Walk 0.2 miles to 
               <span
                 className="c25"
               >
-                P+R Sunset TC
+                Razor Vehicle
               </span>
             </span>
             <button
@@ -36597,7 +37129,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               className="c26 c30"
               onClick={[Function]}
             >
-              10 min
+              4 min
               <span
                 className="c31"
               >
@@ -36660,17 +37192,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                   >
                     <span>
                       Head 
-                      SOUTHWEST
+                      SOUTH
                        on 
                       <span
                         className="c36"
                       >
-                        parking aisle
+                        Courtland Street Northeast
                       </span>
                       <span
                         className="c37"
                       >
-                        158 feet
+                        172 feet
                       </span>
                     </span>
                   </div>
@@ -36698,144 +37230,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        SW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        150 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      SLIGHTLY_RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.4 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.6 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Sunset Hwy
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        0.3 miles
+                        0.1 miles
                       </span>
                     </span>
                   </div>
@@ -36863,111 +37263,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        SW Cedar Hills Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Barnes Rd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.5 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Sunset TC
+                        Peachtree Center Avenue Northeast
                       </span>
                       <span
                         className="c37"
                       >
-                        76 feet
+                        140 feet
                       </span>
                     </span>
                   </div>
@@ -36994,7 +37295,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="#888"
+          color="#f5a729"
           fill="currentColor"
           focusable="false"
           height={17}
@@ -37016,13 +37317,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        P+R Sunset TC
+        Razor E-scooter
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:02 PM
+      9:19 AM
     </div>
     <span
       className="c19"
@@ -37032,6 +37333,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
     <div
       className="c20"
     >
+      <div
+        className="c39"
+      >
+        Pick up Razor 
+        E-scooter
+         
+      </div>
       <div
         className="c21"
       >
@@ -37049,18 +37357,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               >
                 <svg
                   height="100%"
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
+                  viewBox="0 0 512 512"
                   width="100%"
-                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
                 >
                   <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
+                    d="m464.027344 393.210938-47.425782-341.464844c-4.097656-29.5-29.648437-51.746094-59.429687-51.746094h-68.171875v40h68.171875c9.929687 0 18.441406 7.414062 19.808594 17.246094l36.148437 260.25c-52.128906 15.089844-91.835937 59.722656-99.703125 114.503906h-196.867187c-8.253906-23.277344-30.484375-40-56.558594-40-33.085938 0-60 26.914062-60 60s26.914062 60 60 60c26.074219 0 48.304688-16.722656 56.558594-40h235.441406v-20c0-43.472656 27.886719-80.550781 66.710938-94.296875l5.699218 41.042969c-19.234375 10.003906-32.410156 30.113281-32.410156 53.253906 0 33.085938 26.914062 60 60 60s60-26.914062 60-60c0-28.964844-20.632812-53.203125-47.972656-58.789062zm-404.027344 78.789062c-11.027344 0-20-8.972656-20-20s8.972656-20 20-20 20 8.972656 20 20-8.972656 20-20 20zm392 0c-11.027344 0-20-8.972656-20-20s8.972656-20 20-20 20 8.972656 20 20-8.972656 20-20 20zm0 0"
                   />
                 </svg>
               </span>
@@ -37071,11 +37373,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                - 
             </span>
             <span>
-              Walk 426 feet to 
+              Ride 1 mile to 
               <span
                 className="c25"
               >
-                Sunset TC MAX Station
+                126 Mitchell St SW, Atlanta, GA 30303-3524, United States
               </span>
             </span>
             <button
@@ -37101,7 +37403,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               className="c26 c30"
               onClick={[Function]}
             >
-              3 min
+              6 min
               <span
                 className="c31"
               >
@@ -37155,7 +37457,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                        d="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>
@@ -37163,17 +37465,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      SLIGHTLY_RIGHT
+                      HARD_RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        Peachtree Center Avenue Northeast
                       </span>
                       <span
                         className="c37"
                       >
-                        16 feet
+                        12 feet
                       </span>
                     </span>
                   </div>
@@ -37201,12 +37503,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        steps
+                        service road
                       </span>
                       <span
                         className="c37"
                       >
-                        232 feet
+                        10 feet
                       </span>
                     </span>
                   </div>
@@ -37234,12 +37536,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        Peachtree Center Cycle Track
                       </span>
                       <span
                         className="c37"
                       >
-                        19 feet
+                        0.5 miles
                       </span>
                     </span>
                   </div>
@@ -37267,746 +37569,45 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        Sunset TC (path)
+                        Edgewood Avenue Northeast
                       </span>
                       <span
                         className="c37"
                       >
-                        159 feet
+                        0.1 miles
                       </span>
                     </span>
                   </div>
                 </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c39"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Sunset TC MAX Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:05 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c40"
-      >
-        Stop ID 2600
-        <a
-          className="c41 c42"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c43"
-              >
-                <span
-                  className="c23"
+                <li
+                  className="c33"
                 >
-                  <span
-                    className="c24"
+                  <div
+                    className="c34"
                   >
                     <svg
-                      aria-label="TRAM"
-                      height="100%"
-                      version="1.0"
-                      viewBox="0 0 66.461 100"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 261 261"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
-                      />
-                      <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
-                  </span>
-                  <span
-                    className="c44 c45"
-                  >
-                    MAX Blue Line
-                  </span>
-                </span>
-                <span
-                  className="c46"
-                >
-                  <span>
-                    MAX Blue Line 
-                    <span
-                      className="c47"
-                    >
-                      to
-                    </span>
-                     Gresham
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                Oak/ SW 1st Ave MAX Station
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c48"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <button
-            className="c26 c49"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            2 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-          </button>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <div
-                className="c50"
-              >
-                <a
-                  className="c51"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                >
-                  <div
-                    className="c52"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c54"
-                  >
-                    Effective as of November 6, 2019
-                  </div>
-                </a>
-                <a
-                  className="c51"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c52"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c54"
-                  >
-                    Effective as of November 3, 2019
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c55"
-          >
-            <div
-              className="c56"
-            >
-              <button
-                className="c26 c57"
-                onClick={[Function]}
-              >
-                Ride 
-                21 min
-                 / 9 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c41 c42"
-                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="c58"
-                >
-                  <ol
-                    className="c59"
-                  >
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Washington Park MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Goose Hollow/SW Jefferson St MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Kings Hill/SW Salmon St MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Providence Park MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Library/SW 9th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Pioneer Square South MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Mall/SW 4th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Yamhill District MAX Station
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Oak/ SW 1st Ave MAX Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:27 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c40"
-      >
-        Stop ID 8337
-        <a
-          className="c41 c42"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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"
-              >
-                205 SW Pine St, Portland, OR, USA 97204
-              </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]}
-            >
-              2 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (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"
+                  </div>
+                  <div
+                    className="c35"
                   >
                     <span>
-                      Head 
-                      NORTHEAST
+                      LEFT
                        on 
                       <span
                         className="c36"
                       >
-                        Oak/SW 1st Ave (path)
+                        Pryor Street Southwest
                       </span>
                       <span
                         className="c37"
                       >
-                        13 feet
+                        269 feet
                       </span>
                     </span>
                   </div>
@@ -38034,12 +37635,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        Pryor Street
                       </span>
                       <span
                         className="c37"
                       >
-                        27 feet
+                        518 feet
                       </span>
                     </span>
                   </div>
@@ -38054,7 +37655,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -38062,17 +37663,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      CONTINUE
                        on 
                       <span
                         className="c36"
                       >
-                        SW Oak St
+                        Pryor Street Southwest
                       </span>
                       <span
                         className="c37"
                       >
-                        37 feet
+                        0.2 miles
                       </span>
                     </span>
                   </div>
@@ -38100,12 +37701,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       <span
                         className="c36"
                       >
-                        SW 1st Ave
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        260 feet
+                        19 feet
                       </span>
                     </span>
                   </div>
@@ -38120,7 +37721,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -38128,17 +37729,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        SW Pine St
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        337 feet
+                        22 feet
                       </span>
                     </span>
                   </div>
@@ -38146,6 +37747,37 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               </ol>
             </div>
           </div>
+          <div
+            className="c40"
+          >
+            <button
+              className="c26 c41"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c42"
+              >
+                Elevation chart
+                <span
+                  className="c43 c44"
+                >
+                  ↑
+                  0'
+                </span>
+                <span
+                  className="c43 c45"
+                >
+                  ↓
+                  0'
+                </span>
+              </div>
+              No elevation data available.
+              mocked-react-resize-detector
+            </button>
+          </div>
         </span>
       </div>
     </div>
@@ -38177,7 +37809,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c64 c12"
+          className="c8 c46 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -38199,19 +37831,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         aria-hidden={true}
         className="c15 c16"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        126 Mitchell St SW, Atlanta, GA 30303-3524, United States
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:29 PM
+      9:26 AM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      126 Mitchell St SW, Atlanta, GA 30303-3524, United States
     </span>
     <div
       className="c20"
@@ -38220,7 +37852,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -38232,21 +37864,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={true}
     itinerary={
       Object {
-        "duration": 357,
-        "elevationGained": 0.8399999999999999,
-        "elevationLost": 2.200000000000001,
-        "endTime": 1573689055000,
+        "duration": 2392,
+        "elevationGained": 89.18000000000004,
+        "elevationLost": 34.78000000000004,
+        "endTime": 1573691399000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
             "regular": Object {
               "cents": 250,
               "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
                 "defaultFractionDigits": 2,
                 "symbol": "$",
               },
@@ -38258,352 +37887,9026 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 3913.6230000000005,
+            "duration": 606,
+            "endTime": 1573689613000,
             "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",
+              "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": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "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": "WALK",
+            "mode": "CAR",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688698000,
+            "startTime": 1573689007000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "SOUTHWEST",
                 "area": false,
                 "bogusName": true,
-                "distance": 50.946,
+                "distance": 48.239999999999995,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.172842545446779,
+                    "second": 66.15284254544679,
                   },
                   Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
+                    "first": 9.31,
+                    "second": 66.07284254544678,
                   },
                   Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
+                    "first": 9.305,
+                    "second": 66.09284254544679,
                   },
                   Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
+                    "first": 16.195,
+                    "second": 66.31284254544678,
                   },
                   Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
+                    "first": 16.197,
+                    "second": 66.31284254544678,
                   },
                   Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
+                    "first": 26.197,
+                    "second": 66.93284254544677,
                   },
                   Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
+                    "first": 36.197,
+                    "second": 67.53284254544678,
                   },
                   Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
+                    "first": 48.236999999999995,
+                    "second": 67.90284254544679,
                   },
                 ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1576471800,
-              },
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
-            "arrivalDelay": 0,
-            "averageWait": 935,
-            "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
-            "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "hailedCar": false,
-            "headsign": "Hillsboro",
-            "interStopGeometry": Array [
-              Object {
-                "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
-              },
-              Object {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
-                "stopIndex": 26,
-                "stopSequence": 27,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-            },
-            "mode": "TRAM",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573688770000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
-            "from": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688986000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
+                "lat": 45.51702581777306,
+                "lon": -122.81696535340403,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Providence Park (path)",
+                "streetName": "parking aisle",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 31.715,
+                "bogusName": false,
+                "distance": 347.583,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 30.57284254544678,
+                    "second": 67.90284254544679,
                   },
                   Object {
                     "first": 10,
-                    "second": 30.18284254544678,
+                    "second": 68.13284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.712842545446776,
+                    "second": 68.38284254544678,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "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.5218184,
-                "lon": -122.6898884,
+                "lat": 45.5170776,
+                "lon": -122.8175366,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "SW Murray Blvd",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 8.242,
+                "bogusName": false,
+                "distance": 45.738,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 29.33284254544678,
+                    "second": 75.15284254544679,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "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.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                "lat": 45.519972,
+                "lon": -122.815981,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "NW Murray Blvd",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "bogusName": false,
-                "distance": 30.15,
+                "bogusName": true,
+                "distance": 643.86,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 29.05284254544678,
+                    "second": 75.46284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 29.16284254544678,
+                    "second": 75.69284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.33284254544678,
+                    "second": 75.88284254544678,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                    "first": 30,
+                    "second": 76.04284254544677,
                   },
-                ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Morrison St",
-              },
-            ],
-            "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,
+                  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 ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c64 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c41 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c41:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c42 {
+  padding-left: 0px;
+}
+
+.c42:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c59 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c47 {
+  font-weight: 200;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c46 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c43 {
+  color: #807373;
+  margin-top: 5px;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 100px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c40 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c62 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c63 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c60 {
+  z-index: 30;
+  position: relative;
+}
+
+.c51 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c53 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c54 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c52 {
+  float: left;
+  font-size: 18px;
+}
+
+.c50 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c49 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c55 {
+  margin-top: 5px;
+}
+
+.c56 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c58 {
+  font-size: 14px;
+}
+
+.c57 {
+  padding: 0;
+}
+
+.c48 {
+  margin-top: 5px;
+}
+
+.c48 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c48 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c48 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.c1 .c4 {
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c61 {
+  margin-left: -23px;
+}
+
+.c1 .c17 {
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c39 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #084C8D;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        330 SW Murray Blvd, Washington County, OR, USA 97005
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <svg
+                  height="100%"
+                  viewBox="0 0 512 512"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19"
+            >
+               - 
+            </span>
+            <span>
+              Drive 2.4 miles to 
+              <span
+                className="c25"
+              >
+                P+R Sunset TC
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              10 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTHWEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        parking aisle
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        158 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        150 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.4 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.6 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Cedar Hills Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Barnes Rd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.5 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        76 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        P+R Sunset TC
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:02 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 426 feet to 
+              <span
+                className="c25"
+              >
+                Sunset TC MAX Station
+              </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="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        16 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        steps
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        232 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        159 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c39"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Sunset TC MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:05 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c40"
+      >
+        Stop ID 2600
+        <a
+          className="c41 c42"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c43"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="TRAM"
+                      height="100%"
+                      version="1.0"
+                      viewBox="0 0 66.461 100"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
+                      />
+                      <path
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
+                </span>
+                <span
+                  className="c46"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c47"
+                    >
+                      to
+                    </span>
+                     Gresham
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Oak/ SW 1st Ave MAX Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          role="group"
+        >
+          <div
+            className="c48"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <button
+            className="c26 c49"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <div
+                className="c50"
+              >
+                <a
+                  className="c51"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c51"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c55"
+          >
+            <div
+              className="c56"
+            >
+              <button
+                className="c26 c57"
+                onClick={[Function]}
+              >
+                Ride 
+                21 min
+                 / 9 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c41 c42"
+                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="c58"
+                >
+                  <ol
+                    className="c59"
+                  >
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Washington Park MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Goose Hollow/SW Jefferson St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Kings Hill/SW Salmon St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Providence Park MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Library/SW 9th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Pioneer Square South MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Mall/SW 4th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Yamhill District MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Oak/ SW 1st Ave MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:27 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c40"
+      >
+        Stop ID 8337
+        <a
+          className="c41 c42"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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"
+              >
+                205 SW Pine St, Portland, OR, USA 97204
+              </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]}
+            >
+              2 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Oak/SW 1st Ave (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        13 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        337 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c64 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        205 SW Pine St, Portland, OR, USA 97204
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:29 PM
+    </div>
+    <span
+      className="c19"
+    >
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
+    </span>
+    <div
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={true}
+    itinerary={
+      Object {
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 250,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "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",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
+            },
+            "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 {
+                    "first": 18.515,
+                    "second": 14.512842545446778,
+                  },
+                  Object {
+                    "first": 18.511,
+                    "second": 14.512842545446778,
+                  },
+                  Object {
+                    "first": 28.511,
+                    "second": 14.342842545446779,
+                  },
+                  Object {
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
+                  },
+                  Object {
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 30.929,
+                "elevation": Array [],
+                "lat": 45.5191414,
+                "lon": -122.679111,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Pioneer Sq N (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
+            "arrivalDelay": 0,
+            "averageWait": 935,
+            "departureDelay": 0,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
+            "from": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "headsign": "Hillsboro",
+            "interStopGeometry": Array [
+              Object {
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+              },
+              Object {
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+            },
+            "mode": "TRAM",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573688770000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": true,
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
+            "from": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688986000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 5.864,
+                "elevation": Array [],
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Providence Park (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 31.715,
+                "elevation": Array [
+                  Object {
+                    "first": 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": 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 ItineraryBody/otp-react-redux Three Alerts Always Collapsing 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c63 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c40 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c40:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c41 {
+  padding-left: 0px;
+}
+
+.c41:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c58 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c46 {
+  font-weight: 200;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c45 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c42 {
+  color: #807373;
+  margin-top: 5px;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 100px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c39 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c61 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c62 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c59 {
+  z-index: 30;
+  position: relative;
+}
+
+.c50 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c52 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c53 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c51 {
+  float: left;
+  font-size: 18px;
+}
+
+.c49 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c48 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c54 {
+  margin-top: 5px;
+}
+
+.c55 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c57 {
+  font-size: 14px;
+}
+
+.c56 {
+  padding: 0;
+}
+
+.c47 {
+  margin-top: 5px;
+}
+
+.c47 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c47 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.c1 .c4 {
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c60 {
+  margin-left: -23px;
+}
+
+.c1 .c17 {
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #084C8D;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        KGW Studio on the Sq, Portland, OR, USA
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:44 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 269 feet to 
+              <span
+                className="c25"
+              >
+                Pioneer Square North MAX Station
+              </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]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHWEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        167 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Pioneer Sq N (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        101 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Pioneer Square North MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:46 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 8383
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="TRAM"
+                      height="100%"
+                      version="1.0"
+                      viewBox="0 0 66.461 100"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
+                      />
+                      <path
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c46"
+                    >
+                      to
+                    </span>
+                     Hillsboro
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Providence Park MAX Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          role="group"
+        >
+          <div
+            className="c47"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <button
+            className="c26 c48"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            3 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <div
+                className="c49"
+              >
+                <a
+                  className="c50"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of December 15, 2019
+                  </div>
+                </a>
+                <a
+                  className="c50"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c50"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c54"
+          >
+            <div
+              className="c55"
+            >
+              <button
+                className="c26 c56"
+                onClick={[Function]}
+              >
+                Ride 
+                3 min
+                 / 2 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c57"
+                >
+                  <ol
+                    className="c58"
+                  >
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Galleria/SW 10th Ave MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+            <span>
+              Typical wait: 
+              15 min
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Providence Park MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 9757
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 249 feet to 
+              <span
+                className="c25"
+              >
+                1737 SW Morrison St, Portland, OR, USA 97205
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      WEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Providence Park (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        104 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <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 c63 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        1737 SW Morrison St, Portland, OR, USA 97205
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c19"
+    >
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
+    </span>
+    <div
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={false}
+    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": "$",
+              },
+            },
+          },
+        },
+        "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",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
+            },
+            "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 {
+                    "first": 18.515,
+                    "second": 14.512842545446778,
+                  },
+                  Object {
+                    "first": 18.511,
+                    "second": 14.512842545446778,
+                  },
+                  Object {
+                    "first": 28.511,
+                    "second": 14.342842545446779,
+                  },
+                  Object {
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
+                  },
+                  Object {
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 30.929,
+                "elevation": Array [],
+                "lat": 45.5191414,
+                "lon": -122.679111,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Pioneer Sq N (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
+            "arrivalDelay": 0,
+            "averageWait": 935,
+            "departureDelay": 0,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
+            "from": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "headsign": "Hillsboro",
+            "interStopGeometry": Array [
+              Object {
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+              },
+              Object {
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+            },
+            "mode": "TRAM",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573688770000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": true,
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
+            "from": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688986000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 5.864,
+                "elevation": Array [],
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Providence Park (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 31.715,
+                "elevation": Array [
+                  Object {
+                    "first": 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": 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 ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c63 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c40 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c40:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c41 {
+  padding-left: 0px;
+}
+
+.c41:before {
+  content: "|";
+  color: black;
+  margin-right: 5px;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c58 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c46 {
+  font-weight: 200;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c45 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c42 {
+  color: #807373;
+  margin-top: 5px;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 100px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c39 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c61 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c62 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c59 {
+  z-index: 30;
+  position: relative;
+}
+
+.c50 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c52 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c53 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c51 {
+  float: left;
+  font-size: 18px;
+}
+
+.c49 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c48 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c54 {
+  margin-top: 5px;
+}
+
+.c55 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c57 {
+  font-size: 14px;
+}
+
+.c56 {
+  padding: 0;
+}
+
+.c47 {
+  margin-top: 5px;
+}
+
+.c47 a {
+  color: #337ab7;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 a:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c47 img {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.c1 .c4 {
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c60 {
+  margin-left: -23px;
+}
+
+.c1 .c17 {
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c38 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #084C8D;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        KGW Studio on the Sq, Portland, OR, USA
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:44 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 269 feet to 
+              <span
+                className="c25"
+              >
+                Pioneer Square North MAX Station
+              </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]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHWEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        167 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Pioneer Sq N (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        101 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Pioneer Square North MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:46 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 8383
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      aria-label="TRAM"
+                      height="100%"
+                      version="1.0"
+                      viewBox="0 0 66.461 100"
+                      width="100%"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
+                      />
+                      <path
+                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                      />
+                      <path
+                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c46"
+                    >
+                      to
+                    </span>
+                     Hillsboro
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Providence Park MAX Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          role="group"
+        >
+          <div
+            className="c47"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
+            </a>
+          </div>
+          <button
+            className="c26 c48"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            3 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <div
+                className="c49"
+              >
+                <a
+                  className="c50"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of December 15, 2019
+                  </div>
+                </a>
+                <a
+                  className="c50"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c50"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c54"
+          >
+            <div
+              className="c55"
+            >
+              <button
+                className="c26 c56"
+                onClick={[Function]}
+              >
+                Ride 
+                3 min
+                 / 2 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c57"
+                >
+                  <ol
+                    className="c58"
+                  >
+                    <li
+                      className="c59"
+                    >
+                      <div
+                        className="c60 c61"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c62"
+                      >
+                        Galleria/SW 10th Ave MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+            <span>
+              Typical wait: 
+              15 min
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Providence Park MAX Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 9757
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 249 feet to 
+              <span
+                className="c25"
+              >
+                1737 SW Morrison St, Portland, OR, USA 97205
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              1 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      WEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Providence Park (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        104 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <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 c63 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        1737 SW Morrison St, Portland, OR, USA 97205
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c19"
+    >
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
+    </span>
+    <div
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    itinerary={
+      Object {
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
+        "fare": Object {
+          "details": Object {},
+          "fare": Object {
+            "regular": Object {
+              "cents": 250,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 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",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
+            },
+            "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 {
+                    "first": 18.515,
+                    "second": 14.512842545446778,
+                  },
+                  Object {
+                    "first": 18.511,
+                    "second": 14.512842545446778,
+                  },
+                  Object {
+                    "first": 28.511,
+                    "second": 14.342842545446779,
+                  },
+                  Object {
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
+                  },
+                  Object {
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 30.929,
+                "elevation": Array [],
+                "lat": 45.5191414,
+                "lon": -122.679111,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "Pioneer Sq N (path)",
+              },
+            ],
+            "to": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
+            "arrivalDelay": 0,
+            "averageWait": 935,
+            "departureDelay": 0,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
+            "from": Object {
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "headsign": "Hillsboro",
+            "interStopGeometry": Array [
+              Object {
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+              },
+              Object {
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              },
+            ],
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [
+              Object {
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+            ],
+            "legGeometry": Object {
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+            },
+            "mode": "TRAM",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573688770000,
+            "steps": Array [],
+            "to": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "transitLeg": true,
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
+          },
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
+            "from": Object {
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688986000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 5.864,
+                "elevation": Array [],
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "Providence Park (path)",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 31.715,
+                "elevation": Array [
+                  Object {
+                    "first": 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": 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,
@@ -38616,7 +46919,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -39558,7 +47861,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -39618,7 +47921,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -39652,7 +47955,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -39686,7 +47989,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -40209,7 +48512,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -40221,18 +48524,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={false}
     itinerary={
       Object {
-        "duration": 357,
-        "elevationGained": 0.8399999999999999,
-        "elevationLost": 2.200000000000001,
-        "endTime": 1573689055000,
+        "duration": 690,
+        "endTime": 1684865406000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
             "regular": Object {
-              "cents": 250,
+              "cents": 950,
               "currency": Object {
                 "currency": "USD",
                 "currencyCode": "USD",
@@ -40244,368 +48544,471 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         },
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 643.65,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 144,
+            "endTime": 1684864860000,
             "from": Object {
-              "departure": 1573688698000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "lat": 45.5241494,
+              "lon": -122.68303,
+              "name": "128 NW 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "length": 33,
+              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
             },
-            "mode": "WALK",
-            "pathway": false,
+            "mode": "CAR",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688698000,
+            "rideHailingEstimate": Object {
+              "arrival": "PT4M",
+              "maxPrice": Object {
+                "amount": 19,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "minPrice": Object {
+                "amount": 17,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "provider": Object {
+                "id": "uber",
+              },
+            },
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684864716000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 50.946,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 15.172842545446779,
-                  },
-                  Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
-                  },
-                  Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
-                  },
-                  Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
-                  },
-                  Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
-                  },
-                  Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
-                  },
-                  Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
-                  },
-                  Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
-                  },
-                ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
+                "distance": 54.68,
+                "elevationProfile": Array [],
+                "lat": 45.5241463,
+                "lon": -122.6831887,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "Northwest 12th Avenue",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
+                "distance": 79.48,
+                "elevationProfile": Array [],
+                "lat": 45.5236547,
+                "lon": -122.6831692,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
+                "streetName": "Northwest Couch Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "alerts": Array [],
+                "area": false,
+                "distance": 79.25,
+                "elevationProfile": Array [],
+                "lat": 45.5236734,
+                "lon": -122.6821493,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Northwest 11th Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
+                "area": false,
+                "distance": 430.23,
+                "elevationProfile": Array [],
+                "lat": 45.5229609,
+                "lon": -122.6821228,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "West Burnside Street",
               },
             ],
             "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
+          },
+          Object {
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
+            "arrivalDelay": 0,
+            "boardRule": null,
+            "departureDelay": 0,
+            "distance": 0,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 60,
+            "endTime": 1684864920000,
+            "from": Object {
+              "lat": 45.5230001,
+              "lon": -122.6766363,
+              "name": "West Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": null,
+            "legGeometry": Object {
+              "length": 2,
+              "points": "weztG~gwkVJ?",
+            },
+            "mode": "WALK",
+            "realTime": false,
+            "realtimeState": null,
+            "rentedBike": false,
+            "rideHailingEstimate": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684864860000,
+            "steps": Array [],
+            "to": Object {
+              "lat": 45.522948,
+              "lon": -122.676635,
+              "name": "W Burnside & SW 6th",
+              "rentalVehicle": null,
+              "stop": Object {
+                "alerts": Array [],
+                "code": "792",
+                "gtfsId": "trimet:792",
+                "id": "U3RvcDp0cmltZXQ6Nzky",
+              },
+              "stopCode": "792",
+              "stopId": "trimet:792",
               "vertexType": "TRANSIT",
-              "zoneId": "R",
             },
             "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
-            "agencyId": "TRIMET",
+            "agency": Object {
+              "alerts": Array [],
+              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
+              "name": "TriMet",
+              "timezone": "America/Los_Angeles",
+              "url": "https://trimet.org/",
+            },
+            "agencyBrandingUrl": "https://trimet.org/",
+            "agencyId": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
             "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1576471800,
+            "agencyUrl": "https://trimet.org/",
+            "alightRule": null,
+            "arrivalDelay": 0,
+            "boardRule": null,
+            "departureDelay": 0,
+            "distance": 1780.82,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "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",
               },
+              "stopCode": "792",
+              "stopId": "trimet:792",
+              "vertexType": "TRANSIT",
+            },
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": 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,
+                "lat": 45.523009,
+                "locationType": "STOP",
+                "lon": -122.672529,
+                "name": "W Burnside & SW 2nd",
+                "stopCode": "9526",
+                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
               },
               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,
+                "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": "20",
+            "routeColor": null,
+            "routeId": "Um91dGU6dHJpbWV0OjIw",
+            "routeLongName": "Burnside/Stark",
+            "routeShortName": "20",
+            "routeTextColor": null,
+            "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",
+              },
+              "stopCode": "13327",
+              "stopId": "trimet:13327",
+              "vertexType": "TRANSIT",
+            },
+            "transitLeg": true,
+            "trip": Object {
+              "gtfsId": "trimet:12340517",
+              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
+              "tripHeadsign": null,
+            },
+            "tripHeadsign": null,
+            "tripId": "trimet:12340517",
+          },
+          Object {
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
+            "arrivalDelay": 0,
+            "boardRule": null,
+            "departureDelay": 0,
+            "distance": 0,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 60,
+            "endTime": 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",
               },
-            ],
-            "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,
+              "stopCode": "13327",
+              "stopId": "trimet:13327",
               "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",
-              },
-            ],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              "length": 2,
+              "points": "sdztGlyrkVO?",
             },
-            "mode": "TRAM",
-            "pathway": false,
+            "mode": "WALK",
             "realTime": false,
+            "realtimeState": null,
             "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,
+            "rideHailingEstimate": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684865280000,
             "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",
+              "lat": 45.522907,
+              "lon": -122.653824,
+              "name": "East Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
             },
-            "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
+            "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
+            "distance": 334.71,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
+            "duration": 66,
+            "endTime": 1684865406000,
             "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",
+              "lat": 45.522907,
+              "lon": -122.653824,
+              "name": "East Burnside Street",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
+              "vertexType": "NORMAL",
             },
-            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
+            "intermediateStops": null,
             "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
+              "length": 17,
+              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
             },
-            "mode": "WALK",
-            "pathway": false,
+            "mode": "CAR",
             "realTime": false,
+            "realtimeState": null,
             "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688986000,
+            "rideHailingEstimate": Object {
+              "arrival": "PT2M",
+              "maxPrice": Object {
+                "amount": 18,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "minPrice": Object {
+                "amount": 17,
+                "currency": Object {
+                  "code": "USD",
+                },
+              },
+              "provider": Object {
+                "id": "uber",
+              },
+            },
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
+            "startTime": 1684865340000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "EAST",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
+                "distance": 16.06,
+                "elevationProfile": Array [],
+                "lat": 45.522907,
+                "lon": -122.653824,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "Providence Park (path)",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 31.715,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 30.57284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 30.18284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 29.712842545446776,
-                  },
-                  Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
-                  },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
+                "streetName": "East Burnside Street",
               },
               Object {
                 "absoluteDirection": "NORTH",
+                "alerts": Array [],
                 "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
-                  },
-                  Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
-                  },
-                ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.15,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
-                  },
-                  Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
-                  },
-                ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
+                "distance": 318.65,
+                "elevationProfile": Array [],
+                "lat": 45.5229076,
+                "lon": -122.6536179,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Morrison St",
+                "streetName": "Northeast 12th Avenue",
               },
             ],
             "to": Object {
-              "arrival": 1573689055000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "lat": 45.525773,
+              "lon": -122.6535042,
+              "name": "407 NE 12th Ave, Portland",
+              "rentalVehicle": null,
+              "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
+            "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
         ],
-        "startTime": 1573688698000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 157.97398507143885,
-        "walkLimitExceeded": false,
-        "walkTime": 140,
+        "startTime": 1684864716000,
+        "waitingTime": 0,
+        "walkTime": 330,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -40616,11 +49019,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   color: #333;
 }
 
-.c63 {
+.c58 {
   color: #f44256;
 }
 
-.c26 {
+.c27 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -40630,33 +49033,124 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   text-decoration: none;
 }
 
-.c40 {
+.c30 {
+  background-color: #fff;
+  background-image: none;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  color: #333;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  padding: 4px 6px;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.c30:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+.c30:active {
+  color: #333;
+  background-color: #e6e6e6;
+  background-image: none;
+  border-color: #adadad;
+  outline: 0;
+  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
+}
+
+.c30:focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+
+.c30:active:hover {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c;
+}
+
+.c38 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c40:hover {
+.c38:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c41 {
+.c39 {
   padding-left: 0px;
 }
 
-.c41:before {
+.c39:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c31::before {
+.c55 {
+  bottom: 0;
+  left: 110px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.c56 {
+  background-color: #fcf9d3;
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+.c54 {
+  border-bottom: 16px solid transparent;
+  border-right: 16px solid #fcf9d3;
+  border-top: 16px solid transparent;
+  height: 0;
+  left: 94px;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.c57 {
+  color: #444;
+  display: table-cell;
+  font-style: italic;
+  line-height: 0.95;
+  padding: 0px 2px;
+  vertical-align: middle;
+}
+
+.c29 {
+  height: 32px;
+  margin-bottom: 10px;
+  margin-top: 10px;
+  position: relative;
+}
+
+.c35::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c58 {
+.c49 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -40668,13 +49162,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   padding: 0;
 }
 
-.c21 {
+.c22 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c28 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -40685,7 +49179,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   z-index: 1;
 }
 
-.c22 {
+.c23 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -40708,38 +49202,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   width: 0;
 }
 
-.c46 {
-  font-weight: 200;
-}
-
-.c25 {
+.c26 {
   font-weight: inherit;
 }
 
-.c45 {
+.c43 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c44 {
+.c42 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c42 {
+.c40 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c24 img,
-.c24 svg {
+.c25 img,
+.c25 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c23 {
+.c24 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -40751,7 +49241,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   padding-right: 5px;
 }
 
-.c28 {
+.c32 {
   display: grid;
   grid-template-columns: 100px auto;
 }
@@ -40798,7 +49288,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   padding: 3px 0 10px 0;
 }
 
-.c39 {
+.c21 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -40807,23 +49297,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   margin-top: -14px;
 }
 
-.c32 {
+.c36 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c35 > span {
-  margin-right: 1ch;
-}
-
-.c29 {
+.c33 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -40834,7 +49314,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   margin-top: 10px;
 }
 
-.c29 a {
+.c33 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -40849,101 +49329,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   justify-content: center;
 }
 
-.c30 {
+.c34 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c33 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c36 {
-  font-weight: 500;
-}
-
-.c37 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-.c61 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c62 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c59 {
+.c50 {
   z-index: 30;
   position: relative;
 }
 
-.c50 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c52 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c53 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c51 {
-  float: left;
-  font-size: 18px;
-}
-
-.c49 {
-  display: block;
-  margin-top: 3px;
-}
-
-.c48 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c54 {
+.c45 {
   margin-top: 5px;
 }
 
-.c55 {
+.c46 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -40951,30 +49364,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   display: flex;
 }
 
-.c57 {
+.c48 {
   font-size: 14px;
 }
 
-.c56 {
+.c47 {
   padding: 0;
 }
 
-.c47 {
+.c44 {
   margin-top: 5px;
 }
 
-.c47 a {
+.c44 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c47 a:hover {
+.c44 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c47 img {
+.c44 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -40988,7 +49401,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   font-family: Hind,sans-serif;
 }
 
-.c1 .c43 {
+.c1 .c41 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -41032,7 +49445,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   width: 100%;
 }
 
-.c1 .c60 {
+.c1 .c51 {
   margin-left: -23px;
 }
 
@@ -41055,6 +49468,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
 }
 
 .c6 {
+  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
+  left: 7.5px;
+  right: 7.5px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c31 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -41067,11 +49490,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   z-index: 10;
 }
 
-.c38 {
+.c37 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -41152,13 +49575,147 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         aria-hidden={true}
         className="c15 c16"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        128 NW 12th Ave, Portland
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:44 PM
+      10:58 AM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div>
+        <div
+          className="c21"
+        >
+          Wait 4 minutes for  pickup
+        </div>
+        <div
+          className="c22"
+        >
+          <div
+            className="styled__LegClickable-sc-1q8npbl-24"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
+              >
+                <span
+                  className="c25"
+                >
+                  <span>
+                    uber
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+              </span>
+              <span>
+                Ride 0.4 miles to 
+                <span
+                  className="c26"
+                >
+                  West Burnside Street
+                </span>
+              </span>
+              <button
+                className="c27 c28"
+                onClick={[Function]}
+              >
+                <span
+                  className="c19"
+                >
+                  Zoom to leg on map
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <a
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
+              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
+              target="_blank"
+            >
+              Book Ride
+            </a>
+          </div>
+          <div
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
+          >
+            Estimated travel time: 
+            2 min
+             (does not account for traffic)
+          </div>
+          <div
+            className="styled__TNCCost-sc-1q8npbl-15"
+          >
+            Estimated cost: 
+            $17.00
+             - 
+            $19.00
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c31"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        West Burnside Street
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      11:01 AM
     </div>
     <span
       className="c19"
@@ -41169,19 +49726,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
       className="c20"
     >
       <div
-        className="c21"
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span
-              className="c23"
+              className="c24"
             >
               <span
-                className="c24"
+                className="c25"
               >
                 <svg
                   height="100%"
@@ -41207,15 +49764,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                - 
             </span>
             <span>
-              Walk 269 feet to 
+              Walk to 
               <span
-                className="c25"
+                className="c26"
               >
-                Pioneer Square North MAX Station
+                W Burnside & SW 6th
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c27 c28"
               onClick={[Function]}
             >
               <span
@@ -41227,19 +49784,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
           </span>
         </div>
         <span
-          className="c28"
+          className="c32"
         >
           <span
-            className="c29"
+            className="c33"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c27 c34"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c31"
+                className="c35"
               >
                 <svg
                   aria-hidden="true"
@@ -41279,76 +49836,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
               style={Object {}}
             >
               <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      NORTHWEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        167 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Pioneer Sq N (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        101 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                className="c36"
+              />
             </div>
           </div>
         </span>
@@ -41362,7 +49851,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c37"
       />
       <span
         className="c7"
@@ -41408,13 +49897,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         aria-hidden={true}
         className="c15 c16"
       >
-        Pioneer Square North MAX Station
+        W Burnside & SW 6th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
+      11:02 AM
     </div>
     <span
       className="c19"
@@ -41425,24 +49914,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
       className="c20"
     >
       <div
-        className="c39"
+        className="c21"
       >
-        Stop ID 8383
+        Stop ID 792
         <a
-          className="c40 c41"
+          className="c38 c39"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c21"
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span>
               <span
@@ -41452,50 +49941,49 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c23 c40"
               >
                 <span
-                  className="c23"
+                  className="c24"
                 >
                   <span
-                    className="c24"
+                    className="c25"
                   >
                     <svg
-                      aria-label="TRAM"
+                      aria-label="BUS"
                       height="100%"
                       version="1.0"
-                      viewBox="0 0 66.461 100"
+                      viewBox="0 0 81.59 99.992"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                        d="M68.848,68.51"
                       />
                       <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
                   </span>
                   <span
-                    className="c43 c44"
+                    className="c41 c42"
                   >
-                    MAX Blue Line
+                    20
                   </span>
                 </span>
                 <span
-                  className="c45"
+                  className="c43"
                 >
                   <span>
-                    MAX Blue Line 
-                    <span
-                      className="c46"
-                    >
-                      to
-                    </span>
-                     Hillsboro
+                    Burnside/Stark
                   </span>
                 </span>
               </span>
@@ -41504,11 +49992,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
               >
                  - 
                 Disembark at 
-                Providence Park MAX Station
+                E Burnside & SE 12th
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c27 c28"
               onClick={[Function]}
             >
               <span
@@ -41524,200 +50012,52 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
           role="group"
         >
           <div
-            className="c47"
+            className="c44"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <button
-            className="c26 c48"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            3 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-          </button>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <div
-                className="c49"
-              >
-                <a
-                  className="c50"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of December 15, 2019
-                  </div>
-                </a>
-                <a
-                  className="c50"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 6, 2019
-                  </div>
-                </a>
-                <a
-                  className="c50"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 3, 2019
-                  </div>
-                </a>
-              </div>
-            </div>
+              href="https://trimet.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="https://trimet.org/"
+              />
+            </a>
           </div>
           <div
-            className="c54"
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
           >
             <div
-              className="c55"
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c45"
+          >
+            <div
+              className="c46"
             >
               <button
-                className="c26 c56"
+                className="c27 c47"
                 onClick={[Function]}
               >
                 Ride 
-                3 min
-                 / 2 stops
+                6 min
+                 / 3 stops
                 <span
-                  className="c31"
+                  className="c35"
                 >
                   <svg
                     aria-hidden="true"
@@ -41742,7 +50082,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                 </span>
               </button>
               <a
-                className="c40 c41"
+                className="c38 c39"
                 onClick={[Function]}
                 type="button"
               >
@@ -41763,33 +50103,43 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                 style={Object {}}
               >
                 <div
-                  className="c57"
+                  className="c48"
                 >
                   <ol
-                    className="c58"
+                    className="c49"
                   >
                     <li
-                      className="c59"
+                      className="c50"
                     >
                       <div
-                        className="c60 c61"
+                        className="c51 c52"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c53"
                       >
-                        Galleria/SW 10th Ave MAX Station
+                        W Burnside & SW 2nd
+                      </div>
+                    </li>
+                    <li
+                      className="c50"
+                    >
+                      <div
+                        className="c51 c52"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c53"
+                      >
+                        E Burnside & SE 8th
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
-            <span>
-              Typical wait: 
-              15 min
-            </span>
           </div>
         </div>
       </div>
@@ -41802,7 +50152,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
       className="c4 c5"
     >
       <div
-        className="c6"
+        className="c31"
       />
       <span
         className="c7"
@@ -41848,13 +50198,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         aria-hidden={true}
         className="c15 c16"
       >
-        Providence Park MAX Station
+        E Burnside & SE 12th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:49 PM
+      11:08 AM
     </div>
     <span
       className="c19"
@@ -41865,30 +50215,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
       className="c20"
     >
       <div
-        className="c39"
+        className="c21"
       >
-        Stop ID 9757
+        Stop ID 13327
         <a
-          className="c40 c41"
+          className="c38 c39"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c21"
+        className="c22"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c23"
           >
             <span
-              className="c23"
+              className="c24"
             >
               <span
-                className="c24"
+                className="c25"
               >
                 <svg
                   height="100%"
@@ -41914,15 +50264,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                - 
             </span>
             <span>
-              Walk 249 feet to 
+              Walk to 
               <span
-                className="c25"
+                className="c26"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                East Burnside Street
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c27 c28"
               onClick={[Function]}
             >
               <span
@@ -41934,19 +50284,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
           </span>
         </div>
         <span
-          className="c28"
+          className="c32"
         >
           <span
-            className="c29"
+            className="c33"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c27 c34"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c31"
+                className="c35"
               >
                 <svg
                   aria-hidden="true"
@@ -41986,145 +50336,161 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c36"
+              />
+            </div>
+          </div>
+        </span>
+      </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="#888"
+          fill="currentColor"
+          focusable="false"
+          height={17}
+          viewBox="0 0 512 512"
+          width={17}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        East Burnside Street
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      11:09 AM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div>
+        <div
+          className="c21"
+        >
+          Wait for  pickup
+        </div>
+        <div
+          className="c22"
+        >
+          <div
+            className="styled__LegClickable-sc-1q8npbl-24"
+          >
+            <span
+              className="c23"
+            >
+              <span
+                className="c24"
               >
-                <li
-                  className="c33"
+                <span
+                  className="c25"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      WEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Providence Park (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                  <span>
+                    uber
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+              </span>
+              <span>
+                Ride 0.2 miles to 
+                <span
+                  className="c26"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        104 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                  407 NE 12th Ave, Portland
+                </span>
+              </span>
+              <button
+                className="c27 c28"
+                onClick={[Function]}
+              >
+                <span
+                  className="c19"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                  Zoom to leg on map
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <a
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
+              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
+              target="_blank"
+            >
+              Book Ride
+            </a>
+            <div
+              className="c54"
+            />
+            <div
+              className="c55"
+            >
+              <div
+                className="c56"
+              >
+                <div
+                  className="c57"
                 >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Morrison St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        99 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                  Wait until 11:08 AM to book
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+          <div
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
+          >
+            Estimated travel time: 
+            1 min
+             (does not account for traffic)
+          </div>
+          <div
+            className="styled__TNCCost-sc-1q8npbl-15"
+          >
+            Estimated cost: 
+            $17.00
+             - 
+            $18.00
+          </div>
+        </div>
       </div>
     </div>
   </li>
@@ -42155,7 +50521,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c63 c12"
+          className="c8 c58 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -42177,19 +50543,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         aria-hidden={true}
         className="c15 c16"
       >
-        1737 SW Morrison St, Portland, OR, USA 97205
+        407 NE 12th Ave, Portland
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      11:10 AM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
+      407 NE 12th Ave, Portland
     </span>
     <div
       className="c20"
@@ -42198,7 +50564,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -42210,20 +50576,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={true}
     itinerary={
       Object {
-        "duration": 357,
-        "elevationGained": 0.8399999999999999,
-        "elevationLost": 2.200000000000001,
-        "endTime": 1573689055000,
+        "duration": 2392,
+        "elevationGained": 89.18000000000004,
+        "elevationLost": 34.78000000000004,
+        "endTime": 1573691399000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
             "regular": Object {
               "cents": 250,
               "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
                 "defaultFractionDigits": 2,
                 "symbol": "$",
               },
@@ -42235,2454 +50600,2407 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 3913.6230000000005,
+            "duration": 606,
+            "endTime": 1573689613000,
             "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",
+              "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": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "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": "WALK",
+            "mode": "CAR",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688698000,
+            "startTime": 1573689007000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "SOUTHWEST",
                 "area": false,
                 "bogusName": true,
-                "distance": 50.946,
+                "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": 15.172842545446779,
+                    "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": 4.82,
-                    "second": 15.222842545446778,
+                    "first": 410,
+                    "second": 67.52284254544678,
                   },
                   Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
+                    "first": 420,
+                    "second": 67.07284254544678,
                   },
                   Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
+                    "first": 430,
+                    "second": 67.22284254544678,
                   },
                   Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
+                    "first": 440,
+                    "second": 67.31284254544678,
                   },
                   Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
+                    "first": 450,
+                    "second": 67.00284254544678,
                   },
                   Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
+                    "first": 460,
+                    "second": 67.56284254544678,
                   },
                   Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
+                    "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.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
-              },
-            ],
-            "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "transitLeg": false,
-          },
-          Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1576471800,
-              },
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
-            "arrivalDelay": 0,
-            "averageWait": 935,
-            "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
-            "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "hailedCar": false,
-            "headsign": "Hillsboro",
-            "interStopGeometry": Array [
-              Object {
-                "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
-              },
-              Object {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
-                "stopIndex": 26,
-                "stopSequence": 27,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-            },
-            "mode": "TRAM",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573688770000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
-            "from": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573688986000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
-                "relativeDirection": "DEPART",
+                "lat": 45.5197514,
+                "lon": -122.809364,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "Providence Park (path)",
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 31.715,
+                "distance": 453.761,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 30.57284254544678,
+                    "second": 81.78284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 30.18284254544678,
+                    "second": 82.56284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.712842545446776,
+                    "second": 82.73284254544677,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "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,
                   },
                 ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
+                "exit": "68",
+                "lat": 45.5158447,
+                "lon": -122.7991022,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "bogusName": true,
-                "distance": 8.242,
+                "bogusName": false,
+                "distance": 354.957,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 29.33284254544678,
+                    "second": 92.35284254544678,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "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.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                "lat": 45.5135001,
+                "lon": -122.7943431,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Cedar Hills Blvd",
               },
               Object {
                 "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 30.15,
+                "distance": 774.5189999999999,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 29.05284254544678,
+                    "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": 10,
-                    "second": 29.16284254544678,
+                    "first": 587.5419999999999,
+                    "second": 95.65284254544677,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
+                    "first": 597.5419999999999,
+                    "second": 96.35284254544678,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
-                  },
-                ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Morrison St",
-              },
-            ],
-            "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 ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 2`] = `
-.c8 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c11 {
-  color: #333;
-}
-
-.c63 {
-  color: #f44256;
-}
-
-.c26 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c40 {
-  color: #008;
-  cursor: pointer;
-  margin-left: 5px;
-}
-
-.c40:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c41 {
-  padding-left: 0px;
-}
-
-.c41:before {
-  content: "|";
-  color: black;
-  margin-right: 5px;
-}
-
-.c31::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c58 {
-  display: block;
-  font-size: 13px;
-  list-style: none;
-  padding: 0;
-}
-
-.c0 {
-  list-style: none;
-  padding: 0;
-}
-
-.c21 {
-  color: #676767;
-  font-size: 13px;
-  padding-bottom: 12px;
-}
-
-.c27 {
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.c22 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  line-height: 16px;
-  min-height: 31px;
-  position: relative;
-}
-
-.c19 {
-  display: inline-block;
-  grid-row-start: 2;
-  grid-column-start: 1;
-  height: 0;
-  overflow: hidden;
-  width: 0;
-}
-
-.c46 {
-  font-weight: 200;
-}
-
-.c25 {
-  font-weight: inherit;
-}
-
-.c45 {
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.c44 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
-.c42 {
-  color: #807373;
-  margin-top: 5px;
-}
-
-.c24 img,
-.c24 svg {
-  margin-right: 6px;
-  height: 24px;
-  width: 24px;
-  vertical-align: bottom;
-}
-
-.c23 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.c5 {
-  grid-column-start: 2;
-  grid-row: span 2;
-  padding-right: 5px;
-}
-
-.c28 {
-  display: grid;
-  grid-template-columns: 100px auto;
-}
-
-.c3 {
-  max-width: 500px;
-  display: grid;
-  grid-template-columns: 65px 30px auto;
-}
-
-.c18 {
-  grid-column-start: 1;
-  grid-row: 1 / span 2;
-  padding-right: 5px;
-  font-size: 0.9em;
-}
-
-.c20 {
-  grid-row-start: 2;
-  grid-column-start: 3;
-}
-
-.c14 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 1.2em;
-  grid-row-start: 1;
-  grid-column-start: 3;
-}
-
-.c16 {
-  font-size: inherit;
-  font-weight: bold;
-  height: 1.2em;
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 3px 0 10px 0;
-}
-
-.c39 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
-}
-
-.c32 {
-  display: block;
-  list-style: none;
-  padding: 0;
-}
-
-.c35 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c35 > span {
-  margin-right: 1ch;
-}
-
-.c29 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  margin-top: 10px;
-}
-
-.c29 a {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c30 {
-  color: #676767;
-  font-size: 13px;
-  font-style: normal;
-  padding: 0;
-}
-
-.c34 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c33 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c36 {
-  font-weight: 500;
-}
-
-.c37 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-.c61 {
-  float: left;
-  margin-left: -36px;
-  color: #fff;
-}
-
-.c62 {
-  color: #676767;
-  margin-top: 3px;
-}
-
-.c59 {
-  z-index: 30;
-  position: relative;
-}
-
-.c50 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c52 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c53 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c51 {
-  float: left;
-  font-size: 18px;
-}
-
-.c49 {
-  display: block;
-  margin-top: 3px;
-}
-
-.c48 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c54 {
-  margin-top: 5px;
-}
-
-.c55 {
-  color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c57 {
-  font-size: 14px;
-}
-
-.c56 {
-  padding: 0;
-}
-
-.c47 {
-  margin-top: 5px;
-}
-
-.c47 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c47 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c47 img {
-  margin-left: 5px;
-  vertical-align: middle;
-}
-
-.c1 {
-  font-size: 16px;
-}
-
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
-
-.c1 .c43 {
-  background-color: rgb(15,106,172);
-  border-color: white;
-  border-image: initial;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
-  color: white;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 1.5;
-  margin-right: 8px;
-  min-width: 24px;
-  padding: 2px 3px;
-  text-align: center;
-}
-
-.c1 .c4 {
-  display: table-cell;
-  max-width: 20px;
-  width: 20px;
-  padding: 0;
-  position: relative;
-}
-
-.c1 .c13 {
-  color: #000;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.c1 .c15 {
-  height: inherit;
-  white-space: normal;
-}
-
-.c1 .c2 {
-  width: 100%;
-}
-
-.c1 .c60 {
-  margin-left: -23px;
-}
-
-.c1 .c17 {
-  color: #676767;
-  display: table-cell;
-  font-size: 14px;
-  padding-right: 4px;
-  padding-top: 2px;
-  text-align: right;
-  vertical-align: top;
-  width: 60px;
-}
-
-.c7 {
-  position: absolute;
-  width: 100%;
-  top: 3px;
-  z-index: 20;
-}
-
-.c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #084C8D;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c9 {
-  left: 0;
-  line-height: inherit;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-.c10 {
-  top: 3px;
-}
-
-.c12 {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-<ol
-  className="c0 c1"
->
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c11 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        KGW Studio on the Sq, Portland, OR, USA
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:44 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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 269 feet to 
-              <span
-                className="c25"
-              >
-                Pioneer Square North MAX Station
-              </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]}
-            >
-              1 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      NORTHWEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        167 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Pioneer Sq N (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        101 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Pioneer Square North MAX Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:46 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c39"
-      >
-        Stop ID 8383
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="TRAM"
-                      height="100%"
-                      version="1.0"
-                      viewBox="0 0 66.461 100"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
-                      />
-                      <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
-                      />
-                    </svg>
-                  </span>
-                  <span
-                    className="c43 c44"
-                  >
-                    MAX Blue Line
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    MAX Blue Line 
-                    <span
-                      className="c46"
-                    >
-                      to
-                    </span>
-                     Hillsboro
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                Providence Park MAX Station
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c47"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <button
-            className="c26 c48"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            3 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-          </button>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
+                    "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 {
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <div
-                className="c49"
-              >
-                <a
-                  className="c50"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of December 15, 2019
-                  </div>
-                </a>
-                <a
-                  className="c50"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 6, 2019
-                  </div>
-                </a>
-                <a
-                  className="c50"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 3, 2019
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c54"
-          >
-            <div
-              className="c55"
-            >
-              <button
-                className="c26 c56"
-                onClick={[Function]}
-              >
-                Ride 
-                3 min
-                 / 2 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c40 c41"
-                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="c57"
-                >
-                  <ol
-                    className="c58"
-                  >
-                    <li
-                      className="c59"
-                    >
-                      <div
-                        className="c60 c61"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c62"
-                      >
-                        Galleria/SW 10th Ave MAX Station
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-            <span>
-              Typical wait: 
-              15 min
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Providence Park MAX Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:49 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c39"
-      >
-        Stop ID 9757
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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 249 feet to 
-              <span
-                className="c25"
-              >
-                1737 SW Morrison St, Portland, OR, USA 97205
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              1 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
+                "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 {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      WEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Providence Park (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        104 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Morrison St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        99 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <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 c63 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        1737 SW Morrison St, Portland, OR, USA 97205
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      3:50 PM
-    </div>
-    <span
-      className="c19"
-    >
-      Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
-    </span>
-    <div
-      className="c20"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux 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)}
->
-  <OtpRRItineraryBodyWrapper
-    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": "$",
+                "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,
           },
-        },
-        "legs": Array [
           Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 643.65,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 144,
-            "endTime": 1684864860000,
+            "distance": 129.87800000000001,
+            "duration": 211,
+            "endTime": 1573689944000,
             "from": Object {
-              "lat": 45.5241494,
-              "lon": -122.68303,
-              "name": "128 NW 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "arrival": 1573689613000,
+              "departure": 1573689733000,
+              "lat": 45.51062185,
+              "lon": -122.7823028,
+              "name": "P+R Sunset TC",
               "vertexType": "NORMAL",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 33,
-              "points": "{lztG|pxkVrAALA?QCcD?O?EJ?pBCN??Q?e@AqAAg@?W?C?OAqCDM?WASEOAeCFS?G?QAoB?Q?oC?i@Ae@?gBAQ",
+              "length": 9,
+              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
             },
-            "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": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684864716000,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573689733000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "distance": 54.68,
-                "elevationProfile": Array [],
-                "lat": 45.5241463,
-                "lon": -122.6831887,
-                "relativeDirection": "DEPART",
+                "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": "Northwest 12th Avenue",
+                "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": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "distance": 79.48,
-                "elevationProfile": Array [],
-                "lat": 45.5236547,
-                "lon": -122.6831692,
+                "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": false,
-                "streetName": "Northwest Couch Street",
+                "stayOn": true,
+                "streetName": "path",
               },
               Object {
-                "absoluteDirection": "SOUTH",
-                "alerts": Array [],
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "distance": 79.25,
-                "elevationProfile": Array [],
-                "lat": 45.5236734,
-                "lon": -122.6821493,
+                "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": "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",
+                "streetName": "Sunset TC (path)",
               },
             ],
             "to": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
-          },
-          Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
-            "arrivalDelay": 0,
-            "boardRule": null,
-            "departureDelay": 0,
-            "distance": 0,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 60,
-            "endTime": 1684864920000,
-            "from": Object {
-              "lat": 45.5230001,
-              "lon": -122.6766363,
-              "name": "West Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
-              "vertexType": "NORMAL",
-            },
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
-            "legGeometry": Object {
-              "length": 2,
-              "points": "weztG~gwkVJ?",
-            },
-            "mode": "WALK",
-            "realTime": false,
-            "realtimeState": null,
-            "rentedBike": false,
-            "rideHailingEstimate": null,
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684864860000,
-            "steps": Array [],
-            "to": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
-              },
-              "stopCode": "792",
-              "stopId": "trimet:792",
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "9969",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
           },
           Object {
-            "agency": Object {
-              "alerts": Array [],
-              "id": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
-              "name": "TriMet",
-              "timezone": "America/Los_Angeles",
-              "url": "https://trimet.org/",
-            },
-            "agencyBrandingUrl": "https://trimet.org/",
-            "agencyId": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
+            "agencyId": "TRIMET",
             "agencyName": "TriMet",
-            "agencyUrl": "https://trimet.org/",
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 1780.82,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 360,
-            "endTime": 1684865280000,
+            "distance": 9135.118140577872,
+            "duration": 1280,
+            "endTime": 1573691225000,
             "from": Object {
-              "lat": 45.522948,
-              "lon": -122.676635,
-              "name": "W Burnside & SW 6th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "792",
-                "gtfsId": "trimet:792",
-                "id": "U3RvcDp0cmltZXQ6Nzky",
-              },
-              "stopCode": "792",
-              "stopId": "trimet:792",
+              "arrival": 1573689944000,
+              "departure": 1573689945000,
+              "lat": 45.510098,
+              "lon": -122.780757,
+              "name": "Sunset TC MAX Station",
+              "stopCode": "2600",
+              "stopId": "TriMet:9969",
+              "stopIndex": 15,
+              "stopSequence": 16,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
+            "hailedCar": false,
+            "headsign": "Gresham",
+            "interStopGeometry": Array [
+              Object {
+                "length": 114,
+                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
+              },
+              Object {
+                "length": 63,
+                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
+              },
+              Object {
+                "length": 27,
+                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
+              },
+              Object {
+                "length": 19,
+                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
+              },
+              Object {
+                "length": 32,
+                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
+              },
+              Object {
+                "length": 10,
+                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
+              },
+              Object {
+                "length": 8,
+                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
+              },
+              Object {
+                "length": 22,
+                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+              },
+              Object {
+                "length": 23,
+                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              },
+            ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "lat": 45.523009,
-                "locationType": "STOP",
-                "lon": -122.672529,
-                "name": "W Burnside & SW 2nd",
-                "stopCode": "9526",
-                "stopId": "U3RvcDp0cmltZXQ6OTUyNg",
+                "arrival": 1573690230000,
+                "departure": 1573690255000,
+                "lat": 45.510653,
+                "lon": -122.71634,
+                "name": "Washington Park MAX Station",
+                "stopCode": "10120",
+                "stopId": "TriMet:10120",
+                "stopIndex": 16,
+                "stopSequence": 17,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
               },
               Object {
-                "lat": 45.522847,
-                "locationType": "STOP",
-                "lon": -122.657843,
-                "name": "E Burnside & SE 8th",
-                "stopCode": "820",
-                "stopId": "U3RvcDp0cmltZXQ6ODIw",
+                "arrival": 1573690480000,
+                "departure": 1573690515000,
+                "lat": 45.517989,
+                "lon": -122.693544,
+                "name": "Goose Hollow/SW Jefferson St MAX Station",
+                "stopCode": "10118",
+                "stopId": "TriMet:10118",
+                "stopIndex": 17,
+                "stopSequence": 18,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690590000,
+                "departure": 1573690610000,
+                "lat": 45.520592,
+                "lon": -122.691005,
+                "name": "Kings Hill/SW Salmon St MAX Station",
+                "stopCode": "9759",
+                "stopId": "TriMet:9759",
+                "stopIndex": 18,
+                "stopSequence": 19,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690660000,
+                "departure": 1573690690000,
+                "lat": 45.521321,
+                "lon": -122.689886,
+                "name": "Providence Park MAX Station",
+                "stopCode": "9758",
+                "stopId": "TriMet:9758",
+                "stopIndex": 19,
+                "stopSequence": 20,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690835000,
+                "departure": 1573690870000,
+                "lat": 45.51916,
+                "lon": -122.68162,
+                "name": "Library/SW 9th Ave MAX Station",
+                "stopCode": "8333",
+                "stopId": "TriMet:8333",
+                "stopIndex": 20,
+                "stopSequence": 21,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573690930000,
+                "departure": 1573690975000,
+                "lat": 45.518496,
+                "lon": -122.679145,
+                "name": "Pioneer Square South MAX Station",
+                "stopCode": "8334",
+                "stopId": "TriMet:8334",
+                "stopIndex": 21,
+                "stopSequence": 22,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691015000,
+                "departure": 1573691060000,
+                "lat": 45.517942,
+                "lon": -122.677088,
+                "name": "Mall/SW 4th Ave MAX Station",
+                "stopCode": "8335",
+                "stopId": "TriMet:8335",
+                "stopIndex": 22,
+                "stopSequence": 23,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
+              },
+              Object {
+                "arrival": 1573691115000,
+                "departure": 1573691145000,
+                "lat": 45.517153,
+                "lon": -122.674172,
+                "name": "Yamhill District MAX Station",
+                "stopCode": "8336",
+                "stopId": "TriMet:8336",
+                "stopIndex": 23,
+                "stopSequence": 24,
+                "vertexType": "TRANSIT",
+                "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 53,
-              "points": "weztG~gwkV?]?C?k@AeBA}@?GA{@AiCAY?e@CiCCiD???_@?[@kBIS@}A@iC@aAFaL@yA@{AF{LDiHBkCFUA}@?iAAO?K?qE?K?_@?kA?e@@m@?aB?gB?gA?A?}A???a@?aC?iA@aC?gA?U?uD@U?iC",
+              "length": 310,
+              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
             },
-            "mode": "BUS",
+            "mode": "TRAM",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
-            "rentedBike": null,
-            "rideHailingEstimate": null,
-            "route": "20",
-            "routeColor": null,
-            "routeId": "Um91dGU6dHJpbWV0OjIw",
-            "routeLongName": "Burnside/Stark",
-            "routeShortName": "20",
-            "routeTextColor": null,
-            "startTime": 1684864920000,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
+            "serviceDate": "20191113",
+            "startTime": 1573689945000,
             "steps": Array [],
             "to": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
-              },
-              "stopCode": "13327",
-              "stopId": "trimet:13327",
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "trip": Object {
-              "gtfsId": "trimet:12340517",
-              "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
-              "tripHeadsign": null,
-            },
-            "tripHeadsign": null,
-            "tripId": "trimet:12340517",
+            "tripBlockId": "9030",
+            "tripId": "TriMet:9265522",
           },
           Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
-            "boardRule": null,
             "departureDelay": 0,
-            "distance": 0,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 60,
-            "endTime": 1684865340000,
+            "distance": 205.33399999999997,
+            "duration": 173,
+            "endTime": 1573691399000,
             "from": Object {
-              "lat": 45.522823,
-              "lon": -122.653824,
-              "name": "E Burnside & SE 12th",
-              "rentalVehicle": null,
-              "stop": Object {
-                "alerts": Array [],
-                "code": "13327",
-                "gtfsId": "trimet:13327",
-                "id": "U3RvcDp0cmltZXQ6MTMzMjc",
-              },
-              "stopCode": "13327",
-              "stopId": "trimet:13327",
+              "arrival": 1573691225000,
+              "departure": 1573691226000,
+              "lat": 45.52028,
+              "lon": -122.672146,
+              "name": "Oak/ SW 1st Ave MAX Station",
+              "stopCode": "8337",
+              "stopId": "TriMet:8337",
+              "stopIndex": 24,
+              "stopSequence": 25,
               "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
+            "hailedCar": false,
             "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
+            "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "sdztGlyrkVO?",
+              "length": 19,
+              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
             },
             "mode": "WALK",
+            "pathway": false,
             "realTime": false,
-            "realtimeState": null,
-            "rentedBike": false,
-            "rideHailingEstimate": null,
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684865280000,
-            "steps": Array [],
-            "to": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
-          },
-          Object {
-            "agency": null,
-            "agencyBrandingUrl": undefined,
-            "agencyId": undefined,
-            "agencyName": undefined,
-            "agencyUrl": undefined,
-            "alightRule": null,
-            "arrivalDelay": 0,
-            "boardRule": null,
-            "departureDelay": 0,
-            "distance": 334.71,
-            "dropOffBookingInfo": Object {
-              "latestBookingTime": undefined,
-            },
-            "duration": 66,
-            "endTime": 1684865406000,
-            "from": Object {
-              "lat": 45.522907,
-              "lon": -122.653824,
-              "name": "East Burnside Street",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
-              "vertexType": "NORMAL",
-            },
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": null,
-            "legGeometry": Object {
-              "length": 17,
-              "points": "ceztGlyrkV?I?_@U?c@?A?]?A?c@?M?O?oBAO?Q?uDAuA?A?",
-            },
-            "mode": "CAR",
-            "realTime": false,
-            "realtimeState": null,
             "rentedBike": false,
-            "rideHailingEstimate": Object {
-              "arrival": "PT2M",
-              "maxPrice": Object {
-                "amount": 18,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "minPrice": Object {
-                "amount": 17,
-                "currency": Object {
-                  "code": "USD",
-                },
-              },
-              "provider": Object {
-                "id": "uber",
-              },
-            },
-            "route": undefined,
-            "routeColor": undefined,
-            "routeId": undefined,
-            "routeLongName": undefined,
-            "routeShortName": undefined,
-            "routeTextColor": undefined,
-            "startTime": 1684865340000,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573691226000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
-                "alerts": Array [],
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "distance": 16.06,
-                "elevationProfile": Array [],
-                "lat": 45.522907,
-                "lon": -122.653824,
+                "bogusName": false,
+                "distance": 3.95,
+                "elevation": Array [],
+                "lat": 45.52028372216824,
+                "lon": -122.67216050734417,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "East Burnside Street",
+                "streetName": "Oak/SW 1st Ave (path)",
               },
               Object {
                 "absoluteDirection": "NORTH",
-                "alerts": Array [],
                 "area": false,
-                "distance": 318.65,
-                "elevationProfile": Array [],
-                "lat": 45.5229076,
-                "lon": -122.6536179,
+                "bogusName": true,
+                "distance": 8.284,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 8.28,
+                    "second": 7.602842545446778,
+                  },
+                ],
+                "lat": 45.5203121,
+                "lon": -122.6721326,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 11.162,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 6.74,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 6.738,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 11.158000000000001,
+                    "second": 7.482842545446779,
+                  },
+                ],
+                "lat": 45.5203813,
+                "lon": -122.6720932,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "Northeast 12th Avenue",
+                "streetName": "SW Oak St",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 79.148,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.482842545446779,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 7.532842545446778,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 7.492842545446779,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 7.522842545446778,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 7.512842545446778,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 7.602842545446778,
+                  },
+                  Object {
+                    "first": 70,
+                    "second": 7.552842545446778,
+                  },
+                  Object {
+                    "first": 79.15,
+                    "second": 7.542842545446778,
+                  },
+                ],
+                "lat": 45.5204174,
+                "lon": -122.6722269,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW 1st Ave",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 102.78999999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 7.542842545446778,
+                  },
+                  Object {
+                    "first": 11.54,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 11.536,
+                    "second": 7.682842545446778,
+                  },
+                  Object {
+                    "first": 26.286,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 36.285,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 47.864999999999995,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 57.864999999999995,
+                    "second": 7.762842545446778,
+                  },
+                  Object {
+                    "first": 67.865,
+                    "second": 7.702842545446778,
+                  },
+                  Object {
+                    "first": 73.965,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 73.964,
+                    "second": 7.8428425454467785,
+                  },
+                  Object {
+                    "first": 83.964,
+                    "second": 7.742842545446779,
+                  },
+                  Object {
+                    "first": 93.964,
+                    "second": 7.852842545446778,
+                  },
+                  Object {
+                    "first": 102.794,
+                    "second": 7.922842545446779,
+                  },
+                ],
+                "lat": 45.5210839,
+                "lon": -122.6718705,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "SW Pine St",
               },
             ],
             "to": Object {
-              "lat": 45.525773,
-              "lon": -122.6535042,
-              "name": "407 NE 12th Ave, Portland",
-              "rentalVehicle": null,
-              "stop": null,
-              "stopCode": undefined,
-              "stopId": undefined,
+              "arrival": 1573691399000,
+              "lat": 45.521469054694954,
+              "lon": -122.67307275796767,
+              "name": "205 SW Pine St, Portland, OR, USA 97204",
+              "orig": "205 SW Pine St, Portland, OR, USA 97204",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
-            "trip": null,
-            "tripHeadsign": undefined,
-            "tripId": undefined,
           },
         ],
-        "startTime": 1684864716000,
-        "waitingTime": 0,
-        "walkTime": 330,
+        "startTime": 1573689007000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 1280,
+        "waitingTime": 122,
+        "walkDistance": 387.15802624199944,
+        "walkLimitExceeded": false,
+        "walkTime": 990,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -44693,11 +53011,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   color: #333;
 }
 
-.c58 {
+.c64 {
   color: #f44256;
 }
 
-.c27 {
+.c26 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -44707,124 +53025,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c30 {
-  background-color: #fff;
-  background-image: none;
-  border-radius: 4px;
-  border: 1px solid #ccc;
-  color: #333;
-  cursor: pointer;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 400;
-  padding: 4px 6px;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  white-space: nowrap;
-}
-
-.c30:hover {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-
-.c30:active {
-  color: #333;
-  background-color: #e6e6e6;
-  background-image: none;
-  border-color: #adadad;
-  outline: 0;
-  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
-}
-
-.c30:focus {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #8c8c8c;
-}
-
-.c30:active:hover {
-  color: #333;
-  background-color: #d4d4d4;
-  border-color: #8c8c8c;
-}
-
-.c38 {
+.c41 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c38:hover {
+.c41:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c39 {
+.c42 {
   padding-left: 0px;
 }
 
-.c39:before {
+.c42:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c55 {
-  bottom: 0;
-  left: 110px;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.c56 {
-  background-color: #fcf9d3;
-  display: table;
-  height: 100%;
-  width: 100%;
-}
-
-.c54 {
-  border-bottom: 16px solid transparent;
-  border-right: 16px solid #fcf9d3;
-  border-top: 16px solid transparent;
-  height: 0;
-  left: 94px;
-  position: absolute;
-  top: 0;
-  width: 0;
-}
-
-.c57 {
-  color: #444;
-  display: table-cell;
-  font-style: italic;
-  line-height: 0.95;
-  padding: 0px 2px;
-  vertical-align: middle;
-}
-
-.c29 {
-  height: 32px;
-  margin-bottom: 10px;
-  margin-top: 10px;
-  position: relative;
-}
-
-.c35::before {
+.c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c49 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -44836,13 +53063,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding: 0;
 }
 
-.c22 {
+.c21 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c28 {
+.c27 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -44853,7 +53080,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   z-index: 1;
 }
 
-.c23 {
+.c22 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -44876,34 +53103,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   width: 0;
 }
 
-.c26 {
+.c47 {
+  font-weight: 200;
+}
+
+.c25 {
   font-weight: inherit;
 }
 
-.c43 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c42 {
+.c45 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c40 {
+.c43 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c25 img,
-.c25 svg {
+.c24 img,
+.c24 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c24 {
+.c23 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -44915,7 +53146,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding-right: 5px;
 }
 
-.c32 {
+.c28 {
   display: grid;
   grid-template-columns: 100px auto;
 }
@@ -44962,7 +53193,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding: 3px 0 10px 0;
 }
 
-.c21 {
+.c40 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -44971,13 +53202,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   margin-top: -14px;
 }
 
-.c36 {
+.c32 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c33 {
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -44988,7 +53229,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   margin-top: 10px;
 }
 
-.c33 a {
+.c29 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -45003,34 +53244,101 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   justify-content: center;
 }
 
-.c34 {
+.c30 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c52 {
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c37 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c50 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c45 {
+.c51 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c53 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c54 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c52 {
+  float: left;
+  font-size: 18px;
+}
+
+.c50 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c49 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c55 {
   margin-top: 5px;
 }
 
-.c46 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -45038,30 +53346,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   display: flex;
 }
 
-.c48 {
+.c58 {
   font-size: 14px;
 }
 
-.c47 {
+.c57 {
   padding: 0;
 }
 
-.c44 {
+.c48 {
   margin-top: 5px;
 }
 
-.c44 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c44 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c44 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -45075,7 +53383,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   font-family: Hind,sans-serif;
 }
 
-.c1 .c41 {
+.c1 .c44 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -45119,7 +53427,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   width: 100%;
 }
 
-.c1 .c51 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -45151,7 +53459,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   z-index: 10;
 }
 
-.c31 {
+.c38 {
   background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
   background-position: center -5px;
   background-repeat: repeat-y;
@@ -45164,11 +53472,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   z-index: 10;
 }
 
-.c37 {
+.c39 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #000088;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -45249,13 +53557,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        128 NW 12th Ave, Portland
+        330 SW Murray Blvd, Washington County, OR, USA 97005
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      10:58 AM
+      3:50 PM
     </div>
     <span
       className="c19"
@@ -45265,17 +53573,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
     <div
       className="c20"
     >
-      <div>
-        <div
-          className="c21"
-        >
-          Wait 4 minutes for  pickup
-        </div>
+      <div
+        className="c21"
+      >
         <div
-          className="c22"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
-          <div
-            className="styled__LegClickable-sc-1q8npbl-24"
+          <span
+            className="c22"
           >
             <span
               className="c23"
@@ -45283,66 +53588,433 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               <span
                 className="c24"
               >
-                <span
-                  className="c25"
+                <svg
+                  height="100%"
+                  viewBox="0 0 512 512"
+                  width="100%"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <span>
-                    uber
-                  </span>
-                </span>
+                  <path
+                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              className="c19"
+            >
+               - 
+            </span>
+            <span>
+              Drive 2.4 miles to 
+              <span
+                className="c25"
+              >
+                P+R Sunset TC
               </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
               <span
                 className="c19"
               >
-                 - 
+                Zoom to leg on map
               </span>
-              <span>
-                Ride 0.4 miles to 
-                <span
-                  className="c26"
+            </button>
+          </span>
+        </div>
+        <span
+          className="c28"
+        >
+          <span
+            className="c29"
+          >
+            <button
+              aria-expanded={false}
+              className="c26 c30"
+              onClick={[Function]}
+            >
+              10 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  West Burnside Street
-                </span>
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
               </span>
-              <button
-                className="c27 c28"
-                onClick={[Function]}
+              <span
+                className="c19"
               >
-                <span
-                  className="c19"
-                >
-                  Zoom to leg on map
-                </span>
-              </button>
-            </span>
-          </div>
+                (Expand details)
+              </span>
+            </button>
+          </span>
           <div
-            className="c29"
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
           >
-            <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
-              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
-              target="_blank"
+            <div
+              style={Object {}}
             >
-              Book Ride
-            </a>
-          </div>
-          <div
-            className="styled__TNCTravelTime-sc-1q8npbl-14"
-          >
-            Estimated travel time: 
-            2 min
-             (does not account for traffic)
-          </div>
-          <div
-            className="styled__TNCCost-sc-1q8npbl-15"
-          >
-            Estimated cost: 
-            $17.00
-             - 
-            $19.00
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTHWEST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        parking aisle
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        158 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        150 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Murray Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.4 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.6 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        NW Sunset Hwy
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Cedar Hills Blvd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Barnes Rd
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.5 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        76 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
           </div>
-        </div>
+        </span>
       </div>
     </div>
   </li>
@@ -45353,7 +54025,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c31"
+        className="c38"
       />
       <span
         className="c7"
@@ -45383,13 +54055,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        West Burnside Street
+        P+R Sunset TC
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:01 AM
+      4:02 PM
     </div>
     <span
       className="c19"
@@ -45400,19 +54072,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c20"
     >
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span
-              className="c24"
+              className="c23"
             >
               <span
-                className="c25"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -45438,15 +54110,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk to 
+              Walk 426 feet to 
               <span
-                className="c26"
+                className="c25"
               >
-                W Burnside & SW 6th
+                Sunset TC MAX Station
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -45458,19 +54130,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           </span>
         </div>
         <span
-          className="c32"
+          className="c28"
         >
           <span
-            className="c33"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c27 c34"
+              className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              3 min
               <span
-                className="c35"
+                className="c31"
               >
                 <svg
                   aria-hidden="true"
@@ -45510,8 +54182,141 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               style={Object {}}
             >
               <ol
-                className="c36"
-              />
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        16 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        steps
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        232 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Sunset TC (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        159 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
         </span>
@@ -45525,7 +54330,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c37"
+        className="c39"
       />
       <span
         className="c7"
@@ -45571,13 +54376,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        W Burnside & SW 6th
+        Sunset TC MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:02 AM
+      4:05 PM
     </div>
     <span
       className="c19"
@@ -45588,24 +54393,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c20"
     >
       <div
-        className="c21"
+        className="c40"
       >
-        Stop ID 792
+        Stop ID 2600
         <a
-          className="c38 c39"
+          className="c41 c42"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span>
               <span
@@ -45615,49 +54420,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 Ride
               </span>
               <span
-                className="c23 c40"
+                className="c22 c43"
               >
                 <span
-                  className="c24"
+                  className="c23"
                 >
                   <span
-                    className="c25"
+                    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="c41 c42"
+                    className="c44 c45"
                   >
-                    20
+                    MAX Blue Line
                   </span>
                 </span>
                 <span
-                  className="c43"
+                  className="c46"
                 >
                   <span>
-                    Burnside/Stark
+                    MAX Blue Line 
+                    <span
+                      className="c47"
+                    >
+                      to
+                    </span>
+                     Gresham
                   </span>
                 </span>
               </span>
@@ -45666,11 +54472,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               >
                  - 
                 Disembark at 
-                E Burnside & SE 12th
+                Oak/ SW 1st Ave MAX Station
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -45686,12 +54492,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           role="group"
         >
           <div
-            className="c44"
+            className="c48"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="https://trimet.org/"
+              href="http://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
@@ -45699,39 +54505,153 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               <img
                 alt=""
                 height={25}
-                src="https://trimet.org/"
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
               />
             </a>
           </div>
+          <button
+            className="c26 c49"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
             <div
               style={Object {}}
-            />
+            >
+              <div
+                className="c50"
+              >
+                <a
+                  className="c51"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c51"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c52"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
           </div>
           <div
-            className="c45"
+            className="c55"
           >
             <div
-              className="c46"
+              className="c56"
             >
               <button
-                className="c27 c47"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
-                6 min
-                 / 3 stops
+                21 min
+                 / 9 stops
                 <span
-                  className="c35"
+                  className="c31"
                 >
                   <svg
                     aria-hidden="true"
@@ -45756,7 +54676,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 </span>
               </button>
               <a
-                className="c38 c39"
+                className="c41 c42"
                 onClick={[Function]}
                 type="button"
               >
@@ -45777,37 +54697,121 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c48"
+                  className="c58"
                 >
                   <ol
-                    className="c49"
+                    className="c59"
                   >
                     <li
-                      className="c50"
+                      className="c60"
                     >
                       <div
-                        className="c51 c52"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c63"
                       >
-                        W Burnside & SW 2nd
+                        Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c60"
                     >
                       <div
-                        className="c51 c52"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c63"
                       >
-                        E Burnside & SE 8th
+                        Goose Hollow/SW Jefferson St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Kings Hill/SW Salmon St MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Providence Park MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Library/SW 9th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Pioneer Square South MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Mall/SW 4th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
+                    >
+                      <div
+                        className="c61 c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Yamhill District MAX Station
                       </div>
                     </li>
                   </ol>
@@ -45826,7 +54830,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c4 c5"
     >
       <div
-        className="c31"
+        className="c38"
       />
       <span
         className="c7"
@@ -45872,13 +54876,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        E Burnside & SE 12th
+        Oak/ SW 1st Ave MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:08 AM
+      4:27 PM
     </div>
     <span
       className="c19"
@@ -45889,30 +54893,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       className="c20"
     >
       <div
-        className="c21"
+        className="c40"
       >
-        Stop ID 13327
+        Stop ID 8337
         <a
-          className="c38 c39"
+          className="c41 c42"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c22"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c23"
+            className="c22"
           >
             <span
-              className="c24"
+              className="c23"
             >
               <span
-                className="c25"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -45938,15 +54942,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk to 
+              Walk 0.1 miles to 
               <span
-                className="c26"
+                className="c25"
               >
-                East Burnside Street
+                205 SW Pine St, Portland, OR, USA 97204
               </span>
             </span>
             <button
-              className="c27 c28"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
@@ -45958,19 +54962,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           </span>
         </div>
         <span
-          className="c32"
+          className="c28"
         >
           <span
-            className="c33"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c27 c34"
+              className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              2 min
               <span
-                className="c35"
+                className="c31"
               >
                 <svg
                   aria-hidden="true"
@@ -46010,161 +55014,178 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
               style={Object {}}
             >
               <ol
-                className="c36"
-              />
-            </div>
-          </div>
-        </span>
-      </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="#888"
-          fill="currentColor"
-          focusable="false"
-          height={17}
-          viewBox="0 0 512 512"
-          width={17}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        East Burnside Street
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      11:09 AM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div>
-        <div
-          className="c21"
-        >
-          Wait for  pickup
-        </div>
-        <div
-          className="c22"
-        >
-          <div
-            className="styled__LegClickable-sc-1q8npbl-24"
-          >
-            <span
-              className="c23"
-            >
-              <span
-                className="c24"
+                className="c32"
               >
-                <span
-                  className="c25"
+                <li
+                  className="c33"
                 >
-                  <span>
-                    uber
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-              </span>
-              <span>
-                Ride 0.2 miles to 
-                <span
-                  className="c26"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Oak/SW 1st Ave (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        13 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  407 NE 12th Ave, Portland
-                </span>
-              </span>
-              <button
-                className="c27 c28"
-                onClick={[Function]}
-              >
-                <span
-                  className="c19"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  Zoom to leg on map
-                </span>
-              </button>
-            </span>
-          </div>
-          <div
-            className="c29"
-          >
-            <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
-              href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
-              target="_blank"
-            >
-              Book Ride
-            </a>
-            <div
-              className="c54"
-            />
-            <div
-              className="c55"
-            >
-              <div
-                className="c56"
-              >
-                <div
-                  className="c57"
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
                 >
-                  Wait until 11:08 AM to book
-                </div>
-              </div>
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        337 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
-          <div
-            className="styled__TNCTravelTime-sc-1q8npbl-14"
-          >
-            Estimated travel time: 
-            1 min
-             (does not account for traffic)
-          </div>
-          <div
-            className="styled__TNCCost-sc-1q8npbl-15"
-          >
-            Estimated cost: 
-            $17.00
-             - 
-            $18.00
-          </div>
-        </div>
+        </span>
       </div>
     </div>
   </li>
@@ -46195,7 +55216,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c58 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -46217,19 +55238,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        407 NE 12th Ave, Portland
+        205 SW Pine St, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:10 AM
+      4:29 PM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      407 NE 12th Ave, Portland
+      205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
       className="c20"
@@ -46238,7 +55259,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -46250,7 +55271,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={true}
+    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 2392,
@@ -48674,7 +57695,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -50189,7 +59210,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -50225,12 +59246,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
             </span>
           </button>
           <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
             style={
               Object {
-                "height": 0,
-                "overflow": "hidden",
+                "height": "auto",
+                "overflow": "visible",
               }
             }
           >
@@ -50249,7 +59270,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -50283,7 +59304,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -50933,7 +59954,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -50945,7 +59966,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 2392,
@@ -53369,7 +62389,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -54884,7 +63904,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -54944,7 +63964,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -54978,7 +63998,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -55161,400 +64181,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                       <div
                         className="c61 c62"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Mall/SW 4th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Yamhill District MAX Station
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Oak/ SW 1st Ave MAX Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:27 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c40"
-      >
-        Stop ID 8337
-        <a
-          className="c41 c42"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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"
-              >
-                205 SW Pine St, Portland, OR, USA 97204
-              </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]}
-            >
-              2 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      NORTHEAST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Oak/SW 1st Ave (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        13 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Oak St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        37 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW 1st Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        260 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        Mall/SW 4th Ave MAX Station
+                      </div>
+                    </li>
+                    <li
+                      className="c60"
                     >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c61 c62"
                       >
-                        SW Pine St
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c63"
                       >
-                        337 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                        Yamhill District MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </li>
@@ -55564,18 +64218,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
     <div
       className="c4 c5"
     >
+      <div
+        className="c38"
+      />
       <span
         className="c7"
       >
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -55585,16 +64242,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c64 c12"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -55607,1848 +64265,1607 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         aria-hidden={true}
         className="c15 c16"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        Oak/ SW 1st Ave MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:29 PM
+      4:27 PM
     </div>
     <span
       className="c19"
     >
-      Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      otpUi.TransitLegBody.fromLocation
     </span>
     <div
       className="c20"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 2392,
-        "elevationGained": 89.18000000000004,
-        "elevationLost": 34.78000000000004,
-        "endTime": 1573691399000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "defaultFractionDigits": 2,
-                "symbol": "$",
-              },
-            },
-          },
-        },
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 3913.6230000000005,
-            "duration": 606,
-            "endTime": 1573689613000,
-            "from": Object {
-              "departure": 1573689007000,
-              "lat": 45.516960039867676,
-              "lon": -122.81684703934856,
-              "name": "330 SW Murray Blvd, Washington County, OR, USA 97005",
-              "orig": "330 SW Murray Blvd, Washington County, OR, USA 97005",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 150,
-              "points": "k\`ytG\`urlVJTAAAPK\`@Eh@UGSI_A_@KW??UMuC}AY?qAq@EAOIk@Sk@So@Q?AWEe@GSAWCa@_@g@IWAq@AWGKGCCIKKOESEWAU?OB[Dg@BMJa@zBoJrAaGhAcFh@cDlWc_A|AmE|AwEjAuC~D_JJ[OKw@k@wB{A{B}Au@i@_@WaAs@eAq@AAUOHk@\`@cCFYF[@IFWBIFSFWJYHUL[Xs@JWFKR]FKPYX_@h@m@XUNMJIDCVQh@Y@ARMTMXQRMBAPMRQLORUX_@Ra@Ta@Pc@L]L_@@IDOHa@Fa@BOFe@Dc@Be@@i@@cB@aA@o@V?V@JBJBHDHHVVHJFDFFHDNDH@F?J?HAHAJEHEFEFGFGFIXo@Vq@Vm@Ne@Ni@BMBKDOKMSWRu@",
-            },
-            "mode": "CAR",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689007000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "SOUTHWEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 48.239999999999995,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 66.15284254544679,
-                  },
-                  Object {
-                    "first": 9.31,
-                    "second": 66.07284254544678,
-                  },
-                  Object {
-                    "first": 9.305,
-                    "second": 66.09284254544679,
-                  },
-                  Object {
-                    "first": 16.195,
-                    "second": 66.31284254544678,
-                  },
-                  Object {
-                    "first": 16.197,
-                    "second": 66.31284254544678,
-                  },
-                  Object {
-                    "first": 26.197,
-                    "second": 66.93284254544677,
-                  },
-                  Object {
-                    "first": 36.197,
-                    "second": 67.53284254544678,
-                  },
-                  Object {
-                    "first": 48.236999999999995,
-                    "second": 67.90284254544679,
-                  },
-                ],
-                "lat": 45.51702581777306,
-                "lon": -122.81696535340403,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "parking aisle",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 347.583,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 67.90284254544679,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 68.13284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 68.38284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 68.60284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 68.88284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 69.10284254544678,
-                  },
-                  Object {
-                    "first": 62.14,
-                    "second": 69.36284254544678,
-                  },
-                  Object {
-                    "first": 193.014,
-                    "second": 70.71284254544678,
-                  },
-                  Object {
-                    "first": 203.014,
-                    "second": 71.01284254544677,
-                  },
-                  Object {
-                    "first": 213.014,
-                    "second": 71.35284254544678,
-                  },
-                  Object {
-                    "first": 223.014,
-                    "second": 71.73284254544677,
-                  },
-                  Object {
-                    "first": 233.014,
-                    "second": 72.15284254544679,
-                  },
-                  Object {
-                    "first": 246.03400000000002,
-                    "second": 72.76284254544677,
-                  },
-                ],
-                "lat": 45.5170776,
-                "lon": -122.8175366,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Murray Blvd",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 45.738,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 75.15284254544679,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 75.19284254544678,
-                  },
-                  Object {
-                    "first": 21.64,
-                    "second": 75.27284254544678,
-                  },
-                  Object {
-                    "first": 21.642,
-                    "second": 75.27284254544678,
-                  },
-                  Object {
-                    "first": 31.642,
-                    "second": 75.34284254544679,
-                  },
-                  Object {
-                    "first": 45.742000000000004,
-                    "second": 75.46284254544678,
-                  },
-                ],
-                "lat": 45.519972,
-                "lon": -122.815981,
-                "relativeDirection": "CONTINUE",
-                "stayOn": false,
-                "streetName": "NW Murray Blvd",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 643.86,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 75.46284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 75.69284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 75.88284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 76.04284254544677,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 76.07284254544678,
-                  },
-                  Object {
-                    "first": 46.2,
-                    "second": 76.04284254544677,
-                  },
-                  Object {
-                    "first": 46.198,
-                    "second": 76.04284254544677,
-                  },
-                  Object {
-                    "first": 56.198,
-                    "second": 75.99284254544678,
-                  },
-                  Object {
-                    "first": 66.19800000000001,
-                    "second": 76.21284254544678,
-                  },
-                  Object {
-                    "first": 76.19800000000001,
-                    "second": 76.42284254544677,
-                  },
-                  Object {
-                    "first": 86.19800000000001,
-                    "second": 76.74284254544678,
-                  },
-                  Object {
-                    "first": 96.19800000000001,
-                    "second": 77.19284254544678,
-                  },
-                  Object {
-                    "first": 106.19800000000001,
-                    "second": 77.24284254544678,
-                  },
-                  Object {
-                    "first": 116.19800000000001,
-                    "second": 77.49284254544678,
-                  },
-                  Object {
-                    "first": 126.19800000000001,
-                    "second": 77.21284254544678,
-                  },
-                  Object {
-                    "first": 136.198,
-                    "second": 77.24284254544678,
-                  },
-                  Object {
-                    "first": 146.198,
-                    "second": 76.97284254544678,
-                  },
-                  Object {
-                    "first": 156.198,
-                    "second": 76.93284254544677,
-                  },
-                  Object {
-                    "first": 166.198,
-                    "second": 77.30284254544678,
-                  },
-                  Object {
-                    "first": 176.198,
-                    "second": 77.66284254544678,
-                  },
-                  Object {
-                    "first": 187.05800000000002,
-                    "second": 77.63284254544678,
-                  },
-                  Object {
-                    "first": 187.061,
-                    "second": 77.63284254544678,
-                  },
-                  Object {
-                    "first": 197.061,
-                    "second": 77.42284254544677,
-                  },
-                  Object {
-                    "first": 207.061,
-                    "second": 77.04284254544677,
-                  },
-                  Object {
-                    "first": 217.061,
-                    "second": 76.88284254544678,
-                  },
-                  Object {
-                    "first": 227.061,
-                    "second": 76.54284254544677,
-                  },
-                  Object {
-                    "first": 237.061,
-                    "second": 76.28284254544678,
-                  },
-                  Object {
-                    "first": 247.061,
-                    "second": 76.01284254544677,
-                  },
-                  Object {
-                    "first": 257.06100000000004,
-                    "second": 75.60284254544678,
-                  },
-                  Object {
-                    "first": 267.06100000000004,
-                    "second": 75.32284254544678,
-                  },
-                  Object {
-                    "first": 277.06100000000004,
-                    "second": 74.90284254544679,
-                  },
-                  Object {
-                    "first": 287.06100000000004,
-                    "second": 74.51284254544677,
-                  },
-                  Object {
-                    "first": 297.06100000000004,
-                    "second": 74.23284254544677,
-                  },
-                  Object {
-                    "first": 307.06100000000004,
-                    "second": 73.79284254544677,
-                  },
-                  Object {
-                    "first": 317.06100000000004,
-                    "second": 73.50284254544678,
-                  },
-                  Object {
-                    "first": 327.06100000000004,
-                    "second": 73.06284254544678,
-                  },
-                  Object {
-                    "first": 337.06100000000004,
-                    "second": 72.74284254544678,
-                  },
-                  Object {
-                    "first": 347.06100000000004,
-                    "second": 72.51284254544677,
-                  },
-                  Object {
-                    "first": 357.06100000000004,
-                    "second": 71.87284254544679,
-                  },
-                  Object {
-                    "first": 367.06100000000004,
-                    "second": 71.74284254544678,
-                  },
-                  Object {
-                    "first": 377.06100000000004,
-                    "second": 71.09284254544679,
-                  },
-                  Object {
-                    "first": 387.06100000000004,
-                    "second": 69.44284254544678,
-                  },
-                  Object {
-                    "first": 397.06100000000004,
-                    "second": 65.96284254544678,
-                  },
-                  Object {
-                    "first": 407.06100000000004,
-                    "second": 64.89284254544677,
-                  },
-                  Object {
-                    "first": 417.06100000000004,
-                    "second": 64.63284254544678,
-                  },
-                  Object {
-                    "first": 427.06100000000004,
-                    "second": 64.55284254544678,
-                  },
-                  Object {
-                    "first": 437.06100000000004,
-                    "second": 64.35284254544678,
-                  },
-                  Object {
-                    "first": 447.06100000000004,
-                    "second": 63.962842545446776,
-                  },
-                  Object {
-                    "first": 457.06100000000004,
-                    "second": 63.70284254544678,
-                  },
-                  Object {
-                    "first": 467.06100000000004,
-                    "second": 64.40284254544679,
-                  },
-                  Object {
-                    "first": 477.06100000000004,
-                    "second": 64.86284254544678,
-                  },
-                  Object {
-                    "first": 487.06100000000004,
-                    "second": 64.53284254544678,
-                  },
-                  Object {
-                    "first": 497.06100000000004,
-                    "second": 64.96284254544678,
-                  },
-                  Object {
-                    "first": 507.06100000000004,
-                    "second": 64.74284254544678,
-                  },
-                  Object {
-                    "first": 517.061,
-                    "second": 64.07284254544678,
-                  },
-                  Object {
-                    "first": 527.061,
-                    "second": 64.36284254544678,
-                  },
-                  Object {
-                    "first": 537.061,
-                    "second": 64.99284254544678,
-                  },
-                  Object {
-                    "first": 547.061,
-                    "second": 67.31284254544678,
-                  },
-                  Object {
-                    "first": 557.061,
-                    "second": 67.44284254544678,
-                  },
-                  Object {
-                    "first": 567.061,
-                    "second": 67.59284254544679,
-                  },
-                  Object {
-                    "first": 577.061,
-                    "second": 67.19284254544678,
-                  },
-                  Object {
-                    "first": 587.061,
-                    "second": 67.36284254544678,
-                  },
-                  Object {
-                    "first": 597.061,
-                    "second": 67.33284254544678,
-                  },
-                  Object {
-                    "first": 607.061,
-                    "second": 67.27284254544678,
-                  },
-                  Object {
-                    "first": 617.061,
-                    "second": 67.31284254544678,
-                  },
-                  Object {
-                    "first": 627.061,
-                    "second": 67.23284254544677,
-                  },
-                  Object {
-                    "first": 637.061,
-                    "second": 67.17284254544677,
-                  },
-                  Object {
-                    "first": 643.861,
-                    "second": 67.12284254544679,
-                  },
-                ],
-                "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,
+    >
+      <div
+        className="c40"
+      >
+        Stop ID 8337
+        <a
+          className="c41 c42"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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"
+              >
+                205 SW Pine St, Portland, OR, USA 97204
+              </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]}
+            >
+              2 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      NORTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Oak/SW 1st Ave (path)
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        13 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Oak St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        37 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW 1st Ave
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        260 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        SW Pine St
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        337 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c64 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        205 SW Pine St, Portland, OR, USA 97204
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      4:29 PM
+    </div>
+    <span
+      className="c19"
+    >
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
+    </span>
+    <div
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    itinerary={
+      Object {
+        "duration": 6223,
+        "elevationGained": 0.930000000000005,
+        "elevationLost": 11.050000000000002,
+        "endTime": 1651700473000,
+        "fare": Object {
+          "details": Object {
+            "electronicRegular": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                ],
-                "lat": 45.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,
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                ],
-                "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,
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                ],
-                "lat": 45.5135001,
-                "lon": -122.7943431,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SW Cedar Hills Blvd",
+                },
               },
+            ],
+            "electronicSenior": Array [
               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,
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 298.094,
-                    "second": 91.45284254544679,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 298.09,
-                    "second": 91.45284254544679,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 308.09,
-                    "second": 91.35284254544678,
+                },
+              },
+            ],
+            "electronicSpecial": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 318.09,
-                    "second": 91.25284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 325.19,
-                    "second": 91.16284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 325.18899999999996,
-                    "second": 91.16284254544678,
+                },
+              },
+            ],
+            "electronicYouth": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 335.18899999999996,
-                    "second": 91.05284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 345.18899999999996,
-                    "second": 90.96284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 355.18899999999996,
-                    "second": 90.85284254544678,
+                },
+              },
+            ],
+            "regular": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 365.18899999999996,
-                    "second": 90.72284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 225,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 375.18899999999996,
-                    "second": 90.58284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 385.18899999999996,
-                    "second": 90.47284254544678,
+                },
+              },
+            ],
+            "senior": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 390.679,
-                    "second": 90.41284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 435.15199999999993,
-                    "second": 89.99284254544678,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 445.15199999999993,
-                    "second": 89.95284254544679,
+                },
+              },
+            ],
+            "youth": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 455.15199999999993,
-                    "second": 89.98284254544677,
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
                   },
-                  Object {
-                    "first": 465.15199999999993,
-                    "second": 90.02284254544678,
+                },
+              },
+              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": 475.15199999999993,
-                    "second": 90.14284254544678,
+                    "first": 0,
+                    "second": 19.72,
                   },
                   Object {
-                    "first": 483.69199999999995,
-                    "second": 90.31284254544678,
+                    "first": 10,
+                    "second": 19.74,
                   },
                   Object {
-                    "first": 483.6869999999999,
-                    "second": 90.31284254544678,
+                    "first": 20,
+                    "second": 19.78,
                   },
                   Object {
-                    "first": 493.6869999999999,
-                    "second": 90.57284254544678,
+                    "first": 30,
+                    "second": 19.66,
                   },
                   Object {
-                    "first": 503.6869999999999,
-                    "second": 90.90284254544677,
+                    "first": 40,
+                    "second": 19.34,
                   },
                   Object {
-                    "first": 513.6869999999999,
-                    "second": 91.29284254544677,
+                    "first": 50.07,
+                    "second": 19.05,
                   },
                   Object {
-                    "first": 523.6869999999999,
-                    "second": 91.76284254544677,
+                    "first": 50.093,
+                    "second": 19.05,
                   },
                   Object {
-                    "first": 533.6869999999999,
-                    "second": 92.27284254544678,
+                    "first": 59.583000000000006,
+                    "second": 18.69,
                   },
                   Object {
-                    "first": 543.6869999999999,
-                    "second": 92.79284254544677,
+                    "first": 87.879,
+                    "second": 18.69,
                   },
                   Object {
-                    "first": 553.6869999999999,
-                    "second": 93.36284254544678,
+                    "first": 97.879,
+                    "second": 18.69,
                   },
                   Object {
-                    "first": 563.6869999999999,
-                    "second": 93.99284254544678,
+                    "first": 107.879,
+                    "second": 18.7,
                   },
                   Object {
-                    "first": 573.6869999999999,
-                    "second": 94.62284254544677,
+                    "first": 116.179,
+                    "second": 18.71,
                   },
                   Object {
-                    "first": 587.5269999999999,
-                    "second": 95.65284254544677,
+                    "first": 102.55600000000001,
+                    "second": 18.2,
                   },
                   Object {
-                    "first": 587.5419999999999,
-                    "second": 95.65284254544677,
+                    "first": 112.55600000000001,
+                    "second": 17.89,
                   },
                   Object {
-                    "first": 597.5419999999999,
-                    "second": 96.35284254544678,
+                    "first": 122.55600000000001,
+                    "second": 17.59,
                   },
                   Object {
-                    "first": 607.5419999999999,
-                    "second": 97.01284254544677,
+                    "first": 132.556,
+                    "second": 17.29,
                   },
                   Object {
-                    "first": 617.5419999999999,
-                    "second": 97.86284254544678,
+                    "first": 142.556,
+                    "second": 17,
                   },
                   Object {
-                    "first": 627.5419999999999,
-                    "second": 98.59284254544677,
+                    "first": 152.556,
+                    "second": 16.73,
                   },
                   Object {
-                    "first": 637.5419999999999,
-                    "second": 99.25284254544678,
+                    "first": 159.166,
+                    "second": 16.53,
                   },
                   Object {
-                    "first": 647.5419999999999,
-                    "second": 99.97284254544678,
+                    "first": 159.166,
+                    "second": 16.53,
                   },
                   Object {
-                    "first": 657.5419999999999,
-                    "second": 100.84284254544677,
+                    "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": 667.5419999999999,
-                    "second": 101.61284254544678,
+                    "first": 0,
+                    "second": 16.12,
                   },
                   Object {
-                    "first": 677.5419999999999,
-                    "second": 102.34284254544677,
+                    "first": 10,
+                    "second": 16.11,
                   },
                   Object {
-                    "first": 687.5419999999999,
-                    "second": 103.03284254544678,
+                    "first": 20,
+                    "second": 16.11,
                   },
                   Object {
-                    "first": 697.5419999999999,
-                    "second": 103.71284254544678,
+                    "first": 30,
+                    "second": 16.09,
                   },
                   Object {
-                    "first": 707.5419999999999,
-                    "second": 104.39284254544678,
+                    "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": 717.5419999999999,
-                    "second": 105.12284254544677,
+                    "first": 0,
+                    "second": 16.08,
                   },
                   Object {
-                    "first": 729.9519999999999,
-                    "second": 106.04284254544677,
+                    "first": 10,
+                    "second": 15.88,
                   },
                   Object {
-                    "first": 729.9499999999999,
-                    "second": 106.04284254544677,
+                    "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": 739.9499999999999,
-                    "second": 106.80284254544678,
+                    "first": 0,
+                    "second": 15.61,
                   },
                   Object {
-                    "first": 749.9499999999999,
-                    "second": 107.46284254544678,
+                    "first": 7.9,
+                    "second": 15.6,
                   },
                   Object {
-                    "first": 759.9499999999999,
-                    "second": 108.24284254544678,
+                    "first": 7.9,
+                    "second": 15.6,
                   },
                   Object {
-                    "first": 774.52,
-                    "second": 109.32284254544678,
+                    "first": 20.53,
+                    "second": 15.52,
                   },
                 ],
-                "lat": 45.5163189,
-                "lon": -122.7922059,
-                "relativeDirection": "RIGHT",
+                "lat": 47.9764974,
+                "lon": -122.19871780000001,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Barnes Rd",
+                "streetName": "32nd Street",
               },
               Object {
                 "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 311.94,
+                "bogusName": false,
+                "distance": 95.40899999999999,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 109.32284254544678,
+                    "second": 15.52,
                   },
                   Object {
                     "first": 10,
-                    "second": 109.10284254544678,
+                    "second": 15.35,
                   },
                   Object {
                     "first": 20,
-                    "second": 108.87284254544677,
+                    "second": 15.19,
                   },
                   Object {
                     "first": 30,
-                    "second": 108.82284254544678,
+                    "second": 15.04,
                   },
                   Object {
                     "first": 40,
-                    "second": 109.06284254544678,
+                    "second": 14.88,
                   },
                   Object {
                     "first": 50,
-                    "second": 109.01284254544677,
+                    "second": 14.73,
                   },
                   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,
+                    "second": 14.71,
                   },
                   Object {
-                    "first": 118.929,
-                    "second": 113.51284254544677,
+                    "first": 69.33,
+                    "second": 14.65,
                   },
                   Object {
-                    "first": 128.929,
-                    "second": 114.32284254544678,
+                    "first": 69.33,
+                    "second": 14.65,
                   },
                   Object {
-                    "first": 138.929,
-                    "second": 115.02284254544678,
+                    "first": 79.33,
+                    "second": 14.62,
                   },
                   Object {
-                    "first": 148.929,
-                    "second": 115.71284254544678,
+                    "first": 89.33,
+                    "second": 14.54,
                   },
                   Object {
-                    "first": 158.929,
-                    "second": 116.67284254544678,
+                    "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": 168.929,
-                    "second": 117.28284254544678,
+                    "first": 0,
+                    "second": 14.5,
                   },
                   Object {
-                    "first": 178.929,
-                    "second": 118.00284254544678,
+                    "first": 7.62,
+                    "second": 14.44,
                   },
                   Object {
-                    "first": 188.249,
-                    "second": 118.66284254544678,
+                    "first": 7.619,
+                    "second": 14.44,
                   },
                   Object {
-                    "first": 188.25799999999998,
-                    "second": 118.66284254544678,
+                    "first": 17.619,
+                    "second": 14.43,
                   },
                   Object {
-                    "first": 198.25799999999998,
-                    "second": 119.40284254544677,
+                    "first": 27.619,
+                    "second": 14.45,
                   },
                   Object {
-                    "first": 208.25799999999998,
-                    "second": 119.94284254544678,
+                    "first": 36.789,
+                    "second": 14.49,
                   },
                   Object {
-                    "first": 218.25799999999998,
-                    "second": 120.58284254544678,
+                    "first": 36.787,
+                    "second": 14.49,
                   },
                   Object {
-                    "first": 228.25799999999998,
-                    "second": 121.12284254544677,
+                    "first": 46.787,
+                    "second": 14.64,
                   },
                   Object {
-                    "first": 238.25799999999998,
-                    "second": 121.50284254544678,
+                    "first": 56.787,
+                    "second": 14.84,
                   },
                   Object {
-                    "first": 248.25799999999998,
-                    "second": 121.56284254544678,
+                    "first": 66.787,
+                    "second": 15.06,
                   },
                   Object {
-                    "first": 258.258,
-                    "second": 121.97284254544678,
+                    "first": 75.487,
+                    "second": 15.22,
                   },
                   Object {
-                    "first": 270.038,
-                    "second": 122.00284254544678,
+                    "first": 75.489,
+                    "second": 15.22,
                   },
                   Object {
-                    "first": 270.039,
-                    "second": 122.00284254544678,
+                    "first": 81.809,
+                    "second": 15.1,
                   },
                   Object {
-                    "first": 281.539,
-                    "second": 122.26284254544677,
+                    "first": 81.804,
+                    "second": 15.1,
                   },
                   Object {
-                    "first": 281.536,
-                    "second": 122.26284254544677,
+                    "first": 84.014,
+                    "second": 15.13,
                   },
                   Object {
-                    "first": 288.896,
-                    "second": 122.19284254544678,
+                    "first": 84.009,
+                    "second": 15.13,
                   },
                   Object {
-                    "first": 288.896,
-                    "second": 122.19284254544678,
+                    "first": 94.009,
+                    "second": 15.14,
                   },
                   Object {
-                    "first": 297.966,
-                    "second": 122.48284254544677,
+                    "first": 99.189,
+                    "second": 15.11,
                   },
                   Object {
-                    "first": 297.962,
-                    "second": 122.48284254544677,
+                    "first": 99.186,
+                    "second": 15.11,
                   },
                   Object {
-                    "first": 311.942,
-                    "second": 123.00284254544678,
+                    "first": 105.52600000000001,
+                    "second": 15.13,
                   },
                 ],
-                "lat": 45.5125719,
-                "lon": -122.7845438,
-                "relativeDirection": "RIGHT",
+                "lat": 47.975706,
+                "lon": -122.19811390000001,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "service road",
+                "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 {
-                "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",
+                "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": 1573689613000,
-              "departure": 1573689733000,
-              "lat": 45.51062185,
-              "lon": -122.7823028,
-              "name": "P+R Sunset TC",
-              "vertexType": "NORMAL",
+              "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": false,
+            "transitLeg": true,
+            "tripBlockId": "6367535",
+            "tripId": "kcm:546784580",
+            "tripShortName": "LOCAL",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 129.87800000000001,
-            "duration": 211,
-            "endTime": 1573689944000,
+            "distance": 78.93199999999999,
+            "duration": 61,
+            "endTime": 1651698421000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573689613000,
-              "departure": 1573689733000,
-              "lat": 45.51062185,
-              "lon": -122.7823028,
-              "name": "P+R Sunset TC",
-              "vertexType": "NORMAL",
+              "arrival": 1651698360000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698360000,
+              "lat": 47.7051239,
+              "lon": -122.345596,
+              "name": "N 105th St & Aurora Ave N",
+              "stopCode": "40032",
+              "stopId": "kcm:40032",
+              "stopIndex": 8,
+              "stopSequence": 74,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 9,
-              "points": "ivwtGnyklVDGIKIMDQNm@GEb@cBBK",
+              "length": 13,
+              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -57457,392 +65874,552 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689733000,
+            "startTime": 1651698360000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 19.622999999999998,
+                "elevation": Array [
+                  Object {
+                    "first": 10.365,
+                    "second": 98.12,
+                  },
+                  Object {
+                    "first": 19.625,
+                    "second": 97.7,
+                  },
+                ],
+                "lat": 47.705065371872415,
+                "lon": -122.34559550720056,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "North 105th Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 4.916,
+                "distance": 4.369,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 124.81284254544678,
+                    "second": 97.7,
                   },
                   Object {
-                    "first": 4.92,
-                    "second": 124.83284254544678,
+                    "first": 4.37,
+                    "second": 97.64,
                   },
                 ],
-                "lat": 45.5102908,
-                "lon": -122.7818368,
-                "relativeDirection": "SLIGHTLY_RIGHT",
+                "lat": 47.705022400000004,
+                "lon": -122.3453515,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "NORTHEAST",
+                "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 70.646,
+                "distance": 54.94,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 124.83284254544678,
+                    "second": 97.64,
                   },
                   Object {
-                    "first": 14.73,
-                    "second": 124.88284254544678,
+                    "first": 4.26,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 14.733,
-                    "second": 124.88284254544678,
+                    "first": 4.265,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 22.733,
-                    "second": 125.10284254544678,
+                    "first": 14.265,
+                    "second": 96.91,
                   },
                   Object {
-                    "first": 22.735,
-                    "second": 125.10284254544678,
+                    "first": 24.265,
+                    "second": 96.65,
                   },
                   Object {
-                    "first": 30.744999999999997,
-                    "second": 125.01284254544677,
+                    "first": 33.175,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 30.747,
-                    "second": 125.01284254544677,
+                    "first": 33.174,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 40.747,
-                    "second": 124.40284254544677,
+                    "first": 37.164,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 50.697,
-                    "second": 124.84284254544677,
+                    "first": 37.16,
+                    "second": 96.62,
                   },
-                ],
-                "lat": 45.5102601,
-                "lon": -122.7817914,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "steps",
-              },
-              Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": true,
-                "distance": 5.759,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 124.84284254544677,
+                    "first": 39.589999999999996,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 5.76,
-                    "second": 123.03284254544678,
+                    "first": 39.586,
+                    "second": 96.62,
                   },
-                ],
-                "lat": 45.5102506,
-                "lon": -122.7813456,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "SOUTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 48.557,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 123.03284254544678,
+                    "first": 41.976,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 10,
-                    "second": 122.86284254544678,
+                    "first": 41.976,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 20,
-                    "second": 123.26284254544677,
+                    "first": 50.196,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 30,
-                    "second": 122.91284254544678,
+                    "first": 50.193,
+                    "second": 96.62,
                   },
                   Object {
-                    "first": 43.81,
-                    "second": 124.38284254544678,
+                    "first": 53.443,
+                    "second": 96.62,
                   },
                 ],
-                "lat": 45.5102967,
-                "lon": -122.7813119,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "Sunset TC (path)",
+                "lat": 47.7049831,
+                "lon": -122.3453516,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1573689944000,
-              "departure": 1573689945000,
-              "lat": 45.510098,
-              "lon": -122.780757,
-              "name": "Sunset TC MAX Station",
-              "stopCode": "9969",
-              "stopId": "TriMet:9969",
-              "stopIndex": 15,
-              "stopSequence": 16,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
+            "agencyId": "1",
+            "agencyName": "Metro Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://metro.kingcounty.gov",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 9135.118140577872,
-            "duration": 1280,
-            "endTime": 1573691225000,
+            "distance": 11857.370334253566,
+            "duration": 1910,
+            "endTime": 1651700364000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573689944000,
-              "departure": 1573689945000,
-              "lat": 45.510098,
-              "lon": -122.780757,
-              "name": "Sunset TC MAX Station",
-              "stopCode": "2600",
-              "stopId": "TriMet:9969",
-              "stopIndex": 15,
-              "stopSequence": 16,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "hailedCar": false,
-            "headsign": "Gresham",
+            "headsign": "Downtown Seattle",
             "interStopGeometry": Array [
               Object {
-                "length": 114,
-                "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@",
+                "length": 7,
+                "points": "widbHvmviVvAAnCAnC?pCCnC?dAA",
               },
               Object {
-                "length": 63,
-                "points": "kxwtGb\`_lVCqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gD",
+                "length": 8,
+                "points": "wrcbHlmviVnB?\`DCRItDC\\\\?rC?~@?",
               },
               Object {
-                "length": 27,
-                "points": "qfytGrqzkVJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@EC",
+                "length": 9,
+                "points": "i|bbHzlviVpACpC?pCArA?NHh@?pCCj@?",
               },
               Object {
-                "length": 19,
-                "points": "svytGrazkVKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@",
+                "length": 12,
+                "points": "gfbbHzlviVbB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?",
               },
               Object {
-                "length": 32,
-                "points": "m{ytGtzykV@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@",
+                "length": 7,
+                "points": "ulabHtlviVL?hC?nCCpC?nC?t@?",
               },
               Object {
-                "length": 10,
-                "points": "qmytGfgxkV@IDS@GTqABSBKn@sDBQf@qC",
+                "length": 5,
+                "points": "ux\`bHplviVxA?pCApC?xB?",
               },
               Object {
-                "length": 8,
-                "points": "miytGvwwkVFa@@Ep@wD@MBMBKf@sC",
+                "length": 59,
+                "points": "}h\`bHnlviVV?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJB",
               },
               Object {
-                "length": 22,
-                "points": "_fytGzjwkV@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G",
+                "length": 23,
+                "points": "kv~aHxzviVLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?",
               },
               Object {
-                "length": 23,
-                "points": "aaytGrxvkV?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+                "length": 37,
+                "points": "m|{aHf~viVl@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DA",
+              },
+              Object {
+                "length": 21,
+                "points": "inwaHnrviVbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?",
+              },
+              Object {
+                "length": 35,
+                "points": "qdvaHjfviVlI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?",
+              },
+              Object {
+                "length": 9,
+                "points": "q~saHjgviV^@fABbCC\\\\IhFGj@hA~@tA|BbD",
+              },
+              Object {
+                "length": 9,
+                "points": "sgsaH~pviVDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gA",
+              },
+              Object {
+                "length": 4,
+                "points": "quraHxkviVnB{DxCeGfCeF",
+              },
+              Object {
+                "length": 14,
+                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
+              },
+              Object {
+                "length": 6,
+                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+              },
+              Object {
+                "length": 7,
+                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573690230000,
-                "departure": 1573690255000,
-                "lat": 45.510653,
-                "lon": -122.71634,
-                "name": "Washington Park MAX Station",
-                "stopCode": "10120",
-                "stopId": "TriMet:10120",
-                "stopIndex": 16,
-                "stopSequence": 17,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-              Object {
-                "arrival": 1573690480000,
-                "departure": 1573690515000,
-                "lat": 45.517989,
-                "lon": -122.693544,
-                "name": "Goose Hollow/SW Jefferson St MAX Station",
-                "stopCode": "10118",
-                "stopId": "TriMet:10118",
+                "arrival": 1651698520000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698520000,
+                "lat": 47.701088,
+                "lon": -122.34481,
+                "name": "Aurora Ave N & N 100th St",
+                "stopCode": "7100",
+                "stopId": "kcm:7100",
                 "stopIndex": 17,
-                "stopSequence": 18,
+                "stopSequence": 123,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690590000,
-                "departure": 1573690610000,
-                "lat": 45.520592,
-                "lon": -122.691005,
-                "name": "Kings Hill/SW Salmon St MAX Station",
-                "stopCode": "9759",
-                "stopId": "TriMet:9759",
+                "arrival": 1651698584000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698584000,
+                "lat": 47.6974945,
+                "lon": -122.344704,
+                "name": "Aurora Ave N & N 95th St",
+                "stopCode": "7120",
+                "stopId": "kcm:7120",
                 "stopIndex": 18,
-                "stopSequence": 19,
+                "stopSequence": 130,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690660000,
-                "departure": 1573690690000,
-                "lat": 45.521321,
-                "lon": -122.689886,
-                "name": "Providence Park MAX Station",
-                "stopCode": "9758",
-                "stopId": "TriMet:9758",
+                "arrival": 1651698647000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698647000,
+                "lat": 47.6939621,
+                "lon": -122.344734,
+                "name": "Aurora Ave N & N 90th St",
+                "stopCode": "7140",
+                "stopId": "kcm:7140",
                 "stopIndex": 19,
-                "stopSequence": 20,
+                "stopSequence": 138,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690835000,
-                "departure": 1573690870000,
-                "lat": 45.51916,
-                "lon": -122.68162,
-                "name": "Library/SW 9th Ave MAX Station",
-                "stopCode": "8333",
-                "stopId": "TriMet:8333",
+                "arrival": 1651698720000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698720000,
+                "lat": 47.6898766,
+                "lon": -122.344681,
+                "name": "Aurora Ave N & N 85th St",
+                "stopCode": "7160",
+                "stopId": "kcm:7160",
                 "stopIndex": 20,
-                "stopSequence": 21,
+                "stopSequence": 149,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573690930000,
-                "departure": 1573690975000,
-                "lat": 45.518496,
-                "lon": -122.679145,
-                "name": "Pioneer Square South MAX Station",
-                "stopCode": "8334",
-                "stopId": "TriMet:8334",
+                "arrival": 1651698775000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698775000,
+                "lat": 47.6866722,
+                "lon": -122.344666,
+                "name": "Aurora Ave N & N 80th St",
+                "stopCode": "7180",
+                "stopId": "kcm:7180",
                 "stopIndex": 21,
-                "stopSequence": 22,
+                "stopSequence": 155,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573691015000,
-                "departure": 1573691060000,
-                "lat": 45.517942,
-                "lon": -122.677088,
-                "name": "Mall/SW 4th Ave MAX Station",
-                "stopCode": "8335",
-                "stopId": "TriMet:8335",
+                "arrival": 1651698817000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698817000,
+                "lat": 47.6841507,
+                "lon": -122.34465,
+                "name": "Aurora Ave N & N 76th St",
+                "stopCode": "7200",
+                "stopId": "kcm:7200",
                 "stopIndex": 22,
-                "stopSequence": 23,
+                "stopSequence": 159,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
               },
               Object {
-                "arrival": 1573691115000,
-                "departure": 1573691145000,
-                "lat": 45.517153,
-                "lon": -122.674172,
-                "name": "Yamhill District MAX Station",
-                "stopCode": "8336",
-                "stopId": "TriMet:8336",
+                "arrival": 1651698960000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651698960000,
+                "lat": 47.6760826,
+                "lon": -122.346947,
+                "name": "Aurora Ave N & N 65th St",
+                "stopCode": "7210",
+                "stopId": "kcm:7210",
                 "stopIndex": 23,
-                "stopSequence": 24,
+                "stopSequence": 217,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699080000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699080000,
+                "lat": 47.6616707,
+                "lon": -122.347488,
+                "name": "Aurora Ave N & N 46th St",
+                "stopCode": "75408",
+                "stopId": "kcm:75408",
+                "stopIndex": 24,
+                "stopSequence": 239,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699474000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699474000,
+                "lat": 47.6389084,
+                "lon": -122.345596,
+                "name": "Aurora Ave N & Lynn St",
+                "stopCode": "6070",
+                "stopId": "kcm:6070",
+                "stopIndex": 25,
+                "stopSequence": 275,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699593000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699593000,
+                "lat": 47.6322517,
+                "lon": -122.343666,
+                "name": "Aurora Ave N & Galer St",
+                "stopCode": "6100",
+                "stopId": "kcm:6100",
+                "stopIndex": 26,
+                "stopSequence": 295,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699787000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699787000,
+                "lat": 47.6210556,
+                "lon": -122.343842,
+                "name": "7th Ave N & Thomas St",
+                "stopCode": "6176",
+                "stopId": "kcm:6176",
+                "stopIndex": 27,
+                "stopSequence": 329,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699857000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699857000,
+                "lat": 47.6174316,
+                "lon": -122.345345,
+                "name": "Wall St & 5th Ave",
+                "stopCode": "7430",
+                "stopId": "kcm:7430",
+                "stopIndex": 28,
+                "stopSequence": 337,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "1",
+              },
+              Object {
+                "arrival": 1651699928000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699928000,
+                "lat": 47.6144447,
+                "lon": -122.344513,
+                "name": "3rd Ave & Bell St",
+                "stopCode": "400",
+                "stopId": "kcm:400",
+                "stopIndex": 29,
+                "stopSequence": 345,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651699981000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651699981000,
+                "lat": 47.6124382,
+                "lon": -122.34111,
+                "name": "3rd Ave & Virginia St",
+                "stopCode": "420",
+                "stopId": "kcm:420",
+                "stopIndex": 30,
+                "stopSequence": 348,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700040000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700040000,
+                "lat": 47.6097908,
+                "lon": -122.337959,
+                "name": "3rd Ave & Pike St",
+                "stopCode": "431",
+                "stopId": "kcm:431",
+                "stopIndex": 31,
+                "stopSequence": 361,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700212000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700212000,
+                "lat": 47.6065025,
+                "lon": -122.334938,
+                "name": "3rd Ave & Seneca St",
+                "stopCode": "468",
+                "stopId": "kcm:468",
+                "stopIndex": 32,
+                "stopSequence": 366,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
               },
             ],
             "legGeometry": Object {
-              "length": 310,
-              "points": "guwtGrrklVDOH]Po@Pq@Jc@Rs@h@uBl@yBZoAFUNo@Po@JYJ[HWJYFSTk@\\\\w@Xw@L]J[Tq@La@J_@Ja@H_@l@kCTgAHc@Hc@Lu@LcAt@aGJ}@J{@J}@^wDRyBHcAH_APcCNaCJcCJiCJgCJgCFiCBeA@cA@eA@gA@gC@mC@_E?aBA_BAcAA_ACaACcAIiBIuBE]MqAGwAOkC?Q?q@AaACs@YsFKcAWqBa@mDO}@uBsMeBmKq@mDUsASoAUuASsAc@oCa@gCmAoHGa@Ig@[mDWwCEa@SsEGuAG{AKwDAU?kACoFCsBIcHGqCOyHOiKKwGKuGGgFEgFKmKAcDCcDEaHGkEA_@CqACsAM}CIsAIqAa@mEG_@G[WoAq@uC{BwIwAwFcAcDs@aCq@{BUw@iCkJKW[y@cAkCEKIK}BaDe@o@OOYUk@YkAg@oCsAaCgAm@U{@SWGGEIEWQGEKKMMMMKOIMO]Kg@COGk@Cq@?c@Bi@RoCHcA?ELqAFs@LcAPaAf@{CHe@d@cBJg@DYl@gDJm@BQ@Y?G?IAIAIAGISEGGEIG_Bu@KE}BcAKGIEYM]UWSSWSQg@g@YQk@_@ECKGc@SKEu@[i@WCCACACCEAEAIAG?G?I@G@E@GLu@@AN}@BQ@EJm@Lk@PcAF[l@mDDQBMn@uDDUj@gDDSl@mDFWDW\\\\oBHe@@KBI@I@EF]f@uCBQBI@KTqAP}@@IDS@GTqABSBKn@sDBQf@qCFa@@Ep@wD@MBMBKf@sC@IFYBQj@aDDWHa@DYDQDOBMJ_@FQBMDQDQHe@BYFa@@M@O?G?G?OAKAGCIEGKI]Ok@WGCIGKGUKUKaD{AyAk@OGUIc@OQEMGcBw@",
+              "length": 256,
+              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
             },
-            "mode": "TRAM",
+            "mode": "BUS",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573689945000,
+            "route": "E Line",
+            "routeId": "kcm:102615",
+            "routeShortName": "E Line",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651698454000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573691225000,
-              "departure": 1573691226000,
-              "lat": 45.52028,
-              "lon": -122.672146,
-              "name": "Oak/ SW 1st Ave MAX Station",
-              "stopCode": "8337",
-              "stopId": "TriMet:8337",
-              "stopIndex": 24,
-              "stopSequence": 25,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "transitLeg": true,
-            "tripBlockId": "9030",
-            "tripId": "TriMet:9265522",
+            "tripBlockId": "6367577",
+            "tripId": "kcm:491944150",
+            "tripShortName": "LOCAL",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 205.33399999999997,
-            "duration": 173,
-            "endTime": 1573691399000,
+            "distance": 135.17100000000002,
+            "duration": 108,
+            "endTime": 1651700473000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573691225000,
-              "departure": 1573691226000,
-              "lat": 45.52028,
-              "lon": -122.672146,
-              "name": "Oak/ SW 1st Ave MAX Station",
-              "stopCode": "8337",
-              "stopId": "TriMet:8337",
-              "stopIndex": 24,
-              "stopSequence": 25,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 19,
-              "points": "wtytG\`lvkVCAACMGAHADAB?DMGgBu@OGADERIb@Kr@Kj@EPEVKl@",
+              "length": 13,
+              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -57851,219 +66428,146 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573691226000,
+            "startTime": 1651700365000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHEAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 3.95,
-                "elevation": Array [],
-                "lat": 45.52028372216824,
-                "lon": -122.67216050734417,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Oak/SW 1st Ave (path)",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 8.284,
+                "distance": 99.492,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 7.512842545446778,
+                    "first": 8.543,
+                    "second": 20.99,
                   },
                   Object {
-                    "first": 8.28,
-                    "second": 7.602842545446778,
+                    "first": 11.142999999999999,
+                    "second": 20.74,
                   },
-                ],
-                "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,
+                    "first": 11.140999999999998,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 6.74,
-                    "second": 7.532842545446778,
+                    "first": 11.450999999999999,
+                    "second": 20.71,
                   },
                   Object {
-                    "first": 6.738,
-                    "second": 7.532842545446778,
+                    "first": 11.446999999999997,
+                    "second": 20.71,
                   },
                   Object {
-                    "first": 11.158000000000001,
-                    "second": 7.482842545446779,
+                    "first": 17.386999999999997,
+                    "second": 20.23,
                   },
-                ],
-                "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,
+                    "first": 17.381999999999998,
+                    "second": 20.23,
                   },
                   Object {
-                    "first": 10,
-                    "second": 7.512842545446778,
+                    "first": 21.191999999999997,
+                    "second": 19.99,
                   },
                   Object {
-                    "first": 20,
-                    "second": 7.532842545446778,
+                    "first": 25.188,
+                    "second": 19.7,
                   },
                   Object {
-                    "first": 30,
-                    "second": 7.492842545446779,
+                    "first": 35.188,
+                    "second": 19.35,
                   },
                   Object {
-                    "first": 40,
-                    "second": 7.522842545446778,
+                    "first": 45.188,
+                    "second": 19.17,
                   },
                   Object {
-                    "first": 50,
-                    "second": 7.512842545446778,
+                    "first": 55.188,
+                    "second": 18.99,
                   },
                   Object {
-                    "first": 60,
-                    "second": 7.602842545446778,
+                    "first": 65.188,
+                    "second": 18.75,
                   },
                   Object {
-                    "first": 70,
-                    "second": 7.552842545446778,
+                    "first": 75.188,
+                    "second": 18.52,
                   },
                   Object {
-                    "first": 79.15,
-                    "second": 7.542842545446778,
+                    "first": 85.188,
+                    "second": 18.27,
+                  },
+                  Object {
+                    "first": 99.488,
+                    "second": 17.93,
                   },
                 ],
-                "lat": 45.5204174,
-                "lon": -122.6722269,
-                "relativeDirection": "RIGHT",
+                "lat": 47.603566786898504,
+                "lon": -122.33230777867696,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SW 1st Ave",
+                "streetName": "sidewalk",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "SOUTHWEST",
                 "area": false,
-                "bogusName": false,
-                "distance": 102.78999999999999,
+                "bogusName": true,
+                "distance": 35.679,
                 "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,
+                    "first": 0.416,
+                    "second": 17.66,
                   },
                   Object {
-                    "first": 73.964,
-                    "second": 7.8428425454467785,
+                    "first": 10.416,
+                    "second": 16.75,
                   },
                   Object {
-                    "first": 83.964,
-                    "second": 7.742842545446779,
+                    "first": 20.416,
+                    "second": 15.91,
                   },
                   Object {
-                    "first": 93.964,
-                    "second": 7.852842545446778,
+                    "first": 30.416,
+                    "second": 15.12,
                   },
                   Object {
-                    "first": 102.794,
-                    "second": 7.922842545446779,
+                    "first": 32.906,
+                    "second": 14.9,
                   },
                 ],
-                "lat": 45.5210839,
-                "lon": -122.6718705,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SW Pine St",
+                "lat": 47.602787500000005,
+                "lon": -122.3316056,
+                "relativeDirection": "UTURN_RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
               },
             ],
             "to": Object {
-              "arrival": 1573691399000,
-              "lat": 45.521469054694954,
-              "lon": -122.67307275796767,
-              "name": "205 SW Pine St, Portland, OR, USA 97204",
-              "orig": "205 SW Pine St, Portland, OR, USA 97204",
+              "arrival": 1651700473000,
+              "lat": 47.602632914527724,
+              "lon": -122.33197990547832,
+              "name": "208 James St, Seattle, WA 98104-2212, United States",
+              "orig": "208 James St, Seattle, WA 98104-2212, United States",
               "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573689007000,
+        "startTime": 1651694250000,
         "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 1280,
-        "waitingTime": 122,
-        "walkDistance": 387.15802624199944,
+        "transfers": 2,
+        "transitTime": 5390,
+        "waitingTime": 273,
+        "walkDistance": 677.2714626770405,
         "walkLimitExceeded": false,
-        "walkTime": 990,
+        "walkTime": 560,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -58074,7 +66578,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   color: #333;
 }
 
-.c64 {
+.c57 {
   color: #f44256;
 }
 
@@ -58088,22 +66592,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   text-decoration: none;
 }
 
-.c41 {
+.c40 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c41:hover {
+.c40:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c42 {
+.c41 {
   padding-left: 0px;
 }
 
-.c42:before {
+.c41:before {
   content: "|";
   color: black;
   margin-right: 5px;
@@ -58114,7 +66618,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   margin: 0 0.125em;
 }
 
-.c59 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -58166,25 +66670,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   width: 0;
 }
 
-.c47 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
 
-.c46 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c45 {
+.c44 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c43 {
+.c42 {
   color: #807373;
   margin-top: 5px;
 }
@@ -58256,7 +66756,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   padding: 3px 0 10px 0;
 }
 
-.c40 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -58338,70 +66838,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   padding-left: 1ch;
 }
 
-.c62 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c63 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c60 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c51 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c53 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c54 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c52 {
-  float: left;
-  font-size: 18px;
-}
-
-.c50 {
-  display: block;
-  margin-top: 3px;
-}
-
-.c49 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c55 {
+.c47 {
   margin-top: 5px;
 }
 
-.c56 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -58409,30 +66866,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   display: flex;
 }
 
-.c58 {
+.c50 {
   font-size: 14px;
 }
 
-.c57 {
+.c49 {
   padding: 0;
 }
 
-.c48 {
+.c46 {
   margin-top: 5px;
 }
 
-.c48 a {
+.c46 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c48 a:hover {
+.c46 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c48 img {
+.c46 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -58446,7 +66903,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   font-family: Hind,sans-serif;
 }
 
-.c1 .c44 {
+.c1 .c43 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -58490,7 +66947,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   width: 100%;
 }
 
-.c1 .c61 {
+.c1 .c53 {
   margin-left: -23px;
 }
 
@@ -58513,9 +66970,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 }
 
 .c6 {
-  background: repeating-linear-gradient( 0deg,grey,grey 8px,white 8px,white 12.5px );
-  left: 7.5px;
-  right: 7.5px;
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -58523,23 +66983,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 }
 
 .c38 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #0070c0;
   bottom: -11px;
   position: absolute;
   top: 11px;
   z-index: 10;
 }
 
-.c39 {
+.c56 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -58582,13 +67040,1303 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       >
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        47.97767, -122.20034
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      12:57 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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.3 miles to 
+              <span
+                className="c25"
+              >
+                Everett Station Bay C1
+              </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]}
+            >
+              6 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTH
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.1 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Smith Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        129 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Paine Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        61 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        67 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        313 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        380 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Everett Station Bay C1
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:04 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 2345
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      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="c43 c44"
+                  >
+                    512
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Northgate Station
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Northgate Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          role="group"
+        >
+          <div
+            className="c46"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://www.communitytransit.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Community Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                47 min
+                 / 6 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Broadway & 34th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        South Everett Fwy Station Bay 3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Ash Way Park & Ride Bay 1
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Lynnwood Transit Center Bay D3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Mountlake Terrace Fwy Station Bay 6
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <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"
+      >
+        Northgate Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:51 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 2191
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 to 
+              <span
+                className="c25"
+              >
+                Northgate Station - Bay 4
+              </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]}
+            >
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c56"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Northgate Station - Bay 4
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:55 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 35318
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      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="c43 c44"
+                  >
+                    40
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Downtown Seattle Ballard
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                N 105th St & Aurora Ave N
+              </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="c46"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://metro.kingcounty.gov"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Metro Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                11 min
+                 / 8 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        1st Ave NE & NE 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N 92nd St & Corliss Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        College Way N & N 97th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        College Way N & N 103rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Meridian Ave N & N 105th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N Northgate Way & Meridian Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N Northgate Way & Stone Ave N
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c6"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -58598,16 +68346,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c11 c12"
+          className="c8 c9 c10"
+          color="white"
           fill="currentColor"
           focusable="false"
-          height={20}
+          height={14}
           viewBox="0 0 512 512"
-          width={20}
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -58620,13 +68369,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        330 SW Murray Blvd, Washington County, OR, USA 97005
+        N 105th St & Aurora Ave N
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      2:06 PM
     </div>
     <span
       className="c19"
@@ -58636,6 +68385,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
     <div
       className="c20"
     >
+      <div
+        className="c39"
+      >
+        Stop ID 40032
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
       <div
         className="c21"
       >
@@ -58653,12 +68413,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               >
                 <svg
                   height="100%"
-                  viewBox="0 0 512 512"
+                  version="1.0"
+                  viewBox="0 0 55.74 100"
                   width="100%"
+                  x="0px"
                   xmlns="http://www.w3.org/2000/svg"
+                  y="0px"
                 >
                   <path
-                    d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z"
+                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
+                  />
+                  <path
+                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
                   />
                 </svg>
               </span>
@@ -58669,11 +68435,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                - 
             </span>
             <span>
-              Drive 2.4 miles to 
+              Walk 259 feet to 
               <span
                 className="c25"
               >
-                P+R Sunset TC
+                Aurora Ave N & N 105th St
               </span>
             </span>
             <button
@@ -58699,7 +68465,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               className="c26 c30"
               onClick={[Function]}
             >
-              10 min
+              1 min
               <span
                 className="c31"
               >
@@ -58762,17 +68528,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                   >
                     <span>
                       Head 
-                      SOUTHWEST
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        parking aisle
+                        North 105th Street
                       </span>
                       <span
                         className="c37"
                       >
-                        158 feet
+                        64 feet
                       </span>
                     </span>
                   </div>
@@ -58800,12 +68566,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       <span
                         className="c36"
                       >
-                        SW Murray Blvd
+                        service road
                       </span>
                       <span
                         className="c37"
                       >
-                        0.2 miles
+                        14 feet
                       </span>
                     </span>
                   </div>
@@ -58820,7 +68586,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
@@ -58828,256 +68594,517 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      CONTINUE
+                      LEFT
                        on 
                       <span
                         className="c36"
                       >
-                        NW Murray Blvd
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        150 feet
+                        180 feet
                       </span>
                     </span>
                   </div>
                 </li>
-                <li
-                  className="c33"
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c56"
+      />
+      <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"
+      >
+        Aurora Ave N & N 105th St
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      2:07 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 7080
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
                 >
-                  <div
-                    className="c34"
+                  <span
+                    className="c24"
                   >
                     <svg
-                      viewBox="0 0 261 261"
+                      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="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                        d="M68.848,68.51"
                       />
+                      <path
+                        d="M12.687,68.51"
+                      />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
-                  </div>
-                  <div
-                    className="c35"
+                  </span>
+                  <span
+                    className="c43 c44"
                   >
-                    <span>
-                      SLIGHTLY_RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        NW Murray Blvd
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.4 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
+                    E Line
+                  </span>
+                </span>
+                <span
+                  className="c45"
                 >
-                  <div
-                    className="c34"
+                  <span>
+                    Downtown Seattle
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                3rd Ave & Cherry 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="c46"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://metro.kingcounty.gov"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Metro Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                31 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"
                   >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c50"
+                >
+                  <ol
+                    className="c51"
                   >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
                       >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.6 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        Aurora Ave N & N 100th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        NW Sunset Hwy
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.3 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        Aurora Ave N & N 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        SW Cedar Hills Blvd
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        Aurora Ave N & N 90th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        SW Barnes Rd
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.5 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        Aurora Ave N & N 85th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        0.2 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
+                        Aurora Ave N & N 80th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
                     >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
+                      <div
+                        className="c53 c54"
                       >
-                        Sunset TC
-                      </span>
-                      <span
-                        className="c37"
+                        •
+                      </div>
+                      <div
+                        className="c55"
                       >
-                        76 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
+                        Aurora Ave N & N 76th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 65th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 46th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Lynn St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Galer St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        7th Ave N & Thomas St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Wall St & 5th Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Bell St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Virginia St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Pike St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Seneca St
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
             </div>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </li>
@@ -59088,7 +69115,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c6"
       />
       <span
         className="c7"
@@ -59096,12 +69123,28 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         <svg
           aria-hidden="true"
           className="c8 c9"
-          color="#888"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={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={17}
+          height={14}
           viewBox="0 0 512 512"
-          width={17}
+          width={14}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
@@ -59118,13 +69161,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        P+R Sunset TC
+        3rd Ave & Cherry St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:02 PM
+      2:39 PM
     </div>
     <span
       className="c19"
@@ -59134,6 +69177,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
     <div
       className="c20"
     >
+      <div
+        className="c39"
+      >
+        Stop ID 490
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
       <div
         className="c21"
       >
@@ -59173,11 +69227,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                - 
             </span>
             <span>
-              Walk 426 feet to 
+              Walk 443 feet to 
               <span
                 className="c25"
               >
-                Sunset TC MAX Station
+                208 James St, Seattle, WA 98104-2212, United States
               </span>
             </span>
             <button
@@ -59203,7 +69257,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               className="c26 c30"
               onClick={[Function]}
             >
-              3 min
+              1 min
               <span
                 className="c31"
               >
@@ -59257,73 +69311,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      SLIGHTLY_RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        16 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        steps
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        232 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -59331,17 +69319,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      LEFT
+                      Head 
+                      SOUTHEAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        19 feet
+                        326 feet
                       </span>
                     </span>
                   </div>
@@ -59356,7 +69345,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
                       />
                     </svg>
                   </div>
@@ -59364,17 +69353,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      UTURN_RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        Sunset TC (path)
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        159 feet
+                        117 feet
                       </span>
                     </span>
                   </div>
@@ -59392,21 +69381,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
     <div
       className="c4 c5"
     >
-      <div
-        className="c39"
-      />
       <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
@@ -59416,17 +69402,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c57 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>
@@ -59439,453 +69424,468 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        Sunset TC MAX Station
+        208 James St, Seattle, WA 98104-2212, United States
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:05 PM
+      2:41 PM
     </div>
     <span
       className="c19"
     >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      208 James St, Seattle, WA 98104-2212, United States
     </span>
     <div
       className="c20"
-    >
-      <div
-        className="c40"
-      >
-        Stop ID 2600
-        <a
-          className="c41 c42"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c43"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="TRAM"
-                      height="100%"
-                      version="1.0"
-                      viewBox="0 0 66.461 100"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
-                      />
-                      <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
-                      />
-                    </svg>
-                  </span>
-                  <span
-                    className="c44 c45"
-                  >
-                    MAX Blue Line
-                  </span>
-                </span>
-                <span
-                  className="c46"
-                >
-                  <span>
-                    MAX Blue Line 
-                    <span
-                      className="c47"
-                    >
-                      to
-                    </span>
-                     Gresham
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                Oak/ SW 1st Ave MAX Station
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c48"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <button
-            className="c26 c49"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            2 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-          </button>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <div
-                className="c50"
-              >
-                <a
-                  className="c51"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                >
-                  <div
-                    className="c52"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c54"
-                  >
-                    Effective as of November 6, 2019
-                  </div>
-                </a>
-                <a
-                  className="c51"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c52"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c54"
-                  >
-                    Effective as of November 3, 2019
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c55"
-          >
-            <div
-              className="c56"
-            >
-              <button
-                className="c26 c57"
-                onClick={[Function]}
-              >
-                Ride 
-                21 min
-                 / 9 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c41 c42"
-                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="c58"
-                >
-                  <ol
-                    className="c59"
-                  >
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Washington Park MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Goose Hollow/SW Jefferson St MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Kings Hill/SW Salmon St MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Providence Park MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Library/SW 9th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Pioneer Square South MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Mall/SW 4th Ave MAX Station
-                      </div>
-                    </li>
-                    <li
-                      className="c60"
-                    >
-                      <div
-                        className="c61 c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        Yamhill District MAX Station
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    />
   </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    itinerary={
+      Object {
+        "duration": 61,
+        "elevationGained": 2.9800000000000004,
+        "elevationLost": 0.6900000000000002,
+        "endTime": 1576265401000,
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -28800000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 50.523999999999994,
+            "duration": 61,
+            "endTime": 1576265401000,
+            "from": Object {
+              "departure": 1576265340000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "vertexType": "NORMAL",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 15,
+              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1576265340000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "NORTHWEST",
+                "area": false,
+                "bogusName": true,
+                "distance": 0,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.172842545446779,
+                  },
+                  Object {
+                    "first": 4.82,
+                    "second": 15.222842545446778,
+                  },
+                  Object {
+                    "first": 4.825,
+                    "second": 15.022842545446778,
+                  },
+                  Object {
+                    "first": 14.825,
+                    "second": 16.282842545446776,
+                  },
+                  Object {
+                    "first": 26.285,
+                    "second": 16.832842545446777,
+                  },
+                  Object {
+                    "first": 26.308,
+                    "second": 16.832842545446777,
+                  },
+                  Object {
+                    "first": 36.308,
+                    "second": 17.55284254544678,
+                  },
+                  Object {
+                    "first": 47.248000000000005,
+                    "second": 16.862842545446778,
+                  },
+                ],
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": true,
+                "distance": null,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.862842545446778,
+                  },
+                  Object {
+                    "first": 2.43,
+                    "second": 17.26284254544678,
+                  },
+                ],
+                "lat": 45.5188999,
+                "lon": -122.6795756,
+                "relativeDirection": "LEFT",
+                "stayOn": true,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "arrival": 1576265401000,
+              "lat": 45.51890847886523,
+              "lon": -122.67962369485272,
+              "name": "701 SW 6th Ave, Portland, OR, USA 97204",
+              "orig": "701 SW 6th Ave, Portland, OR, USA 97204",
+              "vertexType": "NORMAL",
+            },
+            "transitLeg": false,
+          },
+        ],
+        "startTime": 1576265340000,
+        "tooSloped": false,
+        "transfers": 0,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 50.6389253702716,
+        "walkLimitExceeded": false,
+        "walkTime": 61,
+      }
+    }
+  />
+</IntlProvider>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
+.c8 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c11 {
+  color: #333;
+}
+
+.c37 {
+  color: #f44256;
+}
+
+.c26 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c31::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c21 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c27 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c22 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c19 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c25 {
+  font-weight: inherit;
+}
+
+.c24 img,
+.c24 svg {
+  margin-right: 6px;
+  height: 24px;
+  width: 24px;
+  vertical-align: bottom;
+}
+
+.c23 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c5 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c28 {
+  display: grid;
+  grid-template-columns: 100px auto;
+}
+
+.c3 {
+  max-width: 500px;
+  display: grid;
+  grid-template-columns: 65px 30px auto;
+}
+
+.c18 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c20 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+}
+
+.c14 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c16 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c32 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c35 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c35 > span {
+  margin-right: 1ch;
+}
+
+.c29 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c29 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c30 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c34 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c33 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c36 {
+  font-weight: 500;
+}
+
+.c1 {
+  font-size: 16px;
+}
+
+.c1 *:not(.fa) {
+  box-sizing: border-box;
+  font-family: Hind,sans-serif;
+}
+
+.c1 .c4 {
+  display: table-cell;
+  max-width: 20px;
+  width: 20px;
+  padding: 0;
+  position: relative;
+}
+
+.c1 .c13 {
+  color: #000;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.c1 .c15 {
+  height: inherit;
+  white-space: normal;
+}
+
+.c1 .c2 {
+  width: 100%;
+}
+
+.c1 .c17 {
+  color: #676767;
+  display: table-cell;
+  font-size: 14px;
+  padding-right: 4px;
+  padding-top: 2px;
+  text-align: right;
+  vertical-align: top;
+  width: 60px;
+}
+
+.c7 {
+  position: absolute;
+  width: 100%;
+  top: 3px;
+  z-index: 20;
+}
+
+.c6 {
+  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
+  background-position: center -5px;
+  background-repeat: repeat-y;
+  background-size: 12px 12px;
+  left: 6px;
+  right: 6px;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c9 {
+  left: 0;
+  line-height: inherit;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.c10 {
+  top: 3px;
+}
+
+.c12 {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+<ol
+  className="c0 c1"
+>
   <li
     className="c2 c3"
   >
@@ -59893,20 +69893,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c6"
       />
       <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
@@ -59916,17 +69916,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c11 c12"
           fill="currentColor"
           focusable="false"
-          height={14}
+          height={20}
           viewBox="0 0 512 512"
-          width={14}
+          width={20}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
             fill="currentColor"
           />
         </svg>
@@ -59939,13 +69938,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        Oak/ SW 1st Ave MAX Station
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:27 PM
+      11:29 AM
     </div>
     <span
       className="c19"
@@ -59955,17 +69954,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
     <div
       className="c20"
     >
-      <div
-        className="c40"
-      >
-        Stop ID 8337
-        <a
-          className="c41 c42"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
       <div
         className="c21"
       >
@@ -60005,11 +69993,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                - 
             </span>
             <span>
-              Walk 0.1 miles to 
+              Walk 166 feet to 
               <span
                 className="c25"
               >
-                205 SW Pine St, Portland, OR, USA 97204
+                701 SW 6th Ave, Portland, OR, USA 97204
               </span>
             </span>
             <button
@@ -60035,7 +70023,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               className="c26 c30"
               onClick={[Function]}
             >
-              2 min
+              1 min
               <span
                 className="c31"
               >
@@ -60098,117 +70086,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                   >
                     <span>
                       Head 
-                      NORTHEAST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Oak/SW 1st Ave (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        13 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
+                      NORTHWEST
                        on 
                       <span
                         className="c36"
                       >
                         Unnamed Path
                       </span>
-                      <span
-                        className="c37"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW Oak St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        37 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        SW 1st Ave
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        260 feet
-                      </span>
                     </span>
                   </div>
                 </li>
@@ -60235,12 +70119,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       <span
                         className="c36"
                       >
-                        SW Pine St
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        337 feet
+                        Unnamed Path
                       </span>
                     </span>
                   </div>
@@ -60279,7 +70158,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c64 c12"
+          className="c8 c37 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -60301,19 +70180,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         aria-hidden={true}
         className="c15 c16"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        701 SW 6th Ave, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:29 PM
+      11:30 AM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      701 SW 6th Ave, Portland, OR, USA 97204
     </span>
     <div
       className="c20"
@@ -60322,7 +70201,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -60336,947 +70215,46 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 6223,
-        "elevationGained": 0.930000000000005,
-        "elevationLost": 11.050000000000002,
-        "endTime": 1651700473000,
-        "fare": Object {
-          "details": Object {
-            "electronicRegular": Array [
-              Object {
-                "isTransfer": true,
-                "legIndex": 1,
-                "price": Object {
-                  "cents": 325,
-                  "currency": Object {
-                    "currency": "USD",
-                    "currencyCode": "USD",
-                    "defaultFractionDigits": 2,
-                    "symbol": "$",
-                  },
-                },
-              },
-              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",
+        "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": "$",
               },
-            ],
-            "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",
           },
+        },
+        "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 0,
-            "duration": 2,
-            "endTime": 1651697462000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 72.439,
+            "duration": 75,
+            "endTime": 1573688844000,
             "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",
+              "departure": 1573688769000,
+              "lat": 45.501198436772924,
+              "lon": -122.62183393468378,
+              "name": "3940 SE Brooklyn St, Portland, OR, USA 97202",
+              "orig": "3940 SE Brooklyn St, Portland, OR, USA 97202",
+              "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 2,
-              "points": "{~cbHfesiV??",
+              "length": 4,
+              "points": "q}utGnqlkVAlH?mCP?",
             },
             "mode": "WALK",
             "pathway": false,
@@ -61285,198 +70263,186 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651697460000,
-            "steps": Array [],
+            "startTime": 1573688769000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 62.396,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 47.86284254544678,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 47.822842545446775,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 47.44284254544678,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 46.85284254544678,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 45.542842545446774,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 44.85284254544678,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 44.36284254544678,
+                  },
+                  Object {
+                    "first": 62.4,
+                    "second": 44.17284254544678,
+                  },
+                ],
+                "lat": 45.501213679159676,
+                "lon": -122.62183383356971,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "SE Brooklyn St",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 10.043,
+                "elevation": Array [],
+                "lat": 45.5012222,
+                "lon": -122.622634,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Cesar E. Chavez Blvd",
+              },
+            ],
             "to": Object {
-              "arrival": 1651697462000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697700000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station - Bay 4",
-              "stopCode": "35318",
-              "stopId": "kcm:35318",
-              "stopIndex": 0,
-              "stopSequence": 1,
+              "arrival": 1573688844000,
+              "departure": 1573688845000,
+              "lat": 45.501132,
+              "lon": -122.622543,
+              "name": "SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)",
+              "stopCode": "7439",
+              "stopId": "TriMet:7439",
+              "stopIndex": 37,
+              "stopSequence": 38,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 3819.702008552735,
-            "duration": 660,
-            "endTime": 1651698360000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 1181.7957543835096,
+            "duration": 275,
+            "endTime": 1573689120000,
             "from": Object {
-              "arrival": 1651697462000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651697700000,
-              "lat": 47.703022,
-              "lon": -122.328041,
-              "name": "Northgate Station - Bay 4",
-              "stopCode": "35318",
-              "stopId": "kcm:35318",
-              "stopIndex": 0,
-              "stopSequence": 1,
+              "arrival": 1573688844000,
+              "departure": 1573688845000,
+              "lat": 45.501132,
+              "lon": -122.622543,
+              "name": "SE Cesar Chavez Blvd & Brooklyn",
+              "stopCode": "7439",
+              "stopId": "TriMet:7439",
+              "stopIndex": 37,
+              "stopSequence": 38,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "hailedCar": false,
-            "headsign": "Downtown Seattle Ballard",
+            "headsign": "St. Johns via NAYA",
             "interStopGeometry": Array [
-              Object {
-                "length": 11,
-                "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?",
-              },
               Object {
                 "length": 6,
-                "points": "y}bbH|gsiV@?jDC~DACxDAdF",
-              },
-              Object {
-                "length": 7,
-                "points": "qrbbHvtsiV?xBAtG?\`GAhFiJ?kHH",
+                "points": "a}utGnvlkVQ?mCAmC@aAAu@?",
               },
               Object {
-                "length": 17,
-                "points": "kgcbH|ptiV_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMB",
+                "length": 12,
+                "points": "gjvtGlvlkVW?O?{@?q@?O@aA?E?y@?K@M?Y?",
               },
               Object {
-                "length": 4,
-                "points": "y_dbHxitiVI@_DBsC@",
+                "length": 13,
+                "points": "cuvtGpvlkVU?]@U?I?O?O?w@?aA@iCBgCBM?_A@",
               },
               Object {
                 "length": 7,
-                "points": "widbH\`jtiVu@?{DDoD@{IDI?b@rB",
-              },
-              Object {
-                "length": 22,
-                "points": "{\`ebHbntiV@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF",
+                "points": "qgwtG~vlkVK?M@s@@{A@qB@Y@",
               },
               Object {
                 "length": 7,
-                "points": "okdbHt{uiV?ZAfG?dG?V?H?|C",
+                "points": "gqwtGhwlkV??gFFg@?cC@k@?G?",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1651697809000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697809000,
-                "lat": 47.6977348,
-                "lon": -122.32856,
-                "name": "1st Ave NE & NE 95th St",
-                "stopCode": "17697",
-                "stopId": "kcm:17697",
-                "stopIndex": 1,
-                "stopSequence": 11,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651697871000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697871000,
-                "lat": 47.6959953,
-                "lon": -122.330513,
-                "name": "N 92nd St & Corliss Ave N",
-                "stopCode": "17698",
-                "stopId": "kcm:17698",
-                "stopIndex": 2,
-                "stopSequence": 16,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651697993000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651697993000,
-                "lat": 47.6992683,
-                "lon": -122.334908,
-                "name": "College Way N & N 97th St",
-                "stopCode": "17710",
-                "stopId": "kcm:17710",
-                "stopIndex": 3,
-                "stopSequence": 22,
+                "arrival": 1573688899000,
+                "departure": 1573688899000,
+                "lat": 45.503239,
+                "lon": -122.622527,
+                "name": "SE Cesar Chavez Blvd & Clinton",
+                "stopCode": "7442",
+                "stopId": "TriMet:7442",
+                "stopIndex": 38,
+                "stopSequence": 39,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698072000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698072000,
-                "lat": 47.7032013,
-                "lon": -122.333794,
-                "name": "College Way N & N 103rd St",
-                "stopCode": "17730",
-                "stopId": "kcm:17730",
-                "stopIndex": 4,
-                "stopSequence": 38,
+                "arrival": 1573688944000,
+                "departure": 1573688944000,
+                "lat": 45.504987,
+                "lon": -122.622518,
+                "name": "SE Cesar Chavez Blvd & Division",
+                "stopCode": "7445",
+                "stopId": "TriMet:7445",
+                "stopIndex": 39,
+                "stopSequence": 40,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698103000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698103000,
-                "lat": 47.7047577,
-                "lon": -122.333832,
-                "name": "Meridian Ave N & N 105th St",
-                "stopCode": "17740",
-                "stopId": "kcm:17740",
-                "stopIndex": 5,
+                "arrival": 1573689021000,
+                "departure": 1573689021000,
+                "lat": 45.507935,
+                "lon": -122.622619,
+                "name": "SE Cesar Chavez Blvd & Lincoln",
+                "stopCode": "7468",
+                "stopId": "TriMet:7468",
+                "stopIndex": 40,
                 "stopSequence": 41,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698185000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698185000,
-                "lat": 47.7085342,
-                "lon": -122.33461,
-                "name": "N Northgate Way & Meridian Ave N",
-                "stopCode": "17755",
-                "stopId": "kcm:17755",
-                "stopIndex": 6,
-                "stopSequence": 47,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698312000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698312000,
-                "lat": 47.7051163,
-                "lon": -122.341866,
-                "name": "N Northgate Way & Stone Ave N",
-                "stopCode": "40030",
-                "stopId": "kcm:40030",
-                "stopIndex": 7,
-                "stopSequence": 68,
+                "arrival": 1573689061000,
+                "departure": 1573689061000,
+                "lat": 45.509481,
+                "lon": -122.622655,
+                "name": "SE Cesar Chavez Blvd & Stephens",
+                "stopCode": "7489",
+                "stopId": "TriMet:7489",
+                "stopIndex": 41,
+                "stopSequence": 42,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
             ],
             "legGeometry": Object {
-              "length": 74,
-              "points": "{~cbHpdsiV~@?hBAtA?lAAApBxB?jB?x@AjE?hF?@?jDC~DACxDAdF?xBAtG?\`GAhFiJ?kHH_A?gIDa@AY?WCYKWOYWWWq@eASUWU_@Q_@Qa@EMBI@_DBsC@u@?{DDoD@{IDI?b@rB@DTp@V\`@n@r@xBxAdB|AnEhF\`@h@h@r@LVNZLb@J\\\\F^DX@RBZ@\`@@\`@?jG?rF?ZAfG?dG?V?H?|C",
+              "length": 41,
+              "points": "a}utGnvlkVQ?mCAmC@aAAu@?W?O?{@?q@?O@aA?E?y@?K@M?Y?U?]@U?I?O?O?w@?aA@iCBgCBM?_A@K?M@s@@{A@qB@Y@??gFFg@?cC@k@?G?",
             },
             "mode": "BUS",
             "pathway": false,
@@ -61484,62 +70450,57 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "40",
-            "routeId": "kcm:102574",
-            "routeShortName": "40",
+            "route": "755X",
+            "routeId": "TriMet:75",
+            "routeLongName": "Cesar Chavez/Lombard (very long route name)",
+            "routeShortName": "755X",
             "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651697700000,
+            "serviceDate": "20191113",
+            "startTime": 1573688845000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1651698360000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698360000,
-              "lat": 47.7051239,
-              "lon": -122.345596,
-              "name": "N 105th St & Aurora Ave N",
-              "stopCode": "40032",
-              "stopId": "kcm:40032",
-              "stopIndex": 8,
-              "stopSequence": 74,
+              "arrival": 1573689120000,
+              "departure": 1573689120000,
+              "lat": 45.511759,
+              "lon": -122.622672,
+              "name": "SE Cesar Chavez Blvd & Hawthorne",
+              "stopCode": "7459",
+              "stopId": "TriMet:7459",
+              "stopIndex": 42,
+              "stopSequence": 43,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "transitLeg": true,
-            "tripBlockId": "6367535",
-            "tripId": "kcm:546784580",
-            "tripShortName": "LOCAL",
+            "tripBlockId": "7508",
+            "tripId": "TriMet:9262578",
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 78.93199999999999,
-            "duration": 61,
-            "endTime": 1651698421000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 134.154,
+            "duration": 103,
+            "endTime": 1573689223000,
             "from": Object {
-              "arrival": 1651698360000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698360000,
-              "lat": 47.7051239,
-              "lon": -122.345596,
-              "name": "N 105th St & Aurora Ave N",
-              "stopCode": "40032",
-              "stopId": "kcm:40032",
-              "stopIndex": 8,
-              "stopSequence": 74,
+              "arrival": 1573689120000,
+              "departure": 1573689120000,
+              "lat": 45.511759,
+              "lon": -122.622672,
+              "name": "SE Cesar Chavez Blvd & Hawthorne",
+              "stopCode": "7459",
+              "stopId": "TriMet:7459",
+              "stopIndex": 42,
+              "stopSequence": 43,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 13,
-              "points": "skdbH~rviV?[FSF??K?cABGDGB?B?L?D?@?",
+              "length": 9,
+              "points": "e_xtG|ulkVh@??t@i@?o@?QB?\\\\?R?X",
             },
             "mode": "WALK",
             "pathway": false,
@@ -61548,489 +70509,223 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651698360000,
+            "startTime": 1573689120000,
             "steps": Array [
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 19.622999999999998,
+                "bogusName": true,
+                "distance": 44.486999999999995,
                 "elevation": Array [
                   Object {
-                    "first": 10.365,
-                    "second": 98.12,
+                    "first": 0,
+                    "second": 47.12284254544678,
                   },
                   Object {
-                    "first": 19.625,
-                    "second": 97.7,
+                    "first": 10,
+                    "second": 47.06284254544678,
                   },
-                ],
-                "lat": 47.705065371872415,
-                "lon": -122.34559550720056,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "North 105th Street",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 4.369,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 97.7,
+                    "first": 23.28,
+                    "second": 46.72284254544678,
                   },
                   Object {
-                    "first": 4.37,
-                    "second": 97.64,
+                    "first": 23.284,
+                    "second": 46.72284254544678,
+                  },
+                  Object {
+                    "first": 33.284,
+                    "second": 46.62284254544678,
+                  },
+                  Object {
+                    "first": 44.483999999999995,
+                    "second": 46.60284254544678,
                   },
                 ],
-                "lat": 47.705022400000004,
-                "lon": -122.3453515,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5117133,
+                "lon": -122.6225416,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
                 "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 54.94,
+                "bogusName": false,
+                "distance": 60.363,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 97.64,
-                  },
-                  Object {
-                    "first": 4.26,
-                    "second": 97.45,
-                  },
-                  Object {
-                    "first": 4.265,
-                    "second": 97.45,
-                  },
-                  Object {
-                    "first": 14.265,
-                    "second": 96.91,
-                  },
-                  Object {
-                    "first": 24.265,
-                    "second": 96.65,
-                  },
-                  Object {
-                    "first": 33.175,
-                    "second": 96.62,
-                  },
-                  Object {
-                    "first": 33.174,
-                    "second": 96.62,
-                  },
-                  Object {
-                    "first": 37.164,
-                    "second": 96.62,
-                  },
-                  Object {
-                    "first": 37.16,
-                    "second": 96.62,
+                    "second": 46.60284254544678,
                   },
                   Object {
-                    "first": 39.589999999999996,
-                    "second": 96.62,
+                    "first": 10,
+                    "second": 46.682842545446775,
                   },
                   Object {
-                    "first": 39.586,
-                    "second": 96.62,
+                    "first": 24.14,
+                    "second": 46.822842545446775,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 24.141,
+                    "second": 46.822842545446775,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 34.141,
+                    "second": 46.932842545446775,
                   },
                   Object {
-                    "first": 50.196,
-                    "second": 96.62,
+                    "first": 44.141,
+                    "second": 47.042842545446774,
                   },
                   Object {
-                    "first": 50.193,
-                    "second": 96.62,
+                    "first": 54.141,
+                    "second": 47.16284254544678,
                   },
                   Object {
-                    "first": 53.443,
-                    "second": 96.62,
+                    "first": 60.370999999999995,
+                    "second": 47.212842545446776,
                   },
                 ],
-                "lat": 47.7049831,
-                "lon": -122.3453516,
+                "lat": 45.5115025,
+                "lon": -122.6228156,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Cesar E. Chavez Blvd",
+              },
+              Object {
+                "absoluteDirection": "WEST",
+                "area": false,
+                "bogusName": false,
+                "distance": 29.304,
+                "elevation": Array [],
+                "lat": 45.5120447,
+                "lon": -122.6228358,
                 "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
+                "stayOn": false,
+                "streetName": "SE Hawthorne Blvd",
               },
             ],
             "to": Object {
-              "arrival": 1651698421000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698454000,
-              "lat": 47.7047806,
-              "lon": -122.344856,
-              "name": "Aurora Ave N & N 105th St",
-              "stopCode": "7080",
-              "stopId": "kcm:7080",
-              "stopIndex": 16,
-              "stopSequence": 117,
+              "arrival": 1573689223000,
+              "departure": 1573689600000,
+              "lat": 45.51213,
+              "lon": -122.623212,
+              "name": "SE Hawthorne & Cesar Chavez Blvd",
+              "stopCode": "2626",
+              "stopId": "TriMet:2626",
+              "stopIndex": 21,
+              "stopSequence": 22,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "1",
-            "agencyName": "Metro Transit",
-            "agencyTimeZoneOffset": -25200000,
-            "agencyUrl": "http://metro.kingcounty.gov",
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
+            "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 11857.370334253566,
-            "duration": 1910,
-            "endTime": 1651700364000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 1152.1496223157228,
+            "duration": 275,
+            "endTime": 1573689875000,
             "from": Object {
-              "arrival": 1651698421000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651698454000,
-              "lat": 47.7047806,
-              "lon": -122.344856,
-              "name": "Aurora Ave N & N 105th St",
-              "stopCode": "7080",
-              "stopId": "kcm:7080",
-              "stopIndex": 16,
-              "stopSequence": 117,
+              "arrival": 1573689223000,
+              "departure": 1573689600000,
+              "lat": 45.51213,
+              "lon": -122.623212,
+              "name": "SE Hawthorne & Cesar Chavez Blvd",
+              "stopCode": "2626",
+              "stopId": "TriMet:2626",
+              "stopIndex": 21,
+              "stopSequence": 22,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "1",
+              "zoneId": "B",
             },
             "hailedCar": false,
-            "headsign": "Downtown Seattle",
+            "headsign": "Portland",
             "interStopGeometry": Array [
               Object {
                 "length": 7,
-                "points": "widbHvmviVvAAnCAnC?pCCnC?dAA",
-              },
-              Object {
-                "length": 8,
-                "points": "wrcbHlmviVnB?\`DCRItDC\\\\?rC?~@?",
-              },
-              Object {
-                "length": 9,
-                "points": "i|bbHzlviVpACpC?pCArA?NHh@?pCCj@?",
-              },
-              Object {
-                "length": 12,
-                "points": "gfbbHzlviVbB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?",
-              },
-              Object {
-                "length": 7,
-                "points": "ulabHtlviVL?hC?nCCpC?nC?t@?",
-              },
-              Object {
-                "length": 5,
-                "points": "ux\`bHplviVxA?pCApC?xB?",
-              },
-              Object {
-                "length": 59,
-                "points": "}h\`bHnlviVV?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJB",
-              },
-              Object {
-                "length": 23,
-                "points": "kv~aHxzviVLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?",
-              },
-              Object {
-                "length": 37,
-                "points": "m|{aHf~viVl@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DA",
-              },
-              Object {
-                "length": 21,
-                "points": "inwaHnrviVbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?",
-              },
-              Object {
-                "length": 35,
-                "points": "qdvaHjfviVlI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?",
-              },
-              Object {
-                "length": 9,
-                "points": "q~saHjgviV^@fABbCC\\\\IhFGj@hA~@tA|BbD",
-              },
-              Object {
-                "length": 9,
-                "points": "sgsaH~pviVDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gA",
+                "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF",
               },
               Object {
-                "length": 4,
-                "points": "quraHxkviVnB{DxCeGfCeF",
+                "length": 11,
+                "points": "iaxtGfimkV?V?X?zC?b@?hA?rA?tB?tA?P?fC",
               },
               Object {
-                "length": 14,
-                "points": "_iraHpvuiVN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}B",
+                "length": 11,
+                "points": "iaxtG|\`nkV?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC",
               },
               Object {
                 "length": 6,
-                "points": "kxqaHrbuiVLKfEsDdEwDlCcCdB{A",
+                "points": "kaxtGrsnkV?x@?bC?lA?zB?n@",
               },
               Object {
-                "length": 7,
-                "points": "{cqaHzotiVh@c@lCaClCcCnCcCnBcBBA",
+                "length": 9,
+                "points": "kaxtGjaokV?J?R?T?fAAlD?\`C?hA?jD",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1651698520000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698520000,
-                "lat": 47.701088,
-                "lon": -122.34481,
-                "name": "Aurora Ave N & N 100th St",
-                "stopCode": "7100",
-                "stopId": "kcm:7100",
-                "stopIndex": 17,
-                "stopSequence": 123,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698584000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698584000,
-                "lat": 47.6974945,
-                "lon": -122.344704,
-                "name": "Aurora Ave N & N 95th St",
-                "stopCode": "7120",
-                "stopId": "kcm:7120",
-                "stopIndex": 18,
-                "stopSequence": 130,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698647000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698647000,
-                "lat": 47.6939621,
-                "lon": -122.344734,
-                "name": "Aurora Ave N & N 90th St",
-                "stopCode": "7140",
-                "stopId": "kcm:7140",
-                "stopIndex": 19,
-                "stopSequence": 138,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698720000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698720000,
-                "lat": 47.6898766,
-                "lon": -122.344681,
-                "name": "Aurora Ave N & N 85th St",
-                "stopCode": "7160",
-                "stopId": "kcm:7160",
-                "stopIndex": 20,
-                "stopSequence": 149,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698775000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698775000,
-                "lat": 47.6866722,
-                "lon": -122.344666,
-                "name": "Aurora Ave N & N 80th St",
-                "stopCode": "7180",
-                "stopId": "kcm:7180",
-                "stopIndex": 21,
-                "stopSequence": 155,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651698817000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698817000,
-                "lat": 47.6841507,
-                "lon": -122.34465,
-                "name": "Aurora Ave N & N 76th St",
-                "stopCode": "7200",
-                "stopId": "kcm:7200",
+                "arrival": 1573689645000,
+                "departure": 1573689645000,
+                "lat": 45.512123,
+                "lon": -122.625631,
+                "name": "SE Hawthorne & 37th",
+                "stopCode": "2624",
+                "stopId": "TriMet:2624",
                 "stopIndex": 22,
-                "stopSequence": 159,
+                "stopSequence": 23,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651698960000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651698960000,
-                "lat": 47.6760826,
-                "lon": -122.346947,
-                "name": "Aurora Ave N & N 65th St",
-                "stopCode": "7210",
-                "stopId": "kcm:7210",
+                "arrival": 1573689716000,
+                "departure": 1573689716000,
+                "lat": 45.51212,
+                "lon": -122.62943,
+                "name": "SE Hawthorne & 34th",
+                "stopCode": "12892",
+                "stopId": "TriMet:12892",
                 "stopIndex": 23,
-                "stopSequence": 217,
+                "stopSequence": 24,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651699080000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699080000,
-                "lat": 47.6616707,
-                "lon": -122.347488,
-                "name": "Aurora Ave N & N 46th St",
-                "stopCode": "75408",
-                "stopId": "kcm:75408",
+                "arrival": 1573689772000,
+                "departure": 1573689772000,
+                "lat": 45.512139,
+                "lon": -122.632417,
+                "name": "SE Hawthorne & 32nd",
+                "stopCode": "2619",
+                "stopId": "TriMet:2619",
                 "stopIndex": 24,
-                "stopSequence": 239,
+                "stopSequence": 25,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
+                "zoneId": "B",
               },
               Object {
-                "arrival": 1651699474000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699474000,
-                "lat": 47.6389084,
-                "lon": -122.345596,
-                "name": "Aurora Ave N & Lynn St",
-                "stopCode": "6070",
-                "stopId": "kcm:6070",
+                "arrival": 1573689812000,
+                "departure": 1573689812000,
+                "lat": 45.51214,
+                "lon": -122.634614,
+                "name": "SE Hawthorne & 30th",
+                "stopCode": "2616",
+                "stopId": "TriMet:2616",
                 "stopIndex": 25,
-                "stopSequence": 275,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699593000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699593000,
-                "lat": 47.6322517,
-                "lon": -122.343666,
-                "name": "Aurora Ave N & Galer St",
-                "stopCode": "6100",
-                "stopId": "kcm:6100",
-                "stopIndex": 26,
-                "stopSequence": 295,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699787000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699787000,
-                "lat": 47.6210556,
-                "lon": -122.343842,
-                "name": "7th Ave N & Thomas St",
-                "stopCode": "6176",
-                "stopId": "kcm:6176",
-                "stopIndex": 27,
-                "stopSequence": 329,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699857000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699857000,
-                "lat": 47.6174316,
-                "lon": -122.345345,
-                "name": "Wall St & 5th Ave",
-                "stopCode": "7430",
-                "stopId": "kcm:7430",
-                "stopIndex": 28,
-                "stopSequence": 337,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "1",
-              },
-              Object {
-                "arrival": 1651699928000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699928000,
-                "lat": 47.6144447,
-                "lon": -122.344513,
-                "name": "3rd Ave & Bell St",
-                "stopCode": "400",
-                "stopId": "kcm:400",
-                "stopIndex": 29,
-                "stopSequence": 345,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651699981000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651699981000,
-                "lat": 47.6124382,
-                "lon": -122.34111,
-                "name": "3rd Ave & Virginia St",
-                "stopCode": "420",
-                "stopId": "kcm:420",
-                "stopIndex": 30,
-                "stopSequence": 348,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651700040000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651700040000,
-                "lat": 47.6097908,
-                "lon": -122.337959,
-                "name": "3rd Ave & Pike St",
-                "stopCode": "431",
-                "stopId": "kcm:431",
-                "stopIndex": 31,
-                "stopSequence": 361,
-                "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
-              },
-              Object {
-                "arrival": 1651700212000,
-                "boardAlightType": "DEFAULT",
-                "departure": 1651700212000,
-                "lat": 47.6065025,
-                "lon": -122.334938,
-                "name": "3rd Ave & Seneca St",
-                "stopCode": "468",
-                "stopId": "kcm:468",
-                "stopIndex": 32,
-                "stopSequence": 366,
+                "stopSequence": 26,
                 "vertexType": "TRANSIT",
-                "wheelchairBoarding": "UNKNOWN",
-                "zoneId": "21",
+                "zoneId": "B",
               },
             ],
             "legGeometry": Object {
-              "length": 256,
-              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
+              "length": 40,
+              "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF?V?X?zC?b@?hA?rA?tB?tA?P?fC?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC?x@?bC?lA?zB?n@?J?R?T?fAAlD?\`C?hA?jD",
             },
             "mode": "BUS",
             "pathway": false,
@@ -62038,62 +70733,57 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "E Line",
-            "routeId": "kcm:102615",
-            "routeShortName": "E Line",
+            "route": "1",
+            "routeId": "TriMet:14",
+            "routeLongName": "Hawthorne",
+            "routeShortName": "1",
             "routeType": 3,
-            "serviceDate": "20220504",
-            "startTime": 1651698454000,
+            "serviceDate": "20191113",
+            "startTime": 1573689600000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1651700364000,
-              "boardAlightType": "DEFAULT",
-              "departure": 1651700365000,
-              "lat": 47.6035805,
-              "lon": -122.332275,
-              "name": "3rd Ave & Cherry St",
-              "stopCode": "490",
-              "stopId": "kcm:490",
-              "stopIndex": 33,
-              "stopSequence": 372,
+              "arrival": 1573689875000,
+              "departure": 1573689876000,
+              "lat": 45.512139,
+              "lon": -122.637998,
+              "name": "SE Hawthorne & 27th",
+              "stopCode": "2613",
+              "stopId": "TriMet:2613",
+              "stopIndex": 26,
+              "stopSequence": 27,
               "vertexType": "TRANSIT",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
+              "zoneId": "B",
             },
             "transitLeg": true,
-            "tripBlockId": "6367577",
-            "tripId": "kcm:491944150",
-            "tripShortName": "LOCAL",
+            "tripBlockId": "1402",
+            "tripId": "TriMet:9254091",
           },
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 135.17100000000002,
-            "duration": 108,
-            "endTime": 1651700473000,
-            "flexDrtAdvanceBookMin": 0,
-            "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,
+            "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",
-              "wheelchairBoarding": "UNKNOWN",
-              "zoneId": "21",
+              "zoneId": "B",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 13,
-              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
+              "length": 7,
+              "points": "maxtGnvokV?J?RQ?oCA?iB?G",
             },
             "mode": "WALK",
             "pathway": false,
@@ -62102,146 +70792,141 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651700365000,
+            "startTime": 1573689876000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "WEST",
                 "area": false,
-                "bogusName": true,
-                "distance": 99.492,
+                "bogusName": false,
+                "distance": 12.072,
+                "elevation": Array [],
+                "lat": 45.51207482860264,
+                "lon": -122.6379983821018,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "SE Hawthorne Blvd",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 89.603,
                 "elevation": Array [
                   Object {
-                    "first": 8.543,
-                    "second": 20.99,
-                  },
-                  Object {
-                    "first": 11.142999999999999,
-                    "second": 20.74,
-                  },
-                  Object {
-                    "first": 11.140999999999998,
-                    "second": 20.74,
-                  },
-                  Object {
-                    "first": 11.450999999999999,
-                    "second": 20.71,
-                  },
-                  Object {
-                    "first": 11.446999999999997,
-                    "second": 20.71,
-                  },
-                  Object {
-                    "first": 17.386999999999997,
-                    "second": 20.23,
-                  },
-                  Object {
-                    "first": 17.381999999999998,
-                    "second": 20.23,
+                    "first": 0,
+                    "second": 49.22284254544678,
                   },
                   Object {
-                    "first": 21.191999999999997,
-                    "second": 19.99,
+                    "first": 10,
+                    "second": 49.292842545446774,
                   },
                   Object {
-                    "first": 25.188,
-                    "second": 19.7,
+                    "first": 20,
+                    "second": 48.932842545446775,
                   },
                   Object {
-                    "first": 35.188,
-                    "second": 19.35,
+                    "first": 30,
+                    "second": 48.38284254544678,
                   },
                   Object {
-                    "first": 45.188,
-                    "second": 19.17,
+                    "first": 40,
+                    "second": 47.81284254544678,
                   },
                   Object {
-                    "first": 55.188,
-                    "second": 18.99,
+                    "first": 50,
+                    "second": 47.22284254544678,
                   },
                   Object {
-                    "first": 65.188,
-                    "second": 18.75,
+                    "first": 60,
+                    "second": 46.62284254544678,
                   },
                   Object {
-                    "first": 75.188,
-                    "second": 18.52,
+                    "first": 70,
+                    "second": 46.042842545446774,
                   },
                   Object {
-                    "first": 85.188,
-                    "second": 18.27,
+                    "first": 80,
+                    "second": 45.47284254544678,
                   },
                   Object {
-                    "first": 99.488,
-                    "second": 17.93,
+                    "first": 89.6,
+                    "second": 45.00284254544678,
                   },
                 ],
-                "lat": 47.603566786898504,
-                "lon": -122.33230777867696,
-                "relativeDirection": "DEPART",
+                "lat": 45.5120757,
+                "lon": -122.6381533,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "sidewalk",
+                "streetName": "SE 27th Ave",
               },
               Object {
-                "absoluteDirection": "SOUTHWEST",
+                "absoluteDirection": "EAST",
                 "area": false,
-                "bogusName": true,
-                "distance": 35.679,
+                "bogusName": false,
+                "distance": 44.39,
                 "elevation": Array [
                   Object {
-                    "first": 0.416,
-                    "second": 17.66,
+                    "first": 0,
+                    "second": 45.00284254544678,
                   },
                   Object {
-                    "first": 10.416,
-                    "second": 16.75,
+                    "first": 10,
+                    "second": 45.25284254544678,
                   },
                   Object {
-                    "first": 20.416,
-                    "second": 15.91,
+                    "first": 20,
+                    "second": 45.402842545446774,
                   },
                   Object {
-                    "first": 30.416,
-                    "second": 15.12,
+                    "first": 30,
+                    "second": 45.63284254544678,
                   },
                   Object {
-                    "first": 32.906,
-                    "second": 14.9,
+                    "first": 41.55,
+                    "second": 46.06284254544678,
+                  },
+                  Object {
+                    "first": 41.547,
+                    "second": 46.06284254544678,
+                  },
+                  Object {
+                    "first": 44.387,
+                    "second": 46.24284254544678,
                   },
                 ],
-                "lat": 47.602787500000005,
-                "lon": -122.3316056,
-                "relativeDirection": "UTURN_RIGHT",
-                "stayOn": true,
-                "streetName": "sidewalk",
+                "lat": 45.5128815,
+                "lon": -122.6381445,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SE Madison St",
               },
             ],
             "to": Object {
-              "arrival": 1651700473000,
-              "lat": 47.602632914527724,
-              "lon": -122.33197990547832,
-              "name": "208 James St, Seattle, WA 98104-2212, United States",
-              "orig": "208 James St, Seattle, WA 98104-2212, United States",
+              "arrival": 1573690001000,
+              "lat": 45.51258575759002,
+              "lon": -122.63757592401461,
+              "name": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "orig": "1415 SE 28th Ave, Portland, OR, USA 97214",
               "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1651694250000,
+        "startTime": 1573688769000,
         "tooSloped": false,
-        "transfers": 2,
-        "transitTime": 5390,
-        "waitingTime": 273,
-        "walkDistance": 677.2714626770405,
+        "transfers": 1,
+        "transitTime": 550,
+        "waitingTime": 379,
+        "walkDistance": 352.75874626614717,
         "walkLimitExceeded": false,
-        "walkTime": 560,
+        "walkTime": 303,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -62292,7 +70977,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   margin: 0 0.125em;
 }
 
-.c51 {
+.c52 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -62344,6 +71029,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   width: 0;
 }
 
+.c46 {
+  font-weight: 200;
+}
+
 .c25 {
   font-weight: inherit;
 }
@@ -62512,27 +71201,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   padding-left: 1ch;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c52 {
+.c53 {
   z-index: 30;
   position: relative;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
 }
 
-.c48 {
+.c49 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -62540,30 +71229,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   display: flex;
 }
 
-.c50 {
+.c51 {
   font-size: 14px;
 }
 
-.c49 {
+.c50 {
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c46 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -62621,7 +71310,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
   width: 100%;
 }
 
-.c1 .c53 {
+.c1 .c54 {
   margin-left: -23px;
 }
 
@@ -62657,17 +71346,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
 }
 
 .c38 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #0070c0;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c56 {
   background-color: gray;
   left: 5px;
   right: 5px;
@@ -62752,13 +71430,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        47.97767, -122.20034
+        3940 SE Brooklyn St, Portland, OR, USA 97202
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      12:57 PM
+      3:46 PM
     </div>
     <span
       className="c19"
@@ -62807,11 +71485,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                - 
             </span>
             <span>
-              Walk 0.3 miles to 
+              Walk 238 feet to 
               <span
                 className="c25"
               >
-                Everett Station Bay C1
+                SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)
               </span>
             </span>
             <button
@@ -62837,7 +71515,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
               className="c26 c30"
               onClick={[Function]}
             >
-              6 min
+              1 min
               <span
                 className="c31"
               >
@@ -62900,116 +71578,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   >
                     <span>
                       Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.1 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Smith Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        129 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Paine Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        61 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        32nd Street
+                        SE Brooklyn St
                       </span>
                       <span
                         className="c37"
                       >
-                        67 feet
+                        205 feet
                       </span>
                     </span>
                   </div>
@@ -63037,45 +71616,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       <span
                         className="c36"
                       >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        313 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
+                        SE Cesar E. Chavez Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        380 feet
+                        33 feet
                       </span>
                     </span>
                   </div>
@@ -63140,13 +71686,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        Everett Station Bay C1
+        SE Cesar Chavez Blvd & Brooklyn
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      1:04 PM
+      3:47 PM
     </div>
     <span
       className="c19"
@@ -63159,7 +71705,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <div
         className="c39"
       >
-        Stop ID 2345
+        Stop ID 7439
         <a
           className="c40 c41"
           onClick={[Function]}
@@ -63219,551 +71765,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   <span
                     className="c43 c44"
                   >
-                    512
+                    755X
                   </span>
                 </span>
                 <span
                   className="c45"
                 >
                   <span>
-                    Northgate Station
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                Northgate Station
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c46"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://www.communitytransit.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Community Transit
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                47 min
-                 / 6 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c40 c41"
-                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="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Broadway & 34th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        South Everett Fwy Station Bay 3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Ash Way Park & Ride Bay 1
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Lynnwood Transit Center Bay D3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Mountlake Terrace Fwy Station Bay 6
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <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"
-      >
-        Northgate Station
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:51 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c39"
-      >
-        Stop ID 2191
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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 to 
-              <span
-                className="c25"
-              >
-                Northgate Station - Bay 4
-              </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]}
-            >
-              0 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              />
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c56"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Northgate Station - Bay 4
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:55 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c39"
-      >
-        Stop ID 35318
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      aria-label="BUS"
-                      height="100%"
-                      version="1.0"
-                      viewBox="0 0 81.59 99.992"
-                      width="100%"
-                      xmlns="http://www.w3.org/2000/svg"
+                    Cesar Chavez/Lombard (very long route name) 
+                    <span
+                      className="c46"
                     >
-                      <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
-                      />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                  <span
-                    className="c43 c44"
-                  >
-                    40
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Downtown Seattle Ballard
+                      to
+                    </span>
+                     St. Johns via NAYA
                   </span>
                 </span>
               </span>
@@ -63772,7 +71787,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
               >
                  - 
                 Disembark at 
-                N 105th St & Aurora Ave N
+                SE Cesar Chavez Blvd & Hawthorne
               </span>
             </span>
             <button
@@ -63792,16 +71807,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
           role="group"
         >
           <div
-            className="c46"
+            className="c47"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
+              href="http://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Metro Transit
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
             </a>
           </div>
           <div
@@ -63819,18 +71839,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             />
           </div>
           <div
-            className="c47"
+            className="c48"
           >
             <div
-              className="c48"
+              className="c49"
             >
               <button
-                className="c26 c49"
+                className="c26 c50"
                 onClick={[Function]}
               >
                 Ride 
-                11 min
-                 / 8 stops
+                4 min
+                 / 5 stops
                 <span
                   className="c31"
                 >
@@ -63878,107 +71898,65 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                 style={Object {}}
               >
                 <div
-                  className="c50"
+                  className="c51"
                 >
                   <ol
-                    className="c51"
+                    className="c52"
                   >
                     <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        1st Ave NE & NE 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N 92nd St & Corliss Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        College Way N & N 97th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        College Way N & N 103rd St
+                        SE Cesar Chavez Blvd & Clinton
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        Meridian Ave N & N 105th St
+                        SE Cesar Chavez Blvd & Division
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        N Northgate Way & Meridian Ave N
+                        SE Cesar Chavez Blvd & Lincoln
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        N Northgate Way & Stone Ave N
+                        SE Cesar Chavez Blvd & Stephens
                       </div>
                     </li>
                   </ol>
@@ -64043,13 +72021,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        N 105th St & Aurora Ave N
+        SE Cesar Chavez Blvd & Hawthorne
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:06 PM
+      3:52 PM
     </div>
     <span
       className="c19"
@@ -64062,7 +72040,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <div
         className="c39"
       >
-        Stop ID 40032
+        Stop ID 7459
         <a
           className="c40 c41"
           onClick={[Function]}
@@ -64109,11 +72087,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                - 
             </span>
             <span>
-              Walk 259 feet to 
+              Walk 440 feet to 
               <span
                 className="c25"
               >
-                Aurora Ave N & N 105th St
+                SE Hawthorne & Cesar Chavez Blvd
               </span>
             </span>
             <button
@@ -64202,17 +72180,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   >
                     <span>
                       Head 
-                      EAST
+                      SOUTH
                        on 
                       <span
                         className="c36"
                       >
-                        North 105th Street
+                        service road
                       </span>
                       <span
                         className="c37"
                       >
-                        64 feet
+                        146 feet
                       </span>
                     </span>
                   </div>
@@ -64240,12 +72218,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       <span
                         className="c36"
                       >
-                        service road
+                        SE Cesar E. Chavez Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        14 feet
+                        198 feet
                       </span>
                     </span>
                   </div>
@@ -64273,12 +72251,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE Hawthorne Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        180 feet
+                        96 feet
                       </span>
                     </span>
                   </div>
@@ -64297,7 +72275,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       className="c4 c5"
     >
       <div
-        className="c56"
+        className="c38"
       />
       <span
         className="c7"
@@ -64343,13 +72321,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        Aurora Ave N & N 105th St
+        SE Hawthorne & Cesar Chavez Blvd
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:07 PM
+      4:00 PM
     </div>
     <span
       className="c19"
@@ -64362,7 +72340,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <div
         className="c39"
       >
-        Stop ID 7080
+        Stop ID 2626
         <a
           className="c40 c41"
           onClick={[Function]}
@@ -64422,14 +72400,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   <span
                     className="c43 c44"
                   >
-                    E Line
+                    1
                   </span>
                 </span>
                 <span
                   className="c45"
                 >
                   <span>
-                    Downtown Seattle
+                    Hawthorne 
+                    <span
+                      className="c46"
+                    >
+                      to
+                    </span>
+                     Portland
                   </span>
                 </span>
               </span>
@@ -64438,7 +72422,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
               >
                  - 
                 Disembark at 
-                3rd Ave & Cherry St
+                SE Hawthorne & 27th
               </span>
             </span>
             <button
@@ -64458,16 +72442,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
           role="group"
         >
           <div
-            className="c46"
+            className="c47"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
+              href="http://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Metro Transit
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
+              />
             </a>
           </div>
           <div
@@ -64485,18 +72474,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
             />
           </div>
           <div
-            className="c47"
+            className="c48"
           >
             <div
-              className="c48"
+              className="c49"
             >
               <button
-                className="c26 c49"
+                className="c26 c50"
                 onClick={[Function]}
               >
                 Ride 
-                31 min
-                 / 17 stops
+                4 min
+                 / 5 stops
                 <span
                   className="c31"
                 >
@@ -64512,265 +72501,97 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   >
                     <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="c40 c41"
-                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="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 100th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 90th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 85th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 80th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 76th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 65th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 46th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & Lynn St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & Galer St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        7th Ave N & Thomas St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Wall St & 5th Ave
-                      </div>
-                    </li>
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c51"
+                >
+                  <ol
+                    className="c52"
+                  >
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Bell St
+                        SE Hawthorne & 37th
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Virginia St
+                        SE Hawthorne & 34th
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Pike St
+                        SE Hawthorne & 32nd
                       </div>
                     </li>
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53 c54"
+                        className="c54 c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
-                        3rd Ave & Seneca St
+                        SE Hawthorne & 30th
                       </div>
                     </li>
                   </ol>
@@ -64835,13 +72656,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         aria-hidden={true}
         className="c15 c16"
       >
-        3rd Ave & Cherry St
+        SE Hawthorne & 27th
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      2:39 PM
+      4:04 PM
     </div>
     <span
       className="c19"
@@ -64854,7 +72675,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
       <div
         className="c39"
       >
-        Stop ID 490
+        Stop ID 2613
         <a
           className="c40 c41"
           onClick={[Function]}
@@ -64901,11 +72722,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                - 
             </span>
             <span>
-              Walk 443 feet to 
+              Walk 479 feet to 
               <span
                 className="c25"
               >
-                208 James St, Seattle, WA 98104-2212, United States
+                1415 SE 28th Ave, Portland, OR, USA 97214
               </span>
             </span>
             <button
@@ -64931,7 +72752,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
               className="c26 c30"
               onClick={[Function]}
             >
-              1 min
+              2 min
               <span
                 className="c31"
               >
@@ -64994,17 +72815,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                   >
                     <span>
                       Head 
-                      SOUTHEAST
+                      WEST
                        on 
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        SE Hawthorne Blvd
                       </span>
                       <span
                         className="c37"
                       >
-                        326 feet
+                        40 feet
                       </span>
                     </span>
                   </div>
@@ -65019,7 +72840,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -65027,720 +72848,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
                     className="c35"
                   >
                     <span>
-                      UTURN_RIGHT
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        sidewalk
+                        SE 27th Ave
                       </span>
                       <span
                         className="c37"
                       >
-                        117 feet
+                        294 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 c57 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        208 James St, Seattle, WA 98104-2212, United States
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      2:41 PM
-    </div>
-    <span
-      className="c19"
-    >
-      Arrive at 
-      208 James St, Seattle, WA 98104-2212, United States
-    </span>
-    <div
-      className="c20"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 61,
-        "elevationGained": 2.9800000000000004,
-        "elevationLost": 0.6900000000000002,
-        "endTime": 1576265401000,
-        "legs": Array [
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 50.523999999999994,
-            "duration": 61,
-            "endTime": 1576265401000,
-            "from": Object {
-              "departure": 1576265340000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
-              "vertexType": "NORMAL",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 15,
-              "points": "_kytGvwwkVGBBJ@H@JAHAH??CFEDEDEBG@AD??",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1576265340000,
-            "steps": Array [
-              Object {
-                "absoluteDirection": "NORTHWEST",
-                "area": false,
-                "bogusName": true,
-                "distance": 0,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 15.172842545446779,
-                  },
-                  Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
-                  },
-                  Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
-                  },
-                  Object {
-                    "first": 14.825,
-                    "second": 16.282842545446776,
-                  },
-                  Object {
-                    "first": 26.285,
-                    "second": 16.832842545446777,
-                  },
-                  Object {
-                    "first": 26.308,
-                    "second": 16.832842545446777,
-                  },
-                  Object {
-                    "first": 36.308,
-                    "second": 17.55284254544678,
-                  },
-                  Object {
-                    "first": 47.248000000000005,
-                    "second": 16.862842545446778,
-                  },
-                ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": true,
-                "distance": null,
-                "elevation": Array [
-                  Object {
-                    "first": 0,
-                    "second": 16.862842545446778,
-                  },
-                  Object {
-                    "first": 2.43,
-                    "second": 17.26284254544678,
-                  },
-                ],
-                "lat": 45.5188999,
-                "lon": -122.6795756,
-                "relativeDirection": "LEFT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-            ],
-            "to": Object {
-              "arrival": 1576265401000,
-              "lat": 45.51890847886523,
-              "lon": -122.67962369485272,
-              "name": "701 SW 6th Ave, Portland, OR, USA 97204",
-              "orig": "701 SW 6th Ave, Portland, OR, USA 97204",
-              "vertexType": "NORMAL",
-            },
-            "transitLeg": false,
-          },
-        ],
-        "startTime": 1576265340000,
-        "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 50.6389253702716,
-        "walkLimitExceeded": false,
-        "walkTime": 61,
-      }
-    }
-  />
-</IntlProvider>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
-.c8 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c11 {
-  color: #333;
-}
-
-.c37 {
-  color: #f44256;
-}
-
-.c26 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c31::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c0 {
-  list-style: none;
-  padding: 0;
-}
-
-.c21 {
-  color: #676767;
-  font-size: 13px;
-  padding-bottom: 12px;
-}
-
-.c27 {
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.c22 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  line-height: 16px;
-  min-height: 31px;
-  position: relative;
-}
-
-.c19 {
-  display: inline-block;
-  grid-row-start: 2;
-  grid-column-start: 1;
-  height: 0;
-  overflow: hidden;
-  width: 0;
-}
-
-.c25 {
-  font-weight: inherit;
-}
-
-.c24 img,
-.c24 svg {
-  margin-right: 6px;
-  height: 24px;
-  width: 24px;
-  vertical-align: bottom;
-}
-
-.c23 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.c5 {
-  grid-column-start: 2;
-  grid-row: span 2;
-  padding-right: 5px;
-}
-
-.c28 {
-  display: grid;
-  grid-template-columns: 100px auto;
-}
-
-.c3 {
-  max-width: 500px;
-  display: grid;
-  grid-template-columns: 65px 30px auto;
-}
-
-.c18 {
-  grid-column-start: 1;
-  grid-row: 1 / span 2;
-  padding-right: 5px;
-  font-size: 0.9em;
-}
-
-.c20 {
-  grid-row-start: 2;
-  grid-column-start: 3;
-}
-
-.c14 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 1.2em;
-  grid-row-start: 1;
-  grid-column-start: 3;
-}
-
-.c16 {
-  font-size: inherit;
-  font-weight: bold;
-  height: 1.2em;
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 3px 0 10px 0;
-}
-
-.c32 {
-  display: block;
-  list-style: none;
-  padding: 0;
-}
-
-.c35 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c35 > span {
-  margin-right: 1ch;
-}
-
-.c29 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  margin-top: 10px;
-}
-
-.c29 a {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c30 {
-  color: #676767;
-  font-size: 13px;
-  font-style: normal;
-  padding: 0;
-}
-
-.c34 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c33 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c36 {
-  font-weight: 500;
-}
-
-.c1 {
-  font-size: 16px;
-}
-
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
-
-.c1 .c4 {
-  display: table-cell;
-  max-width: 20px;
-  width: 20px;
-  padding: 0;
-  position: relative;
-}
-
-.c1 .c13 {
-  color: #000;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.c1 .c15 {
-  height: inherit;
-  white-space: normal;
-}
-
-.c1 .c2 {
-  width: 100%;
-}
-
-.c1 .c17 {
-  color: #676767;
-  display: table-cell;
-  font-size: 14px;
-  padding-right: 4px;
-  padding-top: 2px;
-  text-align: right;
-  vertical-align: top;
-  width: 60px;
-}
-
-.c7 {
-  position: absolute;
-  width: 100%;
-  top: 3px;
-  z-index: 20;
-}
-
-.c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c9 {
-  left: 0;
-  line-height: inherit;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-.c10 {
-  top: 3px;
-}
-
-.c12 {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-<ol
-  className="c0 c1"
->
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c11 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        KGW Studio on the Sq, Portland, OR, USA
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      11:29 AM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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 166 feet to 
-              <span
-                className="c25"
-              >
-                701 SW 6th Ave, Portland, OR, USA 97204
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c28"
-        >
-          <span
-            className="c29"
-          >
-            <button
-              aria-expanded={false}
-              className="c26 c30"
-              onClick={[Function]}
-            >
-              1 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (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"
                 >
@@ -65751,7 +72873,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -65759,41 +72881,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
                     className="c35"
                   >
                     <span>
-                      Head 
-                      NORTHWEST
+                      RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        SE Madison St
                       </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"
+                        className="c37"
                       >
-                        Unnamed Path
+                        146 feet
                       </span>
                     </span>
                   </div>
@@ -65832,7 +72930,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c37 c12"
+          className="c8 c57 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -65854,19 +72952,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         aria-hidden={true}
         className="c15 c16"
       >
-        701 SW 6th Ave, Portland, OR, USA 97204
+        1415 SE 28th Ave, Portland, OR, USA 97214
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      11:30 AM
+      4:06 PM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      701 SW 6th Ave, Portland, OR, USA 97204
+      1415 SE 28th Ave, Portland, OR, USA 97214
     </span>
     <div
       className="c20"
@@ -65875,7 +72973,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -65900,7 +72998,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               "cents": 250,
               "currency": Object {
                 "currency": "USD",
-                "currencyCode": "EUR",
+                "currencyCode": "USD",
                 "defaultFractionDigits": 2,
                 "symbol": "$",
               },
@@ -65909,6 +73007,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         },
         "legs": Array [
           Object {
+            "accessibilityScore": 0.97,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
@@ -66013,6 +73112,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             "transitLeg": false,
           },
           Object {
+            "accessibilityScore": 0.7,
             "agencyId": "TRIMET",
             "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
@@ -66296,6 +73396,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             "transitLeg": false,
           },
           Object {
+            "accessibilityScore": 0.2,
             "agencyId": "TRIMET",
             "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
@@ -66433,6 +73534,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             "tripId": "TriMet:9254091",
           },
           Object {
+            "accessibilityScore": 0.1,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
@@ -66600,7 +73702,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -66611,11 +73713,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   color: #333;
 }
 
-.c57 {
+.c62 {
   color: #f44256;
 }
 
-.c26 {
+.c29 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -66625,33 +73727,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   text-decoration: none;
 }
 
-.c40 {
+.c44 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c40:hover {
+.c44:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c41 {
+.c45 {
   padding-left: 0px;
 }
 
-.c41:before {
+.c45:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c31::before {
+.c34::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c52 {
+.c56 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -66663,13 +73765,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   padding: 0;
 }
 
-.c21 {
+.c24 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c30 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -66680,7 +73782,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   z-index: 1;
 }
 
-.c22 {
+.c25 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -66694,7 +73796,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   position: relative;
 }
 
-.c19 {
+.c22 {
   display: inline-block;
   grid-row-start: 2;
   grid-column-start: 1;
@@ -66703,38 +73805,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   width: 0;
 }
 
-.c46 {
+.c50 {
   font-weight: 200;
 }
 
-.c25 {
+.c28 {
   font-weight: inherit;
 }
 
-.c45 {
+.c49 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c44 {
+.c48 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c42 {
+.c46 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c24 img,
-.c24 svg {
+.c27 img,
+.c27 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c23 {
+.c26 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -66746,7 +73848,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   padding-right: 5px;
 }
 
-.c28 {
+.c31 {
   display: grid;
   grid-template-columns: 100px auto;
 }
@@ -66764,7 +73866,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   font-size: 0.9em;
 }
 
-.c20 {
+.c23 {
   grid-row-start: 2;
   grid-column-start: 3;
 }
@@ -66793,7 +73895,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   padding: 3px 0 10px 0;
 }
 
-.c39 {
+.c43 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -66802,23 +73904,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   margin-top: -14px;
 }
 
-.c32 {
+.c35 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
+.c38 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c35 > span {
+.c38 > span {
   margin-right: 1ch;
 }
 
-.c29 {
+.c32 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -66829,7 +73931,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   margin-top: 10px;
 }
 
-.c29 a {
+.c32 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -66844,58 +73946,58 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   justify-content: center;
 }
 
-.c30 {
+.c33 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
+.c37 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c33 {
+.c36 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c36 {
+.c39 {
   font-weight: 500;
 }
 
-.c37 {
+.c40 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c55 {
+.c59 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c56 {
+.c60 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c57 {
   z-index: 30;
   position: relative;
 }
 
-.c48 {
+.c52 {
   margin-top: 5px;
 }
 
-.c49 {
+.c53 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -66903,34 +74005,118 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   display: flex;
 }
 
-.c51 {
+.c55 {
   font-size: 14px;
 }
 
-.c50 {
+.c54 {
   padding: 0;
 }
 
-.c47 {
+.c51 {
   margin-top: 5px;
 }
 
-.c47 a {
+.c51 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c47 a:hover {
+.c51 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c47 img {
+.c51 img {
   margin-left: 5px;
   vertical-align: middle;
 }
 
+.c19 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: none;
+  background-color: #bfffb5;
+  border-radius: 20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 0.25em;
+  max-width: 75px;
+  height: 30px;
+  padding: 0.25em 0.6em 0.25em 0.4em;
+  word-wrap: anywhere;
+}
+
+.c42 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: none;
+  background-color: #dbe9ff;
+  border-radius: 20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 0.25em;
+  max-width: 75px;
+  height: 30px;
+  padding: 0.25em 0.6em 0.25em 0.4em;
+  word-wrap: anywhere;
+}
+
+.c61 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: none;
+  background-color: #ffe4e5;
+  border-radius: 20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 0.25em;
+  max-width: 75px;
+  height: 30px;
+  padding: 0.25em 0.6em 0.25em 0.4em;
+  word-wrap: anywhere;
+}
+
+.c20 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c20 span {
+  display: block;
+}
+
+.c21 {
+  padding-top: 3px;
+  font-weight: 600;
+}
+
 .c1 {
   font-size: 16px;
 }
@@ -66940,7 +74126,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   font-family: Hind,sans-serif;
 }
 
-.c1 .c43 {
+.c1 .c47 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -66984,7 +74170,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   width: 100%;
 }
 
-.c1 .c54 {
+.c1 .c58 {
   margin-left: -23px;
 }
 
@@ -67019,7 +74205,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
   z-index: 10;
 }
 
-.c38 {
+.c41 {
   background-color: gray;
   left: 5px;
   right: 5px;
@@ -67111,29 +74297,71 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       3:46 PM
+      <div
+        className="c19"
+        color="#bfffb5"
+        title="✅"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          className="c20"
+        >
+          <span
+            className="c21"
+          >
+            ✅
+          </span>
+        </span>
+      </div>
     </div>
     <span
-      className="c19"
+      className="c22"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c23"
     >
       <div
-        className="c21"
+        className="c24"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c25"
           >
             <span
-              className="c23"
+              className="c26"
             >
               <span
-                className="c24"
+                className="c27"
               >
                 <svg
                   height="100%"
@@ -67154,24 +74382,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <span
-              className="c19"
+              className="c22"
             >
                - 
             </span>
             <span>
               Walk 238 feet to 
               <span
-                className="c25"
+                className="c28"
               >
                 SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c29 c30"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c22"
               >
                 Zoom to leg on map
               </span>
@@ -67179,19 +74407,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           </span>
         </div>
         <span
-          className="c28"
+          className="c31"
         >
           <span
-            className="c29"
+            className="c32"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c29 c33"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c31"
+                className="c34"
               >
                 <svg
                   aria-hidden="true"
@@ -67210,7 +74438,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c22"
               >
                 (Expand details)
               </span>
@@ -67231,13 +74459,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c35"
               >
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -67248,19 +74476,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       Head 
                       WEST
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE Brooklyn St
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         205 feet
                       </span>
@@ -67268,10 +74496,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -67282,18 +74510,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE Cesar E. Chavez Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         33 feet
                       </span>
@@ -67314,7 +74542,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c41"
       />
       <span
         className="c7"
@@ -67367,50 +74595,92 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       3:47 PM
+      <div
+        className="c42"
+        color="#dbe9ff"
+        title="？"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          className="c20"
+        >
+          <span
+            className="c21"
+          >
+            ？
+          </span>
+        </span>
+      </div>
     </div>
     <span
-      className="c19"
+      className="c22"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c23"
     >
       <div
-        className="c39"
+        className="c43"
       >
         Stop ID 7439
         <a
-          className="c40 c41"
+          className="c44 c45"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c21"
+        className="c24"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c25"
           >
             <span>
               <span
-                className="c19"
+                className="c22"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c25 c46"
               >
                 <span
-                  className="c23"
+                  className="c26"
                 >
                   <span
-                    className="c24"
+                    className="c27"
                   >
                     <svg
                       aria-label="BUS"
@@ -67437,18 +74707,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </span>
                   <span
-                    className="c43 c44"
+                    className="c47 c48"
                   >
                     755X
                   </span>
                 </span>
                 <span
-                  className="c45"
+                  className="c49"
                 >
                   <span>
                     Cesar Chavez/Lombard (very long route name) 
                     <span
-                      className="c46"
+                      className="c50"
                     >
                       to
                     </span>
@@ -67457,7 +74727,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </span>
               </span>
               <span
-                className="c19"
+                className="c22"
               >
                  - 
                 Disembark at 
@@ -67465,11 +74735,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c29 c30"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c22"
               >
                 Zoom to leg on map
               </span>
@@ -67481,7 +74751,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           role="group"
         >
           <div
-            className="c47"
+            className="c51"
           >
             Service operated by 
             <a
@@ -67513,20 +74783,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             />
           </div>
           <div
-            className="c48"
+            className="c52"
           >
             <div
-              className="c49"
+              className="c53"
             >
               <button
-                className="c26 c50"
+                className="c29 c54"
                 onClick={[Function]}
               >
                 Ride 
                 4 min
                  / 5 stops
                 <span
-                  className="c31"
+                  className="c34"
                 >
                   <svg
                     aria-hidden="true"
@@ -67545,13 +74815,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </svg>
                 </span>
                 <span
-                  className="c19"
+                  className="c22"
                 >
                   (Expand details)
                 </span>
               </button>
               <a
-                className="c40 c41"
+                className="c44 c45"
                 onClick={[Function]}
                 type="button"
               >
@@ -67572,63 +74842,63 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c55"
                 >
                   <ol
-                    className="c52"
+                    className="c56"
                   >
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Cesar Chavez Blvd & Clinton
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Cesar Chavez Blvd & Division
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Cesar Chavez Blvd & Lincoln
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Cesar Chavez Blvd & Stephens
                       </div>
@@ -67704,38 +74974,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       3:52 PM
     </div>
     <span
-      className="c19"
+      className="c22"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c23"
     >
       <div
-        className="c39"
+        className="c43"
       >
         Stop ID 7459
         <a
-          className="c40 c41"
+          className="c44 c45"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c21"
+        className="c24"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c25"
           >
             <span
-              className="c23"
+              className="c26"
             >
               <span
-                className="c24"
+                className="c27"
               >
                 <svg
                   height="100%"
@@ -67756,24 +75026,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <span
-              className="c19"
+              className="c22"
             >
                - 
             </span>
             <span>
               Walk 440 feet to 
               <span
-                className="c25"
+                className="c28"
               >
                 SE Hawthorne & Cesar Chavez Blvd
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c29 c30"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c22"
               >
                 Zoom to leg on map
               </span>
@@ -67781,19 +75051,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           </span>
         </div>
         <span
-          className="c28"
+          className="c31"
         >
           <span
-            className="c29"
+            className="c32"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c29 c33"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c31"
+                className="c34"
               >
                 <svg
                   aria-hidden="true"
@@ -67812,7 +75082,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c22"
               >
                 (Expand details)
               </span>
@@ -67833,13 +75103,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c35"
               >
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -67850,19 +75120,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       Head 
                       SOUTH
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         service road
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         146 feet
                       </span>
@@ -67870,10 +75140,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -67884,18 +75154,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE Cesar E. Chavez Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         198 feet
                       </span>
@@ -67903,10 +75173,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -67917,18 +75187,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       LEFT
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE Hawthorne Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         96 feet
                       </span>
@@ -67949,7 +75219,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c41"
       />
       <span
         className="c7"
@@ -68002,50 +75272,92 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       4:00 PM
+      <div
+        className="c61"
+        color="#ffe4e5"
+        title="❌"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          className="c20"
+        >
+          <span
+            className="c21"
+          >
+            ❌
+          </span>
+        </span>
+      </div>
     </div>
     <span
-      className="c19"
+      className="c22"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c23"
     >
       <div
-        className="c39"
+        className="c43"
       >
         Stop ID 2626
         <a
-          className="c40 c41"
+          className="c44 c45"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c21"
+        className="c24"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c25"
           >
             <span>
               <span
-                className="c19"
+                className="c22"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c22 c42"
+                className="c25 c46"
               >
                 <span
-                  className="c23"
+                  className="c26"
                 >
                   <span
-                    className="c24"
+                    className="c27"
                   >
                     <svg
                       aria-label="BUS"
@@ -68072,18 +75384,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </span>
                   <span
-                    className="c43 c44"
+                    className="c47 c48"
                   >
                     1
                   </span>
                 </span>
                 <span
-                  className="c45"
+                  className="c49"
                 >
                   <span>
                     Hawthorne 
                     <span
-                      className="c46"
+                      className="c50"
                     >
                       to
                     </span>
@@ -68092,7 +75404,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </span>
               </span>
               <span
-                className="c19"
+                className="c22"
               >
                  - 
                 Disembark at 
@@ -68100,11 +75412,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c29 c30"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c22"
               >
                 Zoom to leg on map
               </span>
@@ -68116,7 +75428,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           role="group"
         >
           <div
-            className="c47"
+            className="c51"
           >
             Service operated by 
             <a
@@ -68148,20 +75460,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
             />
           </div>
           <div
-            className="c48"
+            className="c52"
           >
             <div
-              className="c49"
+              className="c53"
             >
               <button
-                className="c26 c50"
+                className="c29 c54"
                 onClick={[Function]}
               >
                 Ride 
                 4 min
                  / 5 stops
                 <span
-                  className="c31"
+                  className="c34"
                 >
                   <svg
                     aria-hidden="true"
@@ -68180,13 +75492,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </svg>
                 </span>
                 <span
-                  className="c19"
+                  className="c22"
                 >
                   (Expand details)
                 </span>
               </button>
               <a
-                className="c40 c41"
+                className="c44 c45"
                 onClick={[Function]}
                 type="button"
               >
@@ -68207,63 +75519,63 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c55"
                 >
                   <ol
-                    className="c52"
+                    className="c56"
                   >
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Hawthorne & 37th
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Hawthorne & 34th
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Hawthorne & 32nd
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c57"
                     >
                       <div
-                        className="c54 c55"
+                        className="c58 c59"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c60"
                       >
                         SE Hawthorne & 30th
                       </div>
@@ -68337,40 +75649,82 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       className="c17 c18"
     >
       4:04 PM
+      <div
+        className="c61"
+        color="#ffe4e5"
+        title="❌"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8"
+          fill="currentColor"
+          focusable="false"
+          style={
+            Object {
+              "flex": "2",
+              "height": "100%",
+              "minWidth": "20px",
+            }
+          }
+          viewBox="0 0 100 100"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
+          />
+          <circle
+            cx={68.862}
+            cy={21.181}
+            r={7.152}
+          />
+          <path
+            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
+          />
+        </svg>
+        <span
+          className="c20"
+        >
+          <span
+            className="c21"
+          >
+            ❌
+          </span>
+        </span>
+      </div>
     </div>
     <span
-      className="c19"
+      className="c22"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c23"
     >
       <div
-        className="c39"
+        className="c43"
       >
         Stop ID 2613
         <a
-          className="c40 c41"
+          className="c44 c45"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c21"
+        className="c24"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c25"
           >
             <span
-              className="c23"
+              className="c26"
             >
               <span
-                className="c24"
+                className="c27"
               >
                 <svg
                   height="100%"
@@ -68391,24 +75745,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               </span>
             </span>
             <span
-              className="c19"
+              className="c22"
             >
                - 
             </span>
             <span>
               Walk 479 feet to 
               <span
-                className="c25"
+                className="c28"
               >
                 1415 SE 28th Ave, Portland, OR, USA 97214
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c29 c30"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c22"
               >
                 Zoom to leg on map
               </span>
@@ -68416,19 +75770,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
           </span>
         </div>
         <span
-          className="c28"
+          className="c31"
         >
           <span
-            className="c29"
+            className="c32"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c29 c33"
               onClick={[Function]}
             >
               2 min
               <span
-                className="c31"
+                className="c34"
               >
                 <svg
                   aria-hidden="true"
@@ -68447,7 +75801,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c22"
               >
                 (Expand details)
               </span>
@@ -68468,13 +75822,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c35"
               >
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -68485,19 +75839,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       Head 
                       WEST
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE Hawthorne Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         40 feet
                       </span>
@@ -68505,10 +75859,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -68519,18 +75873,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE 27th Ave
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         294 feet
                       </span>
@@ -68538,10 +75892,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c36"
                 >
                   <div
-                    className="c34"
+                    className="c37"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -68552,18 +75906,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c38"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c39"
                       >
                         SE Madison St
                       </span>
                       <span
-                        className="c37"
+                        className="c40"
                       >
                         146 feet
                       </span>
@@ -68604,7 +75958,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c57 c12"
+          className="c8 c62 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -68635,19 +75989,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
       4:06 PM
     </div>
     <span
-      className="c19"
+      className="c22"
     >
       Arrive at 
       1415 SE 28th Ave, Portland, OR, USA 97214
     </span>
     <div
-      className="c20"
+      className="c23"
     />
   </li>
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -68661,10 +76015,10 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   <OtpRRItineraryBodyWrapper
     itinerary={
       Object {
-        "duration": 1232,
-        "elevationGained": 1.3099999999999987,
-        "elevationLost": 7.98,
-        "endTime": 1573690001000,
+        "duration": 357,
+        "elevationGained": 0.8399999999999999,
+        "elevationLost": 2.200000000000001,
+        "endTime": 1573689055000,
         "fare": Object {
           "details": Object {},
           "fare": Object {
@@ -68681,27 +76035,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         },
         "legs": Array [
           Object {
-            "accessibilityScore": 0.97,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 72.439,
-            "duration": 75,
-            "endTime": 1573688844000,
+            "distance": 81.875,
+            "duration": 71,
+            "endTime": 1573688769000,
             "from": Object {
-              "departure": 1573688769000,
-              "lat": 45.501198436772924,
-              "lon": -122.62183393468378,
-              "name": "3940 SE Brooklyn St, Portland, OR, USA 97202",
-              "orig": "3940 SE Brooklyn St, Portland, OR, USA 97202",
+              "departure": 1573688698000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
               "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 4,
-              "points": "q}utGnqlkVAlH?mCP?",
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -68710,530 +76063,212 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688769000,
+            "startTime": 1573688698000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTHWEST",
                 "area": false,
-                "bogusName": false,
-                "distance": 62.396,
+                "bogusName": true,
+                "distance": 50.946,
                 "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": 18.515,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 40,
-                    "second": 45.542842545446774,
+                    "first": 18.511,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 50,
-                    "second": 44.85284254544678,
+                    "first": 28.511,
+                    "second": 14.342842545446779,
                   },
                   Object {
-                    "first": 60,
-                    "second": 44.36284254544678,
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
                   },
                   Object {
-                    "first": 62.4,
-                    "second": 44.17284254544678,
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
                   },
                 ],
-                "lat": 45.501213679159676,
-                "lon": -122.62183383356971,
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE Brooklyn St",
+                "streetName": "path",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 10.043,
+                "distance": 30.929,
                 "elevation": Array [],
-                "lat": 45.5012222,
-                "lon": -122.622634,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5191414,
+                "lon": -122.679111,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SE Cesar E. Chavez Blvd",
+                "streetName": "Pioneer Sq N (path)",
               },
             ],
             "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,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "transitLeg": false,
           },
           Object {
-            "accessibilityScore": 0.7,
             "agencyId": "TRIMET",
             "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
             "agencyUrl": "http://trimet.org/",
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 1181.7957543835096,
-            "duration": 275,
-            "endTime": 1573689120000,
-            "from": Object {
-              "arrival": 1573688844000,
-              "departure": 1573688845000,
-              "lat": 45.501132,
-              "lon": -122.622543,
-              "name": "SE Cesar Chavez Blvd & Brooklyn",
-              "stopCode": "7439",
-              "stopId": "TriMet:7439",
-              "stopIndex": 37,
-              "stopSequence": 38,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "headsign": "St. Johns via NAYA",
-            "interStopGeometry": Array [
-              Object {
-                "length": 6,
-                "points": "a}utGnvlkVQ?mCAmC@aAAu@?",
-              },
-              Object {
-                "length": 12,
-                "points": "gjvtGlvlkVW?O?{@?q@?O@aA?E?y@?K@M?Y?",
-              },
-              Object {
-                "length": 13,
-                "points": "cuvtGpvlkVU?]@U?I?O?O?w@?aA@iCBgCBM?_A@",
-              },
-              Object {
-                "length": 7,
-                "points": "qgwtG~vlkVK?M@s@@{A@qB@Y@",
-              },
-              Object {
-                "length": 7,
-                "points": "gqwtGhwlkV??gFFg@?cC@k@?G?",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573688899000,
-                "departure": 1573688899000,
-                "lat": 45.503239,
-                "lon": -122.622527,
-                "name": "SE Cesar Chavez Blvd & Clinton",
-                "stopCode": "7442",
-                "stopId": "TriMet:7442",
-                "stopIndex": 38,
-                "stopSequence": 39,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573688944000,
-                "departure": 1573688944000,
-                "lat": 45.504987,
-                "lon": -122.622518,
-                "name": "SE Cesar Chavez Blvd & Division",
-                "stopCode": "7445",
-                "stopId": "TriMet:7445",
-                "stopIndex": 39,
-                "stopSequence": 40,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689021000,
-                "departure": 1573689021000,
-                "lat": 45.507935,
-                "lon": -122.622619,
-                "name": "SE Cesar Chavez Blvd & Lincoln",
-                "stopCode": "7468",
-                "stopId": "TriMet:7468",
-                "stopIndex": 40,
-                "stopSequence": 41,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689061000,
-                "departure": 1573689061000,
-                "lat": 45.509481,
-                "lon": -122.622655,
-                "name": "SE Cesar Chavez Blvd & Stephens",
-                "stopCode": "7489",
-                "stopId": "TriMet:7489",
-                "stopIndex": 41,
-                "stopSequence": 42,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 41,
-              "points": "a}utGnvlkVQ?mCAmC@aAAu@?W?O?{@?q@?O@aA?E?y@?K@M?Y?U?]@U?I?O?O?w@?aA@iCBgCBM?_A@K?M@s@@{A@qB@Y@??gFFg@?cC@k@?G?",
-            },
-            "mode": "BUS",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "755X",
-            "routeId": "TriMet:75",
-            "routeLongName": "Cesar Chavez/Lombard (very long route name)",
-            "routeShortName": "755X",
-            "routeType": 3,
-            "serviceDate": "20191113",
-            "startTime": 1573688845000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573689120000,
-              "departure": 1573689120000,
-              "lat": 45.511759,
-              "lon": -122.622672,
-              "name": "SE Cesar Chavez Blvd & Hawthorne",
-              "stopCode": "7459",
-              "stopId": "TriMet:7459",
-              "stopIndex": 42,
-              "stopSequence": 43,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "transitLeg": true,
-            "tripBlockId": "7508",
-            "tripId": "TriMet:9262578",
-          },
-          Object {
-            "agencyTimeZoneOffset": -28800000,
-            "arrivalDelay": 0,
-            "departureDelay": 0,
-            "distance": 134.154,
-            "duration": 103,
-            "endTime": 1573689223000,
-            "from": Object {
-              "arrival": 1573689120000,
-              "departure": 1573689120000,
-              "lat": 45.511759,
-              "lon": -122.622672,
-              "name": "SE Cesar Chavez Blvd & Hawthorne",
-              "stopCode": "7459",
-              "stopId": "TriMet:7459",
-              "stopIndex": 42,
-              "stopSequence": 43,
-              "vertexType": "TRANSIT",
-              "zoneId": "B",
-            },
-            "hailedCar": false,
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [],
-            "legGeometry": Object {
-              "length": 9,
-              "points": "e_xtG|ulkVh@??t@i@?o@?QB?\\\\?R?X",
-            },
-            "mode": "WALK",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "",
-            "startTime": 1573689120000,
-            "steps": Array [
+            "alerts": Array [
               Object {
-                "absoluteDirection": "SOUTH",
-                "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",
+                "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 {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": false,
-                "distance": 60.363,
-                "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,
-                  },
-                  Object {
-                    "first": 60.370999999999995,
-                    "second": 47.212842545446776,
-                  },
-                ],
-                "lat": 45.5115025,
-                "lon": -122.6228156,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Cesar E. Chavez Blvd",
+                "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 {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 29.304,
-                "elevation": Array [],
-                "lat": 45.5120447,
-                "lon": -122.6228358,
-                "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
+                "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,
               },
             ],
-            "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 {
-            "accessibilityScore": 0.2,
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
             "arrivalDelay": 0,
+            "averageWait": 935,
             "departureDelay": 0,
-            "distance": 1152.1496223157228,
-            "duration": 275,
-            "endTime": 1573689875000,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "from": Object {
-              "arrival": 1573689223000,
-              "departure": 1573689600000,
-              "lat": 45.51213,
-              "lon": -122.623212,
-              "name": "SE Hawthorne & Cesar Chavez Blvd",
-              "stopCode": "2626",
-              "stopId": "TriMet:2626",
-              "stopIndex": 21,
-              "stopSequence": 22,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "hailedCar": false,
-            "headsign": "Portland",
+            "headsign": "Hillsboro",
             "interStopGeometry": Array [
               Object {
-                "length": 7,
-                "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF",
-              },
-              Object {
-                "length": 11,
-                "points": "iaxtGfimkV?V?X?zC?b@?hA?rA?tB?tA?P?fC",
-              },
-              Object {
-                "length": 11,
-                "points": "iaxtG|\`nkV?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC",
-              },
-              Object {
-                "length": 6,
-                "points": "kaxtGrsnkV?x@?bC?lA?zB?n@",
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               Object {
-                "length": 9,
-                "points": "kaxtGjaokV?J?R?T?fAAlD?\`C?hA?jD",
+                "length": 36,
+                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
               },
             ],
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [
               Object {
-                "arrival": 1573689645000,
-                "departure": 1573689645000,
-                "lat": 45.512123,
-                "lon": -122.625631,
-                "name": "SE Hawthorne & 37th",
-                "stopCode": "2624",
-                "stopId": "TriMet:2624",
-                "stopIndex": 22,
-                "stopSequence": 23,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689716000,
-                "departure": 1573689716000,
-                "lat": 45.51212,
-                "lon": -122.62943,
-                "name": "SE Hawthorne & 34th",
-                "stopCode": "12892",
-                "stopId": "TriMet:12892",
-                "stopIndex": 23,
-                "stopSequence": 24,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689772000,
-                "departure": 1573689772000,
-                "lat": 45.512139,
-                "lon": -122.632417,
-                "name": "SE Hawthorne & 32nd",
-                "stopCode": "2619",
-                "stopId": "TriMet:2619",
-                "stopIndex": 24,
-                "stopSequence": 25,
-                "vertexType": "TRANSIT",
-                "zoneId": "B",
-              },
-              Object {
-                "arrival": 1573689812000,
-                "departure": 1573689812000,
-                "lat": 45.51214,
-                "lon": -122.634614,
-                "name": "SE Hawthorne & 30th",
-                "stopCode": "2616",
-                "stopId": "TriMet:2616",
-                "stopIndex": 25,
-                "stopSequence": 26,
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
                 "vertexType": "TRANSIT",
-                "zoneId": "B",
+                "zoneId": "R",
               },
             ],
             "legGeometry": Object {
-              "length": 40,
-              "points": "gaxtGbzlkV?D?f@?dB?\`B?FAdF?V?X?zC?b@?hA?rA?tB?tA?P?fC?\`@?\`@?ZAd@?Z?dA?|@?jC?T?lC?x@?bC?lA?zB?n@?J?R?T?fAAlD?\`C?hA?jD",
+              "length": 45,
+              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
             },
-            "mode": "BUS",
+            "mode": "TRAM",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "1",
-            "routeId": "TriMet:14",
-            "routeLongName": "Hawthorne",
-            "routeShortName": "1",
-            "routeType": 3,
+            "route": "MAX Blue Line",
+            "routeColor": "084C8D",
+            "routeId": "TriMet:100",
+            "routeLongName": "MAX Blue Line",
+            "routeTextColor": "FFFFFF",
+            "routeType": 0,
             "serviceDate": "20191113",
-            "startTime": 1573689600000,
+            "startTime": 1573688770000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573689875000,
-              "departure": 1573689876000,
-              "lat": 45.512139,
-              "lon": -122.637998,
-              "name": "SE Hawthorne & 27th",
-              "stopCode": "2613",
-              "stopId": "TriMet:2613",
-              "stopIndex": 26,
-              "stopSequence": 27,
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "transitLeg": true,
-            "tripBlockId": "1402",
-            "tripId": "TriMet:9254091",
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
           },
           Object {
-            "accessibilityScore": 0.1,
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 146.06499999999997,
-            "duration": 125,
-            "endTime": 1573690001000,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
             "from": Object {
-              "arrival": 1573689875000,
-              "departure": 1573689876000,
-              "lat": 45.512139,
-              "lon": -122.637998,
-              "name": "SE Hawthorne & 27th",
-              "stopCode": "2613",
-              "stopId": "TriMet:2613",
-              "stopIndex": 26,
-              "stopSequence": 27,
+              "arrival": 1573688985000,
+              "departure": 1573688986000,
+              "lat": 45.521833,
+              "lon": -122.689816,
+              "name": "Providence Park MAX Station",
+              "stopCode": "9757",
+              "stopId": "TriMet:9757",
+              "stopIndex": 27,
+              "stopSequence": 28,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 7,
-              "points": "maxtGnvokV?J?RQ?oCA?iB?G",
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -69242,141 +76277,126 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689876000,
+            "startTime": 1573688986000,
             "steps": Array [
               Object {
                 "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 12.072,
+                "distance": 5.864,
                 "elevation": Array [],
-                "lat": 45.51207482860264,
-                "lon": -122.6379983821018,
+                "lat": 45.52183043749137,
+                "lon": -122.68981514224929,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE Hawthorne Blvd",
+                "streetName": "Providence Park (path)",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 89.603,
+                "bogusName": true,
+                "distance": 31.715,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 49.22284254544678,
+                    "second": 30.57284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 49.292842545446774,
+                    "second": 30.18284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 48.932842545446775,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 48.38284254544678,
-                  },
-                  Object {
-                    "first": 40,
-                    "second": 47.81284254544678,
-                  },
-                  Object {
-                    "first": 50,
-                    "second": 47.22284254544678,
-                  },
-                  Object {
-                    "first": 60,
-                    "second": 46.62284254544678,
+                    "second": 29.712842545446776,
                   },
                   Object {
-                    "first": 70,
-                    "second": 46.042842545446774,
+                    "first": 31.72,
+                    "second": 29.33284254544678,
                   },
+                ],
+                "lat": 45.5218184,
+                "lon": -122.6898884,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+              Object {
+                "absoluteDirection": "NORTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 8.242,
+                "elevation": Array [
                   Object {
-                    "first": 80,
-                    "second": 45.47284254544678,
+                    "first": 0,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 89.6,
-                    "second": 45.00284254544678,
+                    "first": 8.24,
+                    "second": 29.05284254544678,
                   },
                 ],
-                "lat": 45.5120757,
-                "lon": -122.6381533,
+                "lat": 45.52206,
+                "lon": -122.6900696,
                 "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE 27th Ave",
+                "stayOn": true,
+                "streetName": "path",
               },
               Object {
                 "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 44.39,
+                "distance": 30.15,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 45.00284254544678,
+                    "second": 29.05284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 45.25284254544678,
+                    "second": 29.16284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 45.402842545446774,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 45.63284254544678,
-                  },
-                  Object {
-                    "first": 41.55,
-                    "second": 46.06284254544678,
-                  },
-                  Object {
-                    "first": 41.547,
-                    "second": 46.06284254544678,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 44.387,
-                    "second": 46.24284254544678,
+                    "first": 30.15,
+                    "second": 29.532842545446776,
                   },
                 ],
-                "lat": 45.5128815,
-                "lon": -122.6381445,
+                "lat": 45.52213,
+                "lon": -122.6900348,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SE Madison St",
+                "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "arrival": 1573690001000,
-              "lat": 45.51258575759002,
-              "lon": -122.63757592401461,
-              "name": "1415 SE 28th Ave, Portland, OR, USA 97214",
-              "orig": "1415 SE 28th Ave, Portland, OR, USA 97214",
+              "arrival": 1573689055000,
+              "lat": 45.522170898252,
+              "lon": -122.68959868692157,
+              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573688769000,
+        "startTime": 1573688698000,
         "tooSloped": false,
-        "transfers": 1,
-        "transitTime": 550,
-        "waitingTime": 379,
-        "walkDistance": 352.75874626614717,
+        "transfers": 0,
+        "transitTime": 215,
+        "waitingTime": 2,
+        "walkDistance": 157.97398507143885,
         "walkLimitExceeded": false,
-        "walkTime": 303,
+        "walkTime": 140,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -69387,11 +76407,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   color: #333;
 }
 
-.c62 {
+.c63 {
   color: #f44256;
 }
 
-.c29 {
+.c26 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -69401,33 +76421,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   text-decoration: none;
 }
 
-.c44 {
+.c40 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c44:hover {
+.c40:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c45 {
+.c41 {
   padding-left: 0px;
 }
 
-.c45:before {
+.c41:before {
   content: "|";
   color: black;
   margin-right: 5px;
 }
 
-.c34::before {
+.c31::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c56 {
+.c58 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -69439,13 +76459,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   padding: 0;
 }
 
-.c24 {
+.c21 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c30 {
+.c27 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -69456,7 +76476,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   z-index: 1;
 }
 
-.c25 {
+.c22 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -69470,7 +76490,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   position: relative;
 }
 
-.c22 {
+.c19 {
   display: inline-block;
   grid-row-start: 2;
   grid-column-start: 1;
@@ -69479,38 +76499,38 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   width: 0;
 }
 
-.c50 {
+.c46 {
   font-weight: 200;
 }
 
-.c28 {
+.c25 {
   font-weight: inherit;
 }
 
-.c49 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c48 {
+.c44 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c46 {
+.c42 {
   color: #807373;
   margin-top: 5px;
 }
 
-.c27 img,
-.c27 svg {
+.c24 img,
+.c24 svg {
   margin-right: 6px;
   height: 24px;
   width: 24px;
   vertical-align: bottom;
 }
 
-.c26 {
+.c23 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -69522,7 +76542,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   padding-right: 5px;
 }
 
-.c31 {
+.c28 {
   display: grid;
   grid-template-columns: 100px auto;
 }
@@ -69540,7 +76560,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   font-size: 0.9em;
 }
 
-.c23 {
+.c20 {
   grid-row-start: 2;
   grid-column-start: 3;
 }
@@ -69569,7 +76589,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   padding: 3px 0 10px 0;
 }
 
-.c43 {
+.c39 {
   color: #807373;
   font-size: 13px;
   font-weight: 300;
@@ -69578,23 +76598,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   margin-top: -14px;
 }
 
-.c35 {
+.c32 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c38 {
+.c35 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c38 > span {
+.c35 > span {
   margin-right: 1ch;
 }
 
-.c32 {
+.c29 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -69605,7 +76625,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   margin-top: 10px;
 }
 
-.c32 a {
+.c29 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -69620,58 +76640,101 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   justify-content: center;
 }
 
-.c33 {
+.c30 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c37 {
+.c34 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c36 {
+.c33 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c39 {
+.c36 {
   font-weight: 500;
 }
 
-.c40 {
+.c37 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c59 {
+.c61 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c60 {
+.c62 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c57 {
+.c59 {
   z-index: 30;
   position: relative;
 }
 
-.c52 {
+.c50 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c52 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c53 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c51 {
+  float: left;
+  font-size: 18px;
+}
+
+.c49 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c48 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c54 {
   margin-top: 5px;
 }
 
-.c53 {
+.c55 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -69679,118 +76742,34 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   display: flex;
 }
 
-.c55 {
+.c57 {
   font-size: 14px;
 }
 
-.c54 {
+.c56 {
   padding: 0;
 }
 
-.c51 {
+.c47 {
   margin-top: 5px;
 }
 
-.c51 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c51 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c51 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
 
-.c19 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: none;
-  background-color: #bfffb5;
-  border-radius: 20px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 0.25em;
-  max-width: 75px;
-  height: 30px;
-  padding: 0.25em 0.6em 0.25em 0.4em;
-  word-wrap: anywhere;
-}
-
-.c42 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: none;
-  background-color: #dbe9ff;
-  border-radius: 20px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 0.25em;
-  max-width: 75px;
-  height: 30px;
-  padding: 0.25em 0.6em 0.25em 0.4em;
-  word-wrap: anywhere;
-}
-
-.c61 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: none;
-  background-color: #ffe4e5;
-  border-radius: 20px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 0.25em;
-  max-width: 75px;
-  height: 30px;
-  padding: 0.25em 0.6em 0.25em 0.4em;
-  word-wrap: anywhere;
-}
-
-.c20 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c20 span {
-  display: block;
-}
-
-.c21 {
-  padding-top: 3px;
-  font-weight: 600;
-}
-
 .c1 {
   font-size: 16px;
 }
@@ -69800,7 +76779,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   font-family: Hind,sans-serif;
 }
 
-.c1 .c47 {
+.c1 .c43 {
   background-color: rgb(15,106,172);
   border-color: white;
   border-image: initial;
@@ -69844,7 +76823,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   width: 100%;
 }
 
-.c1 .c58 {
+.c1 .c60 {
   margin-left: -23px;
 }
 
@@ -69879,11 +76858,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
   z-index: 10;
 }
 
-.c41 {
+.c38 {
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #000088;
+  background-color: #084C8D;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -69964,78 +76943,36 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        3940 SE Brooklyn St, Portland, OR, USA 97202
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
-      <div
-        className="c19"
-        color="#bfffb5"
-        title="✅"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          className="c20"
-        >
-          <span
-            className="c21"
-          >
-            ✅
-          </span>
-        </span>
-      </div>
+      3:44 PM
     </div>
     <span
-      className="c22"
+      className="c19"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c23"
+      className="c20"
     >
       <div
-        className="c24"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c25"
+            className="c22"
           >
             <span
-              className="c26"
+              className="c23"
             >
               <span
-                className="c27"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -70056,24 +76993,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               </span>
             </span>
             <span
-              className="c22"
+              className="c19"
             >
                - 
             </span>
             <span>
-              Walk 238 feet to 
+              Walk 269 feet to 
               <span
-                className="c28"
+                className="c25"
               >
-                SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines)
+                Pioneer Square North MAX Station
               </span>
             </span>
             <button
-              className="c29 c30"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
-                className="c22"
+                className="c19"
               >
                 Zoom to leg on map
               </span>
@@ -70081,19 +77018,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
           </span>
         </div>
         <span
-          className="c31"
+          className="c28"
         >
           <span
-            className="c32"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c29 c33"
+              className="c26 c30"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c34"
+                className="c31"
               >
                 <svg
                   aria-hidden="true"
@@ -70112,7 +77049,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                 </svg>
               </span>
               <span
-                className="c22"
+                className="c19"
               >
                 (Expand details)
               </span>
@@ -70133,13 +77070,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               style={Object {}}
             >
               <ol
-                className="c35"
+                className="c32"
               >
                 <li
-                  className="c36"
+                  className="c33"
                 >
                   <div
-                    className="c37"
+                    className="c34"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -70150,54 +77087,54 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                     </svg>
                   </div>
                   <div
-                    className="c38"
+                    className="c35"
                   >
                     <span>
                       Head 
-                      WEST
+                      NORTHWEST
                        on 
                       <span
-                        className="c39"
+                        className="c36"
                       >
-                        SE Brooklyn St
+                        Unnamed Path
                       </span>
                       <span
-                        className="c40"
+                        className="c37"
                       >
-                        205 feet
+                        167 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c36"
+                  className="c33"
                 >
                   <div
-                    className="c37"
+                    className="c34"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c38"
+                    className="c35"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
-                        className="c39"
+                        className="c36"
                       >
-                        SE Cesar E. Chavez Blvd
+                        Pioneer Sq N (path)
                       </span>
                       <span
-                        className="c40"
+                        className="c37"
                       >
-                        33 feet
+                        101 feet
                       </span>
                     </span>
                   </div>
@@ -70216,7 +77153,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
       className="c4 c5"
     >
       <div
-        className="c41"
+        className="c38"
       />
       <span
         className="c7"
@@ -70262,158 +77199,111 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        SE Cesar Chavez Blvd & Brooklyn
+        Pioneer Square North MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:47 PM
-      <div
-        className="c42"
-        color="#dbe9ff"
-        title="？"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          className="c20"
-        >
-          <span
-            className="c21"
-          >
-            ？
-          </span>
-        </span>
-      </div>
+      3:46 PM
     </div>
     <span
-      className="c22"
+      className="c19"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c23"
+      className="c20"
     >
       <div
-        className="c43"
+        className="c39"
       >
-        Stop ID 7439
+        Stop ID 8383
         <a
-          className="c44 c45"
+          className="c40 c41"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c24"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c25"
+            className="c22"
           >
             <span>
               <span
-                className="c22"
+                className="c19"
               >
                  - 
                 Ride
               </span>
               <span
-                className="c25 c46"
+                className="c22 c42"
               >
                 <span
-                  className="c26"
+                  className="c23"
                 >
                   <span
-                    className="c27"
+                    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="c47 c48"
+                    className="c43 c44"
                   >
-                    755X
+                    MAX Blue Line
                   </span>
                 </span>
                 <span
-                  className="c49"
+                  className="c45"
                 >
                   <span>
-                    Cesar Chavez/Lombard (very long route name) 
+                    MAX Blue Line 
                     <span
-                      className="c50"
+                      className="c46"
                     >
                       to
                     </span>
-                     St. Johns via NAYA
+                     Hillsboro
                   </span>
                 </span>
               </span>
               <span
-                className="c22"
+                className="c19"
               >
                  - 
                 Disembark at 
-                SE Cesar Chavez Blvd & Hawthorne
+                Providence Park MAX Station
               </span>
             </span>
             <button
-              className="c29 c30"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
-                className="c22"
+                className="c19"
               >
                 Zoom to leg on map
               </span>
@@ -70425,7 +77315,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
           role="group"
         >
           <div
-            className="c51"
+            className="c47"
           >
             Service operated by 
             <a
@@ -70442,35 +77332,183 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               />
             </a>
           </div>
+          <button
+            className="c26 c48"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            3 alerts
+            <span
+              className="c31"
+            >
+              <svg
+                aria-hidden="true"
+                className="c8"
+                fill="currentColor"
+                focusable="false"
+                height={15}
+                viewBox="0 0 320 512"
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
             <div
               style={Object {}}
-            />
+            >
+              <div
+                className="c49"
+              >
+                <a
+                  className="c50"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of December 15, 2019
+                  </div>
+                </a>
+                <a
+                  className="c50"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c50"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c51"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c52"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c53"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
           </div>
           <div
-            className="c52"
+            className="c54"
           >
             <div
-              className="c53"
+              className="c55"
             >
               <button
-                className="c29 c54"
+                className="c26 c56"
                 onClick={[Function]}
               >
                 Ride 
-                4 min
-                 / 5 stops
+                3 min
+                 / 2 stops
                 <span
-                  className="c34"
+                  className="c31"
                 >
                   <svg
                     aria-hidden="true"
@@ -70489,13 +77527,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                   </svg>
                 </span>
                 <span
-                  className="c22"
+                  className="c19"
                 >
                   (Expand details)
                 </span>
               </button>
               <a
-                className="c44 c45"
+                className="c40 c41"
                 onClick={[Function]}
                 type="button"
               >
@@ -70516,71 +77554,33 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                 style={Object {}}
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   <ol
-                    className="c56"
+                    className="c58"
                   >
                     <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c60"
-                      >
-                        SE Cesar Chavez Blvd & Clinton
-                      </div>
-                    </li>
-                    <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c60"
-                      >
-                        SE Cesar Chavez Blvd & Division
-                      </div>
-                    </li>
-                    <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c60"
-                      >
-                        SE Cesar Chavez Blvd & Lincoln
-                      </div>
-                    </li>
-                    <li
-                      className="c57"
+                      className="c59"
                     >
                       <div
-                        className="c58 c59"
+                        className="c60 c61"
                       >
                         •
                       </div>
                       <div
-                        className="c60"
+                        className="c62"
                       >
-                        SE Cesar Chavez Blvd & Stephens
+                        Galleria/SW 10th Ave MAX Station
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
+            <span>
+              Typical wait: 
+              15 min
+            </span>
           </div>
         </div>
       </div>
@@ -70639,47 +77639,47 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        SE Cesar Chavez Blvd & Hawthorne
+        Providence Park MAX Station
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:52 PM
+      3:49 PM
     </div>
     <span
-      className="c22"
+      className="c19"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c23"
+      className="c20"
     >
       <div
-        className="c43"
+        className="c39"
       >
-        Stop ID 7459
+        Stop ID 9757
         <a
-          className="c44 c45"
+          className="c40 c41"
           onClick={[Function]}
         >
           Stop Viewer
         </a>
       </div>
       <div
-        className="c24"
+        className="c21"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c25"
+            className="c22"
           >
             <span
-              className="c26"
+              className="c23"
             >
               <span
-                className="c27"
+                className="c24"
               >
                 <svg
                   height="100%"
@@ -70700,24 +77700,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               </span>
             </span>
             <span
-              className="c22"
+              className="c19"
             >
                - 
             </span>
             <span>
-              Walk 440 feet to 
+              Walk 249 feet to 
               <span
-                className="c28"
+                className="c25"
               >
-                SE Hawthorne & Cesar Chavez Blvd
+                1737 SW Morrison St, Portland, OR, USA 97205
               </span>
             </span>
             <button
-              className="c29 c30"
+              className="c26 c27"
               onClick={[Function]}
             >
               <span
-                className="c22"
+                className="c19"
               >
                 Zoom to leg on map
               </span>
@@ -70725,19 +77725,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
           </span>
         </div>
         <span
-          className="c31"
+          className="c28"
         >
           <span
-            className="c32"
+            className="c29"
           >
             <button
               aria-expanded={false}
-              className="c29 c33"
+              className="c26 c30"
               onClick={[Function]}
             >
               1 min
               <span
-                className="c34"
+                className="c31"
               >
                 <svg
                   aria-hidden="true"
@@ -70756,7 +77756,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                 </svg>
               </span>
               <span
-                className="c22"
+                className="c19"
               >
                 (Expand details)
               </span>
@@ -70777,13 +77777,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
               style={Object {}}
             >
               <ol
-                className="c35"
+                className="c32"
               >
                 <li
-                  className="c36"
+                  className="c33"
                 >
                   <div
-                    className="c37"
+                    className="c34"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -70794,30 +77794,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                     </svg>
                   </div>
                   <div
-                    className="c38"
+                    className="c35"
                   >
                     <span>
                       Head 
-                      SOUTH
+                      WEST
                        on 
                       <span
-                        className="c39"
+                        className="c36"
                       >
-                        service road
+                        Providence Park (path)
                       </span>
                       <span
-                        className="c40"
+                        className="c37"
                       >
-                        146 feet
+                        19 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c36"
+                  className="c33"
                 >
                   <div
-                    className="c37"
+                    className="c34"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -70828,438 +77828,94 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
                     </svg>
                   </div>
                   <div
-                    className="c38"
+                    className="c35"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c39"
+                        className="c36"
                       >
-                        SE Cesar E. Chavez Blvd
+                        Unnamed Path
                       </span>
                       <span
-                        className="c40"
+                        className="c37"
                       >
-                        198 feet
+                        104 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c36"
+                  className="c33"
                 >
                   <div
-                    className="c37"
+                    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"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c38"
+                    className="c35"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
-                        className="c39"
+                        className="c36"
                       >
-                        SE Hawthorne Blvd
+                        Unnamed Path
                       </span>
                       <span
-                        className="c40"
+                        className="c37"
                       >
-                        96 feet
+                        27 feet
                       </span>
                     </span>
                   </div>
                 </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c41"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        SE Hawthorne & Cesar Chavez Blvd
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:00 PM
-      <div
-        className="c61"
-        color="#ffe4e5"
-        title="❌"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          className="c20"
-        >
-          <span
-            className="c21"
-          >
-            ❌
-          </span>
-        </span>
-      </div>
-    </div>
-    <span
-      className="c22"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c23"
-    >
-      <div
-        className="c43"
-      >
-        Stop ID 2626
-        <a
-          className="c44 c45"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c24"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c25"
-          >
-            <span>
-              <span
-                className="c22"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c25 c46"
-              >
-                <span
-                  className="c26"
+                <li
+                  className="c33"
                 >
-                  <span
-                    className="c27"
+                  <div
+                    className="c34"
                   >
                     <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"
+                      viewBox="0 0 261 261"
                     >
                       <path
-                        d="M68.848,68.51"
-                      />
-                      <path
-                        d="M12.687,68.51"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
-                      <g>
-                        <path
-                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
-                        />
-                        <path
-                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
-                        />
-                      </g>
                     </svg>
-                  </span>
-                  <span
-                    className="c47 c48"
-                  >
-                    1
-                  </span>
-                </span>
-                <span
-                  className="c49"
-                >
-                  <span>
-                    Hawthorne 
-                    <span
-                      className="c50"
-                    >
-                      to
-                    </span>
-                     Portland
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c22"
-              >
-                 - 
-                Disembark at 
-                SE Hawthorne & 27th
-              </span>
-            </span>
-            <button
-              className="c29 c30"
-              onClick={[Function]}
-            >
-              <span
-                className="c22"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c51"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c52"
-          >
-            <div
-              className="c53"
-            >
-              <button
-                className="c29 c54"
-                onClick={[Function]}
-              >
-                Ride 
-                4 min
-                 / 5 stops
-                <span
-                  className="c34"
-                >
-                  <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="c22"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c44 c45"
-                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="c55"
-                >
-                  <ol
-                    className="c56"
-                  >
-                    <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c60"
-                      >
-                        SE Hawthorne & 37th
-                      </div>
-                    </li>
-                    <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c60"
-                      >
-                        SE Hawthorne & 34th
-                      </div>
-                    </li>
-                    <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c60"
-                      >
-                        SE Hawthorne & 32nd
-                      </div>
-                    </li>
-                    <li
-                      className="c57"
-                    >
-                      <div
-                        className="c58 c59"
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c60"
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c37"
                       >
-                        SE Hawthorne & 30th
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
-        </div>
+        </span>
       </div>
     </div>
   </li>
@@ -71269,21 +77925,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
     <div
       className="c4 c5"
     >
-      <div
-        className="c6"
-      />
       <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
@@ -71293,17 +77946,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
+          className="c8 c63 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>
@@ -71316,419 +77968,983 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         aria-hidden={true}
         className="c15 c16"
       >
-        SE Hawthorne & 27th
+        1737 SW Morrison St, Portland, OR, USA 97205
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      4:04 PM
-      <div
-        className="c61"
-        color="#ffe4e5"
-        title="❌"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8"
-          fill="currentColor"
-          focusable="false"
-          style={
-            Object {
-              "flex": "2",
-              "height": "100%",
-              "minWidth": "20px",
-            }
-          }
-          viewBox="0 0 100 100"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M51.77 75.42a13.883 13.883 0 01-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954 0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.555 21.555 0 00-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668 5.174 0 9.923-1.816 13.649-4.843L51.77 75.42z"
-          />
-          <circle
-            cx={68.862}
-            cy={21.181}
-            r={7.152}
-          />
-          <path
-            d="M73.35 45.582H57.609l8.977-8.978c.271-.215.515-.458.73-.729l.073-.073-.007-.007a4.448 4.448 0 00.919-2.694 4.47 4.47 0 00-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.454 4.454 0 00-1.843-.405 4.456 4.456 0 00-2.986 1.16l-.006-.006-.06.06c-.077.072-.15.145-.222.222l-8.865 8.865.008.008a4.463 4.463 0 00-1.237 3.08 4.486 4.486 0 004.487 4.487 4.463 4.463 0 003.08-1.237l.008.008.081-.081.008-.008 6.457-6.457 5.514 3.184-13.011 13.012a21.568 21.568 0 00-6.854 3.582l5.307 5.307a13.882 13.882 0 017.94-2.487c7.707 0 13.954 6.248 13.954 13.954 0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 004.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 108.976 0v-22.86a4.488 4.488 0 00-4.488-4.487z"
-          />
-        </svg>
-        <span
-          className="c20"
-        >
-          <span
-            className="c21"
-          >
-            ❌
-          </span>
-        </span>
-      </div>
+      3:50 PM
     </div>
     <span
-      className="c22"
+      className="c19"
     >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
-      className="c23"
-    >
-      <div
-        className="c43"
-      >
-        Stop ID 2613
-        <a
-          className="c44 c45"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c24"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c25"
-          >
-            <span
-              className="c26"
-            >
-              <span
-                className="c27"
-              >
-                <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="c22"
-            >
-               - 
-            </span>
-            <span>
-              Walk 479 feet to 
-              <span
-                className="c28"
-              >
-                1415 SE 28th Ave, Portland, OR, USA 97214
-              </span>
-            </span>
-            <button
-              className="c29 c30"
-              onClick={[Function]}
-            >
-              <span
-                className="c22"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <span
-          className="c31"
-        >
-          <span
-            className="c32"
-          >
-            <button
-              aria-expanded={false}
-              className="c29 c33"
-              onClick={[Function]}
-            >
-              2 min
-              <span
-                className="c34"
-              >
-                <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="c22"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <OtpRRItineraryBodyWrapper
+    alwaysCollapseAlerts={true}
+    itinerary={
+      Object {
+        "duration": 6223,
+        "elevationGained": 0.930000000000005,
+        "elevationLost": 11.050000000000002,
+        "endTime": 1651700473000,
+        "fare": Object {
+          "details": Object {
+            "electronicRegular": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "electronicSenior": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "electronicSpecial": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "electronicYouth": Array [
+              Object {
+                "isTransfer": true,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "regular": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 325,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 225,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "senior": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 100,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+            "youth": Array [
+              Object {
+                "isTransfer": false,
+                "legIndex": 1,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 3,
+                "price": Object {
+                  "cents": 150,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+              Object {
+                "isTransfer": true,
+                "legIndex": 5,
+                "price": Object {
+                  "cents": 0,
+                  "currency": Object {
+                    "currency": "USD",
+                    "currencyCode": "USD",
+                    "defaultFractionDigits": 2,
+                    "symbol": "$",
+                  },
+                },
+              },
+            ],
+          },
+          "fare": Object {
+            "electronicRegular": Object {
+              "cents": 325,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicSenior": Object {
+              "cents": 100,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicSpecial": Object {
+              "cents": 150,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "electronicYouth": Object {
+              "cents": 150,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "regular": Object {
+              "cents": 550,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "senior": Object {
+              "cents": 200,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+            "youth": Object {
+              "cents": 300,
+              "currency": Object {
+                "currency": "USD",
+                "currencyCode": "USD",
+                "defaultFractionDigits": 2,
+                "symbol": "$",
+              },
+            },
+          },
+        },
+        "legs": Array [
+          Object {
+            "agencyTimeZoneOffset": -25200000,
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 462.78599999999994,
+            "duration": 389,
+            "endTime": 1651694639000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "departure": 1651694250000,
+              "lat": 47.97766686876693,
+              "lon": -122.20034419816042,
+              "name": "47.97767, -122.20034",
+              "orig": "47.97767, -122.20034",
+              "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "interlineWithPreviousLeg": false,
+            "intermediateStops": Array [],
+            "legGeometry": Object {
+              "length": 27,
+              "points": "srycH\`hzhVd@?HEBGBKL]?Yp@C?e@AwCGc@bA]^KCSCa@vBq@l@OCSf@QHAbA[CQB?PGFCHCPG",
+            },
+            "mode": "WALK",
+            "pathway": false,
+            "realTime": false,
+            "rentedBike": false,
+            "rentedCar": false,
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1651694250000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": true,
+                "distance": 173.423,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 19.72,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 19.74,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 19.78,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 19.66,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 19.34,
+                  },
+                  Object {
+                    "first": 50.07,
+                    "second": 19.05,
+                  },
+                  Object {
+                    "first": 50.093,
+                    "second": 19.05,
+                  },
+                  Object {
+                    "first": 59.583000000000006,
+                    "second": 18.69,
+                  },
+                  Object {
+                    "first": 87.879,
+                    "second": 18.69,
+                  },
+                  Object {
+                    "first": 97.879,
+                    "second": 18.69,
+                  },
+                  Object {
+                    "first": 107.879,
+                    "second": 18.7,
+                  },
+                  Object {
+                    "first": 116.179,
+                    "second": 18.71,
+                  },
+                  Object {
+                    "first": 102.55600000000001,
+                    "second": 18.2,
+                  },
+                  Object {
+                    "first": 112.55600000000001,
+                    "second": 17.89,
+                  },
+                  Object {
+                    "first": 122.55600000000001,
+                    "second": 17.59,
+                  },
+                  Object {
+                    "first": 132.556,
+                    "second": 17.29,
+                  },
+                  Object {
+                    "first": 142.556,
+                    "second": 17,
+                  },
+                  Object {
+                    "first": 152.556,
+                    "second": 16.73,
+                  },
+                  Object {
+                    "first": 159.166,
+                    "second": 16.53,
+                  },
+                  Object {
+                    "first": 159.166,
+                    "second": 16.53,
+                  },
+                  Object {
+                    "first": 173.426,
+                    "second": 16.12,
+                  },
+                ],
+                "lat": 47.9775488,
+                "lon": -122.20049,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 39.188,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.12,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 16.11,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 16.11,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 16.09,
+                  },
+                  Object {
+                    "first": 39.19,
+                    "second": 16.08,
+                  },
+                ],
+                "lat": 47.976997100000006,
+                "lon": -122.1989226,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "Smith Avenue",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 18.465,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 16.08,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 15.88,
+                  },
+                  Object {
+                    "first": 18.47,
+                    "second": 15.61,
+                  },
+                ],
+                "lat": 47.976659600000005,
+                "lon": -122.19877100000001,
+                "relativeDirection": "CONTINUE",
+                "stayOn": false,
+                "streetName": "Paine Avenue",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 20.528,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.61,
+                  },
+                  Object {
+                    "first": 7.9,
+                    "second": 15.6,
+                  },
+                  Object {
+                    "first": 7.9,
+                    "second": 15.6,
+                  },
+                  Object {
+                    "first": 20.53,
+                    "second": 15.52,
+                  },
+                ],
+                "lat": 47.9764974,
+                "lon": -122.19871780000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "32nd Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
+                "area": false,
+                "bogusName": false,
+                "distance": 95.40899999999999,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 15.52,
+                  },
+                  Object {
+                    "first": 10,
+                    "second": 15.35,
+                  },
+                  Object {
+                    "first": 20,
+                    "second": 15.19,
+                  },
+                  Object {
+                    "first": 30,
+                    "second": 15.04,
+                  },
+                  Object {
+                    "first": 40,
+                    "second": 14.88,
+                  },
+                  Object {
+                    "first": 50,
+                    "second": 14.73,
+                  },
+                  Object {
+                    "first": 60,
+                    "second": 14.71,
+                  },
+                  Object {
+                    "first": 69.33,
+                    "second": 14.65,
+                  },
+                  Object {
+                    "first": 69.33,
+                    "second": 14.65,
+                  },
+                  Object {
+                    "first": 79.33,
+                    "second": 14.62,
+                  },
+                  Object {
+                    "first": 89.33,
+                    "second": 14.54,
+                  },
+                  Object {
+                    "first": 95.41,
+                    "second": 14.5,
+                  },
+                ],
+                "lat": 47.976534400000006,
+                "lon": -122.19844760000001,
+                "relativeDirection": "RIGHT",
+                "stayOn": true,
+                "streetName": "32nd Street",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 115.773,
+                "elevation": Array [
+                  Object {
+                    "first": 0,
+                    "second": 14.5,
+                  },
+                  Object {
+                    "first": 7.62,
+                    "second": 14.44,
+                  },
+                  Object {
+                    "first": 7.619,
+                    "second": 14.44,
+                  },
+                  Object {
+                    "first": 17.619,
+                    "second": 14.43,
+                  },
+                  Object {
+                    "first": 27.619,
+                    "second": 14.45,
+                  },
+                  Object {
+                    "first": 36.789,
+                    "second": 14.49,
+                  },
+                  Object {
+                    "first": 36.787,
+                    "second": 14.49,
+                  },
+                  Object {
+                    "first": 46.787,
+                    "second": 14.64,
+                  },
+                  Object {
+                    "first": 56.787,
+                    "second": 14.84,
+                  },
+                  Object {
+                    "first": 66.787,
+                    "second": 15.06,
+                  },
+                  Object {
+                    "first": 75.487,
+                    "second": 15.22,
+                  },
+                  Object {
+                    "first": 75.489,
+                    "second": 15.22,
+                  },
+                  Object {
+                    "first": 81.809,
+                    "second": 15.1,
+                  },
+                  Object {
+                    "first": 81.804,
+                    "second": 15.1,
+                  },
+                  Object {
+                    "first": 84.014,
+                    "second": 15.13,
+                  },
+                  Object {
+                    "first": 84.009,
+                    "second": 15.13,
+                  },
+                  Object {
+                    "first": 94.009,
+                    "second": 15.14,
+                  },
+                  Object {
+                    "first": 99.189,
+                    "second": 15.11,
+                  },
+                  Object {
+                    "first": 99.186,
+                    "second": 15.11,
+                  },
+                  Object {
+                    "first": 105.52600000000001,
+                    "second": 15.13,
+                  },
+                ],
+                "lat": 47.975706,
+                "lon": -122.19811390000001,
+                "relativeDirection": "LEFT",
+                "stayOn": false,
+                "streetName": "path",
+              },
+            ],
+            "to": Object {
+              "arrival": 1651694639000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651694640000,
+              "lat": 47.97485103,
+              "lon": -122.1976189,
+              "name": "Everett Station Bay C1",
+              "stopCode": "2345",
+              "stopId": "CommTrans:2345",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "transitLeg": false,
+          },
+          Object {
+            "agencyId": "29",
+            "agencyName": "Community Transit",
+            "agencyTimeZoneOffset": -25200000,
+            "agencyUrl": "http://www.communitytransit.org/",
+            "arrivalDelay": 0,
+            "departureDelay": 0,
+            "distance": 37716.533319948845,
+            "duration": 2820,
+            "endTime": 1651697460000,
+            "flexDrtAdvanceBookMin": 0,
+            "from": Object {
+              "arrival": 1651694639000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651694640000,
+              "lat": 47.97485103,
+              "lon": -122.1976189,
+              "name": "Everett Station Bay C1",
+              "stopCode": "2345",
+              "stopId": "CommTrans:2345",
+              "stopIndex": 0,
+              "stopSequence": 1,
+              "vertexType": "TRANSIT",
+              "wheelchairBoarding": "UNKNOWN",
+            },
+            "hailedCar": false,
+            "headsign": "Northgate Station",
+            "interStopGeometry": Array [
+              Object {
+                "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 {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c35"
-              >
-                <li
-                  className="c36"
-                >
-                  <div
-                    className="c37"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c38"
-                  >
-                    <span>
-                      Head 
-                      WEST
-                       on 
-                      <span
-                        className="c39"
-                      >
-                        SE Hawthorne Blvd
-                      </span>
-                      <span
-                        className="c40"
-                      >
-                        40 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c36"
-                >
-                  <div
-                    className="c37"
-                  >
-                    <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="c38"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c39"
-                      >
-                        SE 27th Ave
-                      </span>
-                      <span
-                        className="c40"
-                      >
-                        294 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c36"
-                >
-                  <div
-                    className="c37"
-                  >
-                    <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="c38"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c39"
-                      >
-                        SE Madison St
-                      </span>
-                      <span
-                        className="c40"
-                      >
-                        146 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 c62 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        1415 SE 28th Ave, Portland, OR, USA 97214
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      4:06 PM
-    </div>
-    <span
-      className="c22"
-    >
-      Arrive at 
-      1415 SE 28th Ave, Portland, OR, USA 97214
-    </span>
-    <div
-      className="c23"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 357,
-        "elevationGained": 0.8399999999999999,
-        "elevationLost": 2.200000000000001,
-        "endTime": 1573689055000,
-        "fare": Object {
-          "details": Object {},
-          "fare": Object {
-            "regular": Object {
-              "cents": 250,
-              "currency": Object {
-                "currency": "USD",
-                "currencyCode": "USD",
-                "defaultFractionDigits": 2,
-                "symbol": "$",
+                "length": 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",
           },
-        },
-        "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 0,
+            "duration": 2,
+            "endTime": 1651697462000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "departure": 1573688698000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
-              "vertexType": "NORMAL",
+              "arrival": 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": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "length": 2,
+              "points": "{~cbHfesiV??",
             },
             "mode": "WALK",
             "pathway": false,
@@ -71737,212 +78953,815 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688698000,
+            "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": "NORTHWEST",
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": false,
+                "distance": 19.622999999999998,
+                "elevation": Array [
+                  Object {
+                    "first": 10.365,
+                    "second": 98.12,
+                  },
+                  Object {
+                    "first": 19.625,
+                    "second": 97.7,
+                  },
+                ],
+                "lat": 47.705065371872415,
+                "lon": -122.34559550720056,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "North 105th Street",
+              },
+              Object {
+                "absoluteDirection": "SOUTH",
                 "area": false,
                 "bogusName": true,
-                "distance": 50.946,
+                "distance": 4.369,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.172842545446779,
+                    "second": 97.7,
                   },
                   Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
+                    "first": 4.37,
+                    "second": 97.64,
                   },
+                ],
+                "lat": 47.705022400000004,
+                "lon": -122.3453515,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "service road",
+              },
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 54.94,
+                "elevation": Array [
                   Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
+                    "first": 0,
+                    "second": 97.64,
                   },
                   Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
+                    "first": 4.26,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
+                    "first": 4.265,
+                    "second": 97.45,
                   },
                   Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
+                    "first": 14.265,
+                    "second": 96.91,
                   },
                   Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
+                    "first": 24.265,
+                    "second": 96.65,
                   },
                   Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
+                    "first": 33.175,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 33.174,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 37.164,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 37.16,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 39.589999999999996,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 39.586,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 41.976,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 41.976,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 50.196,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 50.193,
+                    "second": 96.62,
+                  },
+                  Object {
+                    "first": 53.443,
+                    "second": 96.62,
                   },
                 ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
+                "lat": 47.7049831,
+                "lon": -122.3453516,
                 "relativeDirection": "LEFT",
-                "stayOn": false,
-                "streetName": "Pioneer Sq N (path)",
+                "stayOn": true,
+                "streetName": "path",
               },
             ],
             "to": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
+              "arrival": 1651698421000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651698454000,
+              "lat": 47.7047806,
+              "lon": -122.344856,
+              "name": "Aurora Ave N & N 105th St",
+              "stopCode": "7080",
+              "stopId": "kcm:7080",
+              "stopIndex": 16,
+              "stopSequence": 117,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "1",
             },
             "transitLeg": false,
           },
           Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
+            "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 {
-                "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,
+                "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 {
-                "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,
+                "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 {
-                "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,
+                "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",
               },
-            ],
-            "arrivalDelay": 0,
-            "averageWait": 935,
-            "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
-            "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "hailedCar": false,
-            "headsign": "Hillsboro",
-            "interStopGeometry": Array [
               Object {
-                "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
+                "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 {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+                "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",
               },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
               Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
-                "stopIndex": 26,
-                "stopSequence": 27,
+                "arrival": 1651700040000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700040000,
+                "lat": 47.6097908,
+                "lon": -122.337959,
+                "name": "3rd Ave & Pike St",
+                "stopCode": "431",
+                "stopId": "kcm:431",
+                "stopIndex": 31,
+                "stopSequence": 361,
                 "vertexType": "TRANSIT",
-                "zoneId": "R",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
+              },
+              Object {
+                "arrival": 1651700212000,
+                "boardAlightType": "DEFAULT",
+                "departure": 1651700212000,
+                "lat": 47.6065025,
+                "lon": -122.334938,
+                "name": "3rd Ave & Seneca St",
+                "stopCode": "468",
+                "stopId": "kcm:468",
+                "stopIndex": 32,
+                "stopSequence": 366,
+                "vertexType": "TRANSIT",
+                "wheelchairBoarding": "UNKNOWN",
+                "zoneId": "21",
               },
             ],
             "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
+              "length": 256,
+              "points": "widbHvmviVvAAnCAnC?pCCnC?dAAnB?\`DCRItDC\\\\?rC?~@?pACpC?pCArA?NHh@?pCCj@?bB?jA?JKx@?fAAhA?~A?LH\`@?pCAfC?L?hC?nCCpC?nC?t@?xA?pCApC?xB?V?pC?nB?rAAX?pAC\`@?N?LBL?LBLBNDLHPHJJVVJLRLNHLHNJNFLFJBZHJDN@N@LBN@ZBpAH\`BPh@Bb@DV@ZDTDNBNDLDPFRFNJPHNJLJJJNLRPZTVPVLd@VTHZLJBLDVJ\`@JZFZJf@Jh@Fh@Dh@DXBh@@pB?jB?lC@nC?rd@JzC@zB?lCBnC?fC@dB?l@?fC?nC?lCAfC?tD?vE?|F?zFC~C?tB?\`EAnB?\`M@lM?xLApAAZC^?j@E~@G\`@EXCVEd@Ih@KdBa@jA[lA]fA]bA]t@[jAe@hAg@pAq@DAbAo@pCcBdEkCZSXMTQRIRKTGTGVGTENARCV?\\\\?lC?zFD\`FBF?lI@|A?lA?bD@nD?nDHv@@vBFtBBr@B^?~BFd@G\`@@\`@Db@Fv@PlA^VFX@VAXGb@U\\\\ONGPERELELARCZ?b@?l@Bx@?^@fABbCC\\\\IhFGj@hA~@tA|BbDDH\`ArA\`AvA\`AnAbAxAlB{DxCaGh@gAnB{DxCeGfCeFN]\`BaDNa@JSNWLUHQFIFGHGjCcCl@k@hC}BLKfEsDdEwDlCcCdB{Ah@c@lCaClCcCnCcCnBcBBA",
             },
-            "mode": "TRAM",
+            "mode": "BUS",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573688770000,
+            "route": "E Line",
+            "routeId": "kcm:102615",
+            "routeShortName": "E Line",
+            "routeType": 3,
+            "serviceDate": "20220504",
+            "startTime": 1651698454000,
             "steps": Array [],
             "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
+            "tripBlockId": "6367577",
+            "tripId": "kcm:491944150",
+            "tripShortName": "LOCAL",
           },
           Object {
-            "agencyTimeZoneOffset": -28800000,
+            "agencyTimeZoneOffset": -25200000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
+            "distance": 135.17100000000002,
+            "duration": 108,
+            "endTime": 1651700473000,
+            "flexDrtAdvanceBookMin": 0,
             "from": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
+              "arrival": 1651700364000,
+              "boardAlightType": "DEFAULT",
+              "departure": 1651700365000,
+              "lat": 47.6035805,
+              "lon": -122.332275,
+              "name": "3rd Ave & Cherry St",
+              "stopCode": "490",
+              "stopId": "kcm:490",
+              "stopIndex": 33,
+              "stopSequence": 372,
               "vertexType": "TRANSIT",
-              "zoneId": "R",
+              "wheelchairBoarding": "UNKNOWN",
+              "zoneId": "21",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
+              "length": 13,
+              "points": "gqpaH|_tiVJKBA@AFEDE@?BEnBkB@@B??@^fA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -71951,126 +79770,146 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688986000,
+            "startTime": 1651700365000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "Providence Park (path)",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": true,
-                "distance": 31.715,
+                "distance": 99.492,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 30.57284254544678,
+                    "first": 8.543,
+                    "second": 20.99,
                   },
                   Object {
-                    "first": 10,
-                    "second": 30.18284254544678,
+                    "first": 11.142999999999999,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.712842545446776,
+                    "first": 11.140999999999998,
+                    "second": 20.74,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "first": 11.450999999999999,
+                    "second": 20.71,
                   },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
+                    "first": 11.446999999999997,
+                    "second": 20.71,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "first": 17.386999999999997,
+                    "second": 20.23,
+                  },
+                  Object {
+                    "first": 17.381999999999998,
+                    "second": 20.23,
+                  },
+                  Object {
+                    "first": 21.191999999999997,
+                    "second": 19.99,
+                  },
+                  Object {
+                    "first": 25.188,
+                    "second": 19.7,
+                  },
+                  Object {
+                    "first": 35.188,
+                    "second": 19.35,
+                  },
+                  Object {
+                    "first": 45.188,
+                    "second": 19.17,
+                  },
+                  Object {
+                    "first": 55.188,
+                    "second": 18.99,
+                  },
+                  Object {
+                    "first": 65.188,
+                    "second": 18.75,
+                  },
+                  Object {
+                    "first": 75.188,
+                    "second": 18.52,
+                  },
+                  Object {
+                    "first": 85.188,
+                    "second": 18.27,
+                  },
+                  Object {
+                    "first": 99.488,
+                    "second": 17.93,
                   },
                 ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                "lat": 47.603566786898504,
+                "lon": -122.33230777867696,
+                "relativeDirection": "DEPART",
+                "stayOn": false,
+                "streetName": "sidewalk",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTHWEST",
                 "area": false,
-                "bogusName": false,
-                "distance": 30.15,
+                "bogusName": true,
+                "distance": 35.679,
                 "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
+                    "first": 0.416,
+                    "second": 17.66,
                   },
                   Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
+                    "first": 10.416,
+                    "second": 16.75,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
+                    "first": 20.416,
+                    "second": 15.91,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                    "first": 30.416,
+                    "second": 15.12,
+                  },
+                  Object {
+                    "first": 32.906,
+                    "second": 14.9,
                   },
                 ],
-                "lat": 45.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SW Morrison St",
+                "lat": 47.602787500000005,
+                "lon": -122.3316056,
+                "relativeDirection": "UTURN_RIGHT",
+                "stayOn": true,
+                "streetName": "sidewalk",
               },
             ],
             "to": Object {
-              "arrival": 1573689055000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "arrival": 1651700473000,
+              "lat": 47.602632914527724,
+              "lon": -122.33197990547832,
+              "name": "208 James St, Seattle, WA 98104-2212, United States",
+              "orig": "208 James St, Seattle, WA 98104-2212, United States",
               "vertexType": "NORMAL",
+              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1573688698000,
+        "startTime": 1651694250000,
         "tooSloped": false,
-        "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 157.97398507143885,
+        "transfers": 2,
+        "transitTime": 5390,
+        "waitingTime": 273,
+        "walkDistance": 677.2714626770405,
         "walkLimitExceeded": false,
-        "walkTime": 140,
+        "walkTime": 560,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -72081,7 +79920,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   color: #333;
 }
 
-.c63 {
+.c57 {
   color: #f44256;
 }
 
@@ -72121,7 +79960,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   margin: 0 0.125em;
 }
 
-.c58 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -72173,10 +80012,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   width: 0;
 }
 
-.c46 {
-  font-weight: 200;
-}
-
 .c25 {
   font-weight: inherit;
 }
@@ -72345,70 +80180,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   padding-left: 1ch;
 }
 
-.c61 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c62 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c59 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c50 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c52 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c53 {
+.c47 {
   margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c51 {
-  float: left;
-  font-size: 18px;
-}
-
-.c49 {
-  display: block;
-  margin-top: 3px;
 }
 
 .c48 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c54 {
-  margin-top: 5px;
-}
-
-.c55 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -72416,30 +80208,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   display: flex;
 }
 
-.c57 {
+.c50 {
   font-size: 14px;
 }
 
-.c56 {
+.c49 {
   padding: 0;
 }
 
-.c47 {
+.c46 {
   margin-top: 5px;
 }
 
-.c47 a {
+.c46 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c47 a:hover {
+.c46 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c47 img {
+.c46 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -72497,7 +80289,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   width: 100%;
 }
 
-.c1 .c60 {
+.c1 .c53 {
   margin-left: -23px;
 }
 
@@ -72536,7 +80328,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   background-color: gray;
   left: 5px;
   right: 5px;
-  background-color: #084C8D;
+  background-color: #0070c0;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
+.c56 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #000088;
   bottom: -11px;
   position: absolute;
   top: 11px;
@@ -72595,7 +80398,916 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c11 c12"
+          className="c8 c11 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        47.97767, -122.20034
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      12:57 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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.3 miles to 
+              <span
+                className="c25"
+              >
+                Everett Station Bay C1
+              </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]}
+            >
+              6 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              >
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      Head 
+                      SOUTH
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        0.1 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Smith Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        129 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Paine Avenue
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        61 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        67 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        32nd Street
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        313 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        380 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c38"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 512 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        Everett Station Bay C1
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:04 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 2345
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      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="c43 c44"
+                  >
+                    512
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Northgate Station
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                Northgate Station
+              </span>
+            </span>
+            <button
+              className="c26 c27"
+              onClick={[Function]}
+            >
+              <span
+                className="c19"
+              >
+                Zoom to leg on map
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          aria-label="Leg details"
+          role="group"
+        >
+          <div
+            className="c46"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://www.communitytransit.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Community Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                47 min
+                 / 6 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Broadway & 34th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        South Everett Fwy Station Bay 3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Ash Way Park & Ride Bay 1
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Lynnwood Transit Center Bay D3
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Mountlake Terrace Fwy Station Bay 6
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <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"
+      >
+        Northgate Station
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      1:51 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 2191
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <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 to 
+              <span
+                className="c25"
+              >
+                Northgate Station - Bay 4
+              </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]}
+            >
+              0 min
+              <span
+                className="c31"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="c8"
+                  fill="currentColor"
+                  focusable="false"
+                  height={15}
+                  viewBox="0 0 320 512"
+                  width={15}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                className="c19"
+              >
+                (Expand details)
+              </span>
+            </button>
+          </span>
+          <div
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
+            style={
+              Object {
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <ol
+                className="c32"
+              />
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <div
+      className="c4 c5"
+    >
+      <div
+        className="c56"
+      />
+      <span
+        className="c7"
+      >
+        <svg
+          aria-hidden="true"
+          className="c8 c9"
+          color="black"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -72604,7 +81316,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
+            fill="currentColor"
+          />
+        </svg>
+        <svg
+          aria-hidden="true"
+          className="c8 c9 c10"
+          color="white"
+          fill="currentColor"
+          focusable="false"
+          height={14}
+          viewBox="0 0 512 512"
+          width={14}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
             fill="currentColor"
           />
         </svg>
@@ -72617,13 +81345,379 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        Northgate Station - Bay 4
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:44 PM
+      1:55 PM
+    </div>
+    <span
+      className="c19"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c20"
+    >
+      <div
+        className="c39"
+      >
+        Stop ID 35318
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
+      <div
+        className="c21"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c22"
+          >
+            <span>
+              <span
+                className="c19"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c22 c42"
+              >
+                <span
+                  className="c23"
+                >
+                  <span
+                    className="c24"
+                  >
+                    <svg
+                      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="c43 c44"
+                  >
+                    40
+                  </span>
+                </span>
+                <span
+                  className="c45"
+                >
+                  <span>
+                    Downtown Seattle Ballard
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c19"
+              >
+                 - 
+                Disembark at 
+                N 105th St & Aurora Ave N
+              </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="c46"
+          >
+            Service operated by 
+            <a
+              aria-label="otpUi.TransitLegBody.agencyExternalLink"
+              href="http://metro.kingcounty.gov"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Metro Transit
+            </a>
+          </div>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
+              Object {
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            />
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c48"
+            >
+              <button
+                className="c26 c49"
+                onClick={[Function]}
+              >
+                Ride 
+                11 min
+                 / 8 stops
+                <span
+                  className="c31"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className="c8"
+                    fill="currentColor"
+                    focusable="false"
+                    height={15}
+                    viewBox="0 0 320 512"
+                    width={15}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <span
+                  className="c19"
+                >
+                  (Expand details)
+                </span>
+              </button>
+              <a
+                className="c40 c41"
+                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="c50"
+                >
+                  <ol
+                    className="c51"
+                  >
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        1st Ave NE & NE 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N 92nd St & Corliss Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        College Way N & N 97th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        College Way N & N 103rd St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Meridian Ave N & N 105th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N Northgate Way & Meridian Ave N
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        N Northgate Way & Stone Ave N
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li
+    className="c2 c3"
+  >
+    <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"
+      >
+        N 105th St & Aurora Ave N
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      2:06 PM
     </div>
     <span
       className="c19"
@@ -72633,6 +81727,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
     <div
       className="c20"
     >
+      <div
+        className="c39"
+      >
+        Stop ID 40032
+        <a
+          className="c40 c41"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
       <div
         className="c21"
       >
@@ -72672,11 +81777,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                - 
             </span>
             <span>
-              Walk 269 feet to 
+              Walk 259 feet to 
               <span
                 className="c25"
               >
-                Pioneer Square North MAX Station
+                Aurora Ave N & N 105th St
               </span>
             </span>
             <button
@@ -72765,17 +81870,50 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                   >
                     <span>
                       Head 
-                      NORTHWEST
+                      EAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        North 105th Street
                       </span>
                       <span
                         className="c37"
                       >
-                        167 feet
+                        64 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        service road
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        14 feet
                       </span>
                     </span>
                   </div>
@@ -72803,12 +81941,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                       <span
                         className="c36"
                       >
-                        Pioneer Sq N (path)
+                        Unnamed Path
                       </span>
                       <span
                         className="c37"
                       >
-                        101 feet
+                        180 feet
                       </span>
                     </span>
                   </div>
@@ -72827,7 +81965,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c56"
       />
       <span
         className="c7"
@@ -72873,13 +82011,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        Pioneer Square North MAX Station
+        Aurora Ave N & N 105th St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:46 PM
+      2:07 PM
     </div>
     <span
       className="c19"
@@ -72892,7 +82030,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
       <div
         className="c39"
       >
-        Stop ID 8383
+        Stop ID 7080
         <a
           className="c40 c41"
           onClick={[Function]}
@@ -72926,41 +82064,40 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     className="c24"
                   >
                     <svg
-                      aria-label="TRAM"
+                      aria-label="BUS"
                       height="100%"
                       version="1.0"
-                      viewBox="0 0 66.461 100"
+                      viewBox="0 0 81.59 99.992"
                       width="100%"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z"
-                      />
-                      <path
-                        d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z"
+                        d="M68.848,68.51"
                       />
                       <path
-                        d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z"
+                        d="M12.687,68.51"
                       />
+                      <g>
+                        <path
+                          d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z"
+                        />
+                        <path
+                          d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z"
+                        />
+                      </g>
                     </svg>
                   </span>
                   <span
                     className="c43 c44"
                   >
-                    MAX Blue Line
+                    E Line
                   </span>
                 </span>
                 <span
                   className="c45"
                 >
                   <span>
-                    MAX Blue Line 
-                    <span
-                      className="c46"
-                    >
-                      to
-                    </span>
-                     Hillsboro
+                    Downtown Seattle
                   </span>
                 </span>
               </span>
@@ -72969,7 +82106,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
               >
                  - 
                 Disembark at 
-                Providence Park MAX Station
+                3rd Ave & Cherry St
               </span>
             </span>
             <button
@@ -72989,198 +82126,45 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
           role="group"
         >
           <div
-            className="c47"
+            className="c46"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://trimet.org/"
+              href="http://metro.kingcounty.gov"
               rel="noopener noreferrer"
               target="_blank"
             >
-              TriMet
-              <img
-                alt=""
-                height={25}
-                src="http://news.trimet.org/wordpress/wp-content/uploads/2019/04/TriMet-logo-300x300.png"
-              />
+              Metro Transit
             </a>
           </div>
-          <button
-            className="c26 c48"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            3 alerts
-            <span
-              className="c31"
-            >
-              <svg
-                aria-hidden="true"
-                className="c8"
-                fill="currentColor"
-                focusable="false"
-                height={15}
-                viewBox="0 0 320 512"
-                width={15}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  fill="currentColor"
-                />
-              </svg>
-            </span>
-          </button>
           <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
             style={
               Object {
-                "height": 0,
-                "overflow": "hidden",
+                "height": "auto",
+                "overflow": "visible",
               }
             }
           >
             <div
               style={Object {}}
-            >
-              <div
-                className="c49"
-              >
-                <a
-                  className="c50"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of December 15, 2019
-                  </div>
-                </a>
-                <a
-                  className="c50"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 6, 2019
-                  </div>
-                </a>
-                <a
-                  className="c50"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c51"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c52"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c53"
-                  >
-                    Effective as of November 3, 2019
-                  </div>
-                </a>
-              </div>
-            </div>
+            />
           </div>
           <div
-            className="c54"
+            className="c47"
           >
             <div
-              className="c55"
+              className="c48"
             >
               <button
-                className="c26 c56"
+                className="c26 c49"
                 onClick={[Function]}
               >
                 Ride 
-                3 min
-                 / 2 stops
+                31 min
+                 / 17 stops
                 <span
                   className="c31"
                 >
@@ -73228,33 +82212,239 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                 style={Object {}}
               >
                 <div
-                  className="c57"
+                  className="c50"
                 >
                   <ol
-                    className="c58"
+                    className="c51"
                   >
                     <li
-                      className="c59"
+                      className="c52"
                     >
                       <div
-                        className="c60 c61"
+                        className="c53 c54"
                       >
                         •
                       </div>
                       <div
-                        className="c62"
+                        className="c55"
                       >
-                        Galleria/SW 10th Ave MAX Station
+                        Aurora Ave N & N 100th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 95th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 90th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 85th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 80th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 76th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 65th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & N 46th St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Lynn St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Aurora Ave N & Galer St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        7th Ave N & Thomas St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        Wall St & 5th Ave
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Bell St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Virginia St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Pike St
+                      </div>
+                    </li>
+                    <li
+                      className="c52"
+                    >
+                      <div
+                        className="c53 c54"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c55"
+                      >
+                        3rd Ave & Seneca St
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
-            <span>
-              Typical wait: 
-              15 min
-            </span>
           </div>
         </div>
       </div>
@@ -73313,13 +82503,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        Providence Park MAX Station
+        3rd Ave & Cherry St
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:49 PM
+      2:39 PM
     </div>
     <span
       className="c19"
@@ -73332,7 +82522,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
       <div
         className="c39"
       >
-        Stop ID 9757
+        Stop ID 490
         <a
           className="c40 c41"
           onClick={[Function]}
@@ -73379,11 +82569,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                - 
             </span>
             <span>
-              Walk 249 feet to 
+              Walk 443 feet to 
               <span
                 className="c25"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                208 James St, Seattle, WA 98104-2212, United States
               </span>
             </span>
             <button
@@ -73472,83 +82662,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                   >
                     <span>
                       Head 
-                      WEST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Providence Park (path)
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        104 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
+                      SOUTHEAST
                        on 
                       <span
                         className="c36"
                       >
-                        Unnamed Path
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        27 feet
+                        326 feet
                       </span>
                     </span>
                   </div>
@@ -73563,7 +82687,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
                       />
                     </svg>
                   </div>
@@ -73571,17 +82695,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     className="c35"
                   >
                     <span>
-                      RIGHT
+                      UTURN_RIGHT
                        on 
                       <span
                         className="c36"
                       >
-                        SW Morrison St
+                        sidewalk
                       </span>
                       <span
                         className="c37"
                       >
-                        99 feet
+                        117 feet
                       </span>
                     </span>
                   </div>
@@ -73620,7 +82744,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c63 c12"
+          className="c8 c57 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -73642,19 +82766,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         aria-hidden={true}
         className="c15 c16"
       >
-        1737 SW Morrison St, Portland, OR, USA 97205
+        208 James St, Seattle, WA 98104-2212, United States
       </span>
     </div>
     <div
       className="c17 c18"
     >
-      3:50 PM
+      2:41 PM
     </div>
     <span
       className="c19"
     >
       Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
+      208 James St, Seattle, WA 98104-2212, United States
     </span>
     <div
       className="c20"
@@ -73663,7 +82787,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -73675,7 +82799,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={true}
+    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 6223,
@@ -75583,7 +84707,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -78461,7 +87585,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 1`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -78473,7 +87597,6 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
   textComponent={Symbol(react.fragment)}
 >
   <OtpRRItineraryBodyWrapper
-    alwaysCollapseAlerts={false}
     itinerary={
       Object {
         "duration": 6223,
@@ -80381,7 +89504,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 2`] = `
+exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 2`] = `
 .c8 {
   display: inline-block;
   vertical-align: middle;
@@ -83102,2098 +92225,691 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
             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 
-                      SOUTHEAST
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        sidewalk
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        326 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      UTURN_RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        sidewalk
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        117 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 c57 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        208 James St, Seattle, WA 98104-2212, United States
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      2:41 PM
-    </div>
-    <span
-      className="c19"
-    >
-      Arrive at 
-      208 James St, Seattle, WA 98104-2212, United States
-    </span>
-    <div
-      className="c20"
-    />
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <OtpRRItineraryBodyWrapper
-    itinerary={
-      Object {
-        "duration": 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": "$",
-              },
-            },
-          },
-        },
+              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 
+                      SOUTHEAST
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        sidewalk
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        326 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c33"
+                >
+                  <div
+                    className="c34"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c35"
+                  >
+                    <span>
+                      UTURN_RIGHT
+                       on 
+                      <span
+                        className="c36"
+                      >
+                        sidewalk
+                      </span>
+                      <span
+                        className="c37"
+                      >
+                        117 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 c57 c12"
+          fill="currentColor"
+          focusable="false"
+          height={20}
+          viewBox="0 0 384 512"
+          width={20}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      className="c13 c14"
+    >
+      <span
+        aria-hidden={true}
+        className="c15 c16"
+      >
+        208 James St, Seattle, WA 98104-2212, United States
+      </span>
+    </div>
+    <div
+      className="c17 c18"
+    >
+      2:41 PM
+    </div>
+    <span
+      className="c19"
+    >
+      Arrive at 
+      208 James St, Seattle, WA 98104-2212, United States
+    </span>
+    <div
+      className="c20"
+    />
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <ItineraryBodyDefaultsWrapper
+    itinerary={
+      Object {
+        "duration": 446,
+        "elevationGained": 15.61,
+        "elevationLost": 1.679999999999998,
+        "endTime": 1573688966000,
         "legs": Array [
           Object {
-            "agencyTimeZoneOffset": -25200000,
+            "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 462.78599999999994,
-            "duration": 389,
-            "endTime": 1651694639000,
-            "flexDrtAdvanceBookMin": 0,
+            "distance": 1116.0369999999998,
+            "duration": 446,
+            "endTime": 1573688966000,
             "from": Object {
-              "departure": 1651694250000,
-              "lat": 47.97766686876693,
-              "lon": -122.20034419816042,
-              "name": "47.97767, -122.20034",
-              "orig": "47.97767, -122.20034",
+              "departure": 1573688520000,
+              "lat": 45.519610192858764,
+              "lon": -122.67747003370778,
+              "name": "503 SW Alder St, Portland, OR, USA 97204",
+              "orig": "503 SW Alder St, Portland, OR, USA 97204",
               "vertexType": "NORMAL",
-              "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": 61,
+              "points": "cpytGlmwkVF]@GDQ@ERFxAp@LFFBCJCJ?@m@hDCJAJCHW|AMn@EVCPEVk@zCCNCLUnAALENg@zCCJAHEPAHi@vCEVCTe@lCEPEVERi@~CCRGZ_@xBIb@EVERi@~CCLCRKl@O|@G\\\\EPCNG\\\\i@|CCLCRSfAAHAB",
             },
-            "mode": "WALK",
+            "mode": "BICYCLE",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1651694250000,
+            "startTime": 1573688520000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "EAST",
                 "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,
+                "bogusName": false,
+                "distance": 26.427,
+                "elevation": Array [],
+                "lat": 45.51954167352444,
+                "lon": -122.67750715719282,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "service road",
+                "streetName": "SW Alder St",
               },
               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,
+                "distance": 78.352,
+                "elevation": Array [],
+                "lat": 45.5194572,
+                "lon": -122.6771901,
                 "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",
+                "streetName": "SW 5th Ave",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "WEST",
                 "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,
+                "distance": 1011.2579999999999,
                 "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,
+                    "second": 10.702842545446778,
                   },
                   Object {
-                    "first": 66.787,
-                    "second": 15.06,
+                    "first": 10.63,
+                    "second": 10.962842545446778,
                   },
                   Object {
-                    "first": 75.487,
-                    "second": 15.22,
+                    "first": 81.981,
+                    "second": 13.432842545446778,
                   },
                   Object {
-                    "first": 75.489,
-                    "second": 15.22,
+                    "first": 87.431,
+                    "second": 13.442842545446778,
                   },
                   Object {
-                    "first": 81.809,
-                    "second": 15.1,
+                    "first": 87.43499999999999,
+                    "second": 13.442842545446778,
                   },
                   Object {
-                    "first": 81.804,
-                    "second": 15.1,
+                    "first": 91.77499999999999,
+                    "second": 13.522842545446778,
                   },
                   Object {
-                    "first": 84.014,
-                    "second": 15.13,
+                    "first": 91.77199999999999,
+                    "second": 13.522842545446778,
                   },
                   Object {
-                    "first": 84.009,
-                    "second": 15.13,
+                    "first": 96.442,
+                    "second": 13.622842545446778,
                   },
                   Object {
-                    "first": 94.009,
-                    "second": 15.14,
+                    "first": 96.446,
+                    "second": 13.622842545446778,
                   },
                   Object {
-                    "first": 99.189,
-                    "second": 15.11,
+                    "first": 106.446,
+                    "second": 14.042842545446778,
                   },
                   Object {
-                    "first": 99.186,
-                    "second": 15.11,
+                    "first": 116.446,
+                    "second": 14.502842545446779,
                   },
                   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 [
+                    "first": 126.446,
+                    "second": 14.672842545446779,
+                  },
                   Object {
-                    "first": 10.365,
-                    "second": 98.12,
+                    "first": 135.226,
+                    "second": 15.072842545446779,
                   },
                   Object {
-                    "first": 19.625,
-                    "second": 97.7,
+                    "first": 135.23,
+                    "second": 15.072842545446779,
                   },
-                ],
-                "lat": 47.705065371872415,
-                "lon": -122.34559550720056,
-                "relativeDirection": "DEPART",
-                "stayOn": false,
-                "streetName": "North 105th Street",
-              },
-              Object {
-                "absoluteDirection": "SOUTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 4.369,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 97.7,
+                    "first": 145.23,
+                    "second": 15.622842545446778,
                   },
                   Object {
-                    "first": 4.37,
-                    "second": 97.64,
+                    "first": 155.92,
+                    "second": 15.932842545446778,
                   },
-                ],
-                "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,
+                    "first": 155.91799999999998,
+                    "second": 15.932842545446778,
                   },
                   Object {
-                    "first": 4.26,
-                    "second": 97.45,
+                    "first": 165.19799999999998,
+                    "second": 16.23284254544678,
                   },
                   Object {
-                    "first": 4.265,
-                    "second": 97.45,
+                    "first": 165.19299999999998,
+                    "second": 16.23284254544678,
                   },
                   Object {
-                    "first": 14.265,
-                    "second": 96.91,
+                    "first": 172.97299999999998,
+                    "second": 16.25284254544678,
                   },
                   Object {
-                    "first": 24.265,
-                    "second": 96.65,
+                    "first": 172.975,
+                    "second": 16.25284254544678,
                   },
                   Object {
-                    "first": 33.175,
-                    "second": 96.62,
+                    "first": 182.975,
+                    "second": 16.51284254544678,
                   },
                   Object {
-                    "first": 33.174,
-                    "second": 96.62,
+                    "first": 192.975,
+                    "second": 16.80284254544678,
                   },
                   Object {
-                    "first": 37.164,
-                    "second": 96.62,
+                    "first": 202.975,
+                    "second": 17.132842545446778,
                   },
                   Object {
-                    "first": 37.16,
-                    "second": 96.62,
+                    "first": 212.975,
+                    "second": 17.41284254544678,
                   },
                   Object {
-                    "first": 39.589999999999996,
-                    "second": 96.62,
+                    "first": 222.975,
+                    "second": 17.68284254544678,
                   },
                   Object {
-                    "first": 39.586,
-                    "second": 96.62,
+                    "first": 232.975,
+                    "second": 17.972842545446778,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 242.975,
+                    "second": 18.262842545446777,
                   },
                   Object {
-                    "first": 41.976,
-                    "second": 96.62,
+                    "first": 254.685,
+                    "second": 18.402842545446777,
                   },
                   Object {
-                    "first": 50.196,
-                    "second": 96.62,
+                    "first": 254.683,
+                    "second": 18.402842545446777,
                   },
                   Object {
-                    "first": 50.193,
-                    "second": 96.62,
+                    "first": 264.683,
+                    "second": 18.652842545446777,
                   },
                   Object {
-                    "first": 53.443,
-                    "second": 96.62,
+                    "first": 274.683,
+                    "second": 18.80284254544678,
                   },
-                ],
-                "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,
+                    "first": 284.683,
+                    "second": 18.96284254544678,
                   },
                   Object {
-                    "first": 11.142999999999999,
-                    "second": 20.74,
+                    "first": 294.683,
+                    "second": 19.14284254544678,
                   },
                   Object {
-                    "first": 11.140999999999998,
-                    "second": 20.74,
+                    "first": 300.233,
+                    "second": 19.21284254544678,
                   },
                   Object {
-                    "first": 11.450999999999999,
-                    "second": 20.71,
+                    "first": 300.236,
+                    "second": 19.21284254544678,
                   },
                   Object {
-                    "first": 11.446999999999997,
-                    "second": 20.71,
+                    "first": 306.976,
+                    "second": 19.28284254544678,
                   },
                   Object {
-                    "first": 17.386999999999997,
-                    "second": 20.23,
+                    "first": 306.973,
+                    "second": 19.28284254544678,
                   },
                   Object {
-                    "first": 17.381999999999998,
-                    "second": 20.23,
+                    "first": 316.973,
+                    "second": 19.53284254544678,
                   },
                   Object {
-                    "first": 21.191999999999997,
-                    "second": 19.99,
+                    "first": 326.973,
+                    "second": 19.652842545446777,
                   },
                   Object {
-                    "first": 25.188,
-                    "second": 19.7,
+                    "first": 336.973,
+                    "second": 19.87284254544678,
                   },
                   Object {
-                    "first": 35.188,
-                    "second": 19.35,
+                    "first": 346.973,
+                    "second": 20.05284254544678,
                   },
                   Object {
-                    "first": 45.188,
-                    "second": 19.17,
+                    "first": 356.973,
+                    "second": 20.202842545446778,
                   },
                   Object {
-                    "first": 55.188,
-                    "second": 18.99,
+                    "first": 371.463,
+                    "second": 20.39284254544678,
                   },
                   Object {
-                    "first": 65.188,
-                    "second": 18.75,
+                    "first": 371.46000000000004,
+                    "second": 20.39284254544678,
                   },
                   Object {
-                    "first": 75.188,
-                    "second": 18.52,
+                    "first": 380.99,
+                    "second": 20.53284254544678,
                   },
                   Object {
-                    "first": 85.188,
-                    "second": 18.27,
+                    "first": 380.992,
+                    "second": 20.53284254544678,
                   },
                   Object {
-                    "first": 99.488,
-                    "second": 17.93,
+                    "first": 390.992,
+                    "second": 20.762842545446777,
                   },
-                ],
-                "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,
+                    "first": 400.992,
+                    "second": 20.952842545446778,
                   },
                   Object {
-                    "first": 10.416,
-                    "second": 16.75,
+                    "first": 410.992,
+                    "second": 21.25284254544678,
                   },
                   Object {
-                    "first": 20.416,
-                    "second": 15.91,
+                    "first": 420.992,
+                    "second": 21.69284254544678,
                   },
                   Object {
-                    "first": 30.416,
-                    "second": 15.12,
+                    "first": 430.992,
+                    "second": 21.94284254544678,
                   },
                   Object {
-                    "first": 32.906,
-                    "second": 14.9,
+                    "first": 440.992,
+                    "second": 22.362842545446778,
+                  },
+                  Object {
+                    "first": 450.992,
+                    "second": 22.742842545446777,
+                  },
+                  Object {
+                    "first": 460.992,
+                    "second": 22.992842545446777,
+                  },
+                  Object {
+                    "first": 466.262,
+                    "second": 23.152842545446777,
+                  },
+                  Object {
+                    "first": 551.414,
+                    "second": 26.242842545446777,
+                  },
+                  Object {
+                    "first": 561.414,
+                    "second": 26.57284254544678,
+                  },
+                  Object {
+                    "first": 571.414,
+                    "second": 27.022842545446778,
+                  },
+                  Object {
+                    "first": 581.414,
+                    "second": 27.402842545446777,
+                  },
+                  Object {
+                    "first": 591.414,
+                    "second": 27.642842545446776,
+                  },
+                  Object {
+                    "first": 601.414,
+                    "second": 28.032842545446776,
+                  },
+                  Object {
+                    "first": 611.414,
+                    "second": 28.43284254544678,
+                  },
+                  Object {
+                    "first": 621.414,
+                    "second": 28.722842545446778,
+                  },
+                  Object {
+                    "first": 634.874,
+                    "second": 28.94284254544678,
+                  },
+                  Object {
+                    "first": 634.871,
+                    "second": 28.94284254544678,
+                  },
+                  Object {
+                    "first": 647.011,
+                    "second": 29.352842545446777,
+                  },
+                  Object {
+                    "first": 712.587,
+                    "second": 29.12284254544678,
+                  },
+                  Object {
+                    "first": 722.467,
+                    "second": 30.102842545446777,
+                  },
+                  Object {
+                    "first": 722.4689999999999,
+                    "second": 30.102842545446777,
+                  },
+                  Object {
+                    "first": 732.4689999999999,
+                    "second": 29.98284254544678,
+                  },
+                  Object {
+                    "first": 742.4689999999999,
+                    "second": 30.15284254544678,
+                  },
+                  Object {
+                    "first": 752.4689999999999,
+                    "second": 30.40284254544678,
+                  },
+                  Object {
+                    "first": 762.4689999999999,
+                    "second": 30.65284254544678,
+                  },
+                  Object {
+                    "first": 772.4689999999999,
+                    "second": 30.672842545446777,
+                  },
+                  Object {
+                    "first": 782.4689999999999,
+                    "second": 31.102842545446777,
+                  },
+                  Object {
+                    "first": 792.4689999999999,
+                    "second": 31.07284254544678,
+                  },
+                  Object {
+                    "first": 803.1589999999999,
+                    "second": 31.202842545446778,
+                  },
+                  Object {
+                    "first": 803.1589999999999,
+                    "second": 31.202842545446778,
+                  },
+                  Object {
+                    "first": 813.1589999999999,
+                    "second": 31.312842545446777,
+                  },
+                  Object {
+                    "first": 823.1589999999999,
+                    "second": 31.462842545446776,
+                  },
+                  Object {
+                    "first": 830.6589999999999,
+                    "second": 31.492842545446777,
+                  },
+                  Object {
+                    "first": 830.6589999999999,
+                    "second": 31.492842545446777,
+                  },
+                  Object {
+                    "first": 840.6589999999999,
+                    "second": 31.41284254544678,
+                  },
+                  Object {
+                    "first": 850.6589999999999,
+                    "second": 31.34284254544678,
+                  },
+                  Object {
+                    "first": 856.2689999999999,
+                    "second": 31.32284254544678,
+                  },
+                  Object {
+                    "first": 883.1969999999999,
+                    "second": 31.142842545446776,
+                  },
+                  Object {
+                    "first": 893.1969999999999,
+                    "second": 30.962842545446776,
+                  },
+                  Object {
+                    "first": 903.1969999999999,
+                    "second": 30.892842545446776,
+                  },
+                  Object {
+                    "first": 913.1969999999999,
+                    "second": 30.782842545446776,
+                  },
+                  Object {
+                    "first": 923.1969999999999,
+                    "second": 30.44284254544678,
+                  },
+                  Object {
+                    "first": 933.1969999999999,
+                    "second": 30.12284254544678,
+                  },
+                  Object {
+                    "first": 943.1969999999999,
+                    "second": 29.98284254544678,
+                  },
+                  Object {
+                    "first": 953.1969999999999,
+                    "second": 29.82284254544678,
+                  },
+                  Object {
+                    "first": 967.4069999999999,
+                    "second": 29.82284254544678,
+                  },
+                  Object {
+                    "first": 967.4069999999999,
+                    "second": 29.82284254544678,
+                  },
+                  Object {
+                    "first": 975.487,
+                    "second": 29.792842545446778,
+                  },
+                  Object {
+                    "first": 1009.5439999999999,
+                    "second": 29.562842545446777,
+                  },
+                  Object {
+                    "first": 1011.2539999999999,
+                    "second": 29.55284254544678,
                   },
                 ],
-                "lat": 47.602787500000005,
-                "lon": -122.3316056,
-                "relativeDirection": "UTURN_RIGHT",
-                "stayOn": true,
-                "streetName": "sidewalk",
+                "lat": 45.5187975,
+                "lon": -122.6775431,
+                "relativeDirection": "RIGHT",
+                "stayOn": false,
+                "streetName": "SW Morrison St",
               },
             ],
             "to": Object {
-              "arrival": 1651700473000,
-              "lat": 47.602632914527724,
-              "lon": -122.33197990547832,
-              "name": "208 James St, Seattle, WA 98104-2212, United States",
-              "orig": "208 James St, Seattle, WA 98104-2212, United States",
+              "arrival": 1573688966000,
+              "lat": 45.522170898252,
+              "lon": -122.68959868692157,
+              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
               "vertexType": "NORMAL",
-              "wheelchairBoarding": "UNKNOWN",
             },
             "transitLeg": false,
           },
         ],
-        "startTime": 1651694250000,
+        "startTime": 1573688520000,
         "tooSloped": false,
-        "transfers": 2,
-        "transitTime": 5390,
-        "waitingTime": 273,
-        "walkDistance": 677.2714626770405,
+        "transfers": 0,
+        "transitTime": 0,
+        "waitingTime": 0,
+        "walkDistance": 1116.0635363134143,
         "walkLimitExceeded": false,
-        "walkTime": 560,
+        "walkTime": 446,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 2`] = `
-.c8 {
+exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
+.c22 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c11 {
-  color: #333;
+.c40 {
+  color: #f44256;
 }
 
-.c57 {
-  color: #f44256;
+.c35 {
+  border-top-style: solid;
+  border-top-width: 0;
+  padding-top: 0;
+  padding-bottom: 10px;
 }
 
-.c26 {
+.c16 {
   background: transparent;
   border: 0;
   color: inherit;
@@ -85203,37 +92919,59 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   text-decoration: none;
 }
 
-.c40 {
+.c37 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c40:hover {
+.c37:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c41 {
-  padding-left: 0px;
-}
-
-.c41:before {
-  content: "|";
+.c6 {
   color: black;
-  margin-right: 5px;
+  background-color: red;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
 }
 
-.c31::before {
+.c21::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c51 {
-  display: block;
-  font-size: 13px;
-  list-style: none;
-  padding: 0;
+.c39 {
+  text-align: center;
+}
+
+.c4 {
+  border-left: dotted 4px red;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
 }
 
 .c0 {
@@ -85241,13 +92979,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   padding: 0;
 }
 
-.c21 {
+.c12 {
   color: #676767;
   font-size: 13px;
   padding-bottom: 12px;
 }
 
-.c27 {
+.c17 {
   bottom: 0;
   cursor: pointer;
   left: 0;
@@ -85258,7 +92996,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   z-index: 1;
 }
 
-.c22 {
+.c13 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -85272,7 +93010,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   position: relative;
 }
 
-.c19 {
+.c10 {
   display: inline-block;
   grid-row-start: 2;
   grid-column-start: 1;
@@ -85281,69 +93019,109 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   width: 0;
 }
 
-.c25 {
+.c15 {
   font-weight: inherit;
 }
 
-.c45 {
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.c44 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
-.c42 {
-  color: #807373;
-  margin-top: 5px;
-}
-
-.c24 img,
-.c24 svg {
-  margin-right: 6px;
-  height: 24px;
-  width: 24px;
-  vertical-align: bottom;
-}
-
-.c23 {
+.c14 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }
 
+.c3 {
+  position: relative;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  height: 100%;
+}
+
 .c5 {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  -webkit-transform: translate(-51%,-10%);
+  -ms-transform: translate(-51%,-10%);
+  transform: translate(-51%,-10%);
+}
+
+.c2 {
   grid-column-start: 2;
   grid-row: span 2;
   padding-right: 5px;
 }
 
-.c28 {
+.c18 {
   display: grid;
   grid-template-columns: 100px auto;
 }
 
-.c3 {
+.c1 {
   max-width: 500px;
   display: grid;
   grid-template-columns: 65px 30px auto;
 }
 
-.c18 {
+.c29 {
+  border-color: #fff;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  font-style: normal;
+  grid-column: 2;
+  grid-row: 1;
+  margin: 0 4px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  vertical-align: middle;
+  width: 75%;
+}
+
+.c29:hover {
+  border-color: #d1d5da;
+  background-color: #f6f8fa;
+}
+
+.c9 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
   padding-right: 5px;
   font-size: 0.9em;
 }
 
-.c20 {
+.c38 {
+  padding: 3px 10px 3px 10px;
+  border: 0;
+  margin-top: -15px;
+  width: 35px;
+  height: 35px;
+}
+
+.c38:hover {
+  cursor: pointer;
+}
+
+.c36 {
+  -webkit-flex: 0 0 25px;
+  -ms-flex: 0 0 25px;
+  flex: 0 0 25px;
+  grid-column: -1;
+}
+
+.c11 {
   grid-row-start: 2;
   grid-column-start: 3;
 }
 
-.c14 {
+.c7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -85353,7 +93131,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   grid-column-start: 3;
 }
 
-.c16 {
+.c8 {
   font-size: inherit;
   font-weight: bold;
   height: 1.2em;
@@ -85367,32 +93145,49 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   padding: 3px 0 10px 0;
 }
 
-.c39 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
+.c30 {
+  padding: 2px;
+  width: 100%;
 }
 
 .c32 {
+  font-size: xx-small;
+}
+
+.c32::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c33 {
+  color: #e60000;
+}
+
+.c34 {
+  color: green;
+}
+
+.c31 {
+  font-size: small;
+}
+
+.c23 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c35 {
+.c26 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c35 > span {
+.c26 > span {
   margin-right: 1ch;
 }
 
-.c29 {
+.c19 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -85403,7 +93198,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   margin-top: 10px;
 }
 
-.c29 a {
+.c19 a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -85418,1082 +93213,133 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
   justify-content: center;
 }
 
-.c30 {
+.c20 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
 }
 
-.c34 {
+.c25 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c33 {
+.c24 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
 }
 
-.c36 {
+.c27 {
   font-weight: 500;
 }
 
-.c37 {
+.c28 {
   font-weight: 200;
   opacity: 0.8975;
   padding-left: 1ch;
 }
 
-.c54 {
-  float: left;
-  margin-left: -36px;
-  color: #fff;
-}
-
-.c55 {
-  color: #676767;
-  margin-top: 3px;
-}
-
-.c52 {
-  z-index: 30;
-  position: relative;
-}
-
-.c47 {
-  margin-top: 5px;
-}
-
-.c48 {
-  color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c50 {
-  font-size: 14px;
-}
-
-.c49 {
-  padding: 0;
-}
-
-.c46 {
-  margin-top: 5px;
-}
-
-.c46 a {
-  color: #337ab7;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c46 a:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c46 img {
-  margin-left: 5px;
-  vertical-align: middle;
-}
-
-.c1 {
-  font-size: 16px;
-}
-
-.c1 *:not(.fa) {
-  box-sizing: border-box;
-  font-family: Hind,sans-serif;
-}
-
-.c1 .c43 {
-  background-color: rgb(15,106,172);
-  border-color: white;
-  border-image: initial;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
-  color: white;
-  display: inline-block;
-  font-size: 14px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 1.5;
-  margin-right: 8px;
-  min-width: 24px;
-  padding: 2px 3px;
-  text-align: center;
-}
-
-.c1 .c4 {
-  display: table-cell;
-  max-width: 20px;
-  width: 20px;
-  padding: 0;
-  position: relative;
-}
-
-.c1 .c13 {
-  color: #000;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.c1 .c15 {
-  height: inherit;
-  white-space: normal;
-}
-
-.c1 .c2 {
-  width: 100%;
-}
-
-.c1 .c53 {
-  margin-left: -23px;
-}
-
-.c1 .c17 {
-  color: #676767;
-  display: table-cell;
-  font-size: 14px;
-  padding-right: 4px;
-  padding-top: 2px;
-  text-align: right;
-  vertical-align: top;
-  width: 60px;
-}
-
-.c7 {
-  position: absolute;
-  width: 100%;
-  top: 3px;
-  z-index: 20;
-}
-
-.c6 {
-  background: radial-gradient(ellipse at center,#87cefa 40%,transparent 10%);
-  background-position: center -5px;
-  background-repeat: repeat-y;
-  background-size: 12px 12px;
-  left: 6px;
-  right: 6px;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c38 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #0070c0;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c56 {
-  background-color: gray;
-  left: 5px;
-  right: 5px;
-  background-color: #000088;
-  bottom: -11px;
-  position: absolute;
-  top: 11px;
-  z-index: 10;
-}
-
-.c9 {
-  left: 0;
-  line-height: inherit;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
-.c10 {
-  top: 3px;
-}
-
-.c12 {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-}
-
 <ol
-  className="c0 c1"
+  className="c0"
 >
   <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c6"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c11 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        47.97767, -122.20034
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      12:57 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <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.3 miles to 
-              <span
-                className="c25"
-              >
-                Everett Station Bay C1
-              </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]}
-            >
-              6 min
-              <span
-                className="c31"
-              >
-                <svg
-                  aria-hidden="true"
-                  className="c8"
-                  fill="currentColor"
-                  focusable="false"
-                  height={15}
-                  viewBox="0 0 320 512"
-                  width={15}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                className="c19"
-              >
-                (Expand details)
-              </span>
-            </button>
-          </span>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              >
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      Head 
-                      SOUTH
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        0.1 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Smith Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        129 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Paine Avenue
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        61 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        67 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        32nd Street
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        313 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        380 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c38"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Everett Station Bay C1
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:04 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c39"
-      >
-        Stop ID 2345
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      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="c43 c44"
-                  >
-                    512
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Northgate Station
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                Northgate Station
-              </span>
-            </span>
-            <button
-              className="c26 c27"
-              onClick={[Function]}
-            >
-              <span
-                className="c19"
-              >
-                Zoom to leg on map
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          aria-label="Leg details"
-          role="group"
-        >
-          <div
-            className="c46"
-          >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://www.communitytransit.org/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Community Transit
-            </a>
-          </div>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
-              Object {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                47 min
-                 / 6 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c40 c41"
-                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="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Broadway & 34th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        South Everett Fwy Station Bay 3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Ash Way Park & Ride Bay 1
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Lynnwood Transit Center Bay D3
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Mountlake Terrace Fwy Station Bay 6
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
+    className="c1"
   >
     <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"
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c4"
+          mode="BICYCLE"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by bicycle"
+            className="c6"
+            mode="BICYCLE"
+          >
+            <svg
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by bicycle
+              </title>
+              <path
+                d="M117.1 116.3h33.8c4.7 0 8.4-3.8 8.4-8.4 0-4.7-3.8-8.4-8.4-8.4h-33.8c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4z"
+              />
+              <path
+                d="M316.4 162.3c-10 0-19.5 2-28.3 5.6-2.5-6.3-4.6-11.9-6-15.8 0 0 0-.1-.1-.2l-24.7-65.8c-1.2-3.3-4.4-5.5-7.9-5.5H217c-4.7 0-8.4 3.8-8.4 8.4 0 4.7 3.8 8.4 8.4 8.4h26.7l10.4 27.9h-113c-3 0-5.6 1.6-7.1 3.9l-25.8 40.6c-9.9-4.8-20.9-7.5-32.6-7.5-41.2 0-74.6 33.4-74.6 74.5 0 41.2 33.4 74.6 74.6 74.6 38.3 0 69.9-28.9 74.1-66.1h30.2c2.4 0 4.7-1 6.2-2.7l81-82.7c1.1 3 3.3 8.8 6.2 16.1-19 13.5-31.4 35.7-31.4 60.8 0 41.2 33.4 74.6 74.6 74.6 41.2 0 74.6-33.4 74.6-74.6-.1-41.1-33.5-74.5-74.7-74.5zm-240.8 83h57.1c-1.8 12.2-7.4 23.5-16.3 32.4-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 10.9-10.9 25.4-16.9 40.8-16.9 15.4 0 29.9 6 40.8 16.9 8.9 8.9 14.5 20.1 16.3 32.4H75.6c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4zm74.1-16.9c-2.3-20-12.4-37.6-27.2-49.6l16.7-26.3 28.5 75.9h-18zm33.4-6.9l-29.8-79.3h107.2l.1.2-77.5 79.1zm174.1 56.1c-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 1.4-1.4 2.9-2.8 4.4-4 0 .1 0 .1.1.2 11.1 25.1 21.4 42.2 30.5 50.8 1.6 1.5 3.7 2.3 5.8 2.3 2.2 0 4.5-.9 6.1-2.6 3.2-3.4 3-8.7-.3-11.9-9-8.5-19.4-28.8-27.5-47.3 6.8-2.8 14.2-4.2 21.7-4.2 15.4 0 29.9 6 40.8 16.9 10.9 10.9 16.9 25.4 16.9 40.8 0 15.3-6 29.7-16.9 40.6z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        Northgate Station
+        503 SW Alder St, Portland, OR, USA 97204
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      1:51 PM
+      3:42 PM
     </div>
     <span
-      className="c19"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c11"
     >
       <div
-        className="c39"
-      >
-        Stop ID 2191
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
+              className="c14"
+            />
             <span
-              className="c19"
+              className="c10"
             >
                - 
             </span>
             <span>
-              Walk to 
+              Bicycle 0.7 miles to 
               <span
-                className="c25"
+                className="c15"
               >
-                Northgate Station - Bay 4
+                1737 SW Morrison St, Portland, OR, USA 97205
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -86501,23 +93347,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           </span>
         </div>
         <span
-          className="c28"
+          className="c18"
         >
           <span
-            className="c29"
+            className="c19"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c16 c20"
               onClick={[Function]}
             >
-              0 min
+              7 min
               <span
-                className="c31"
+                className="c21"
               >
                 <svg
                   aria-hidden="true"
-                  className="c8"
+                  className="c22"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -86532,7 +93378,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c10"
               >
                 (Expand details)
               </span>
@@ -86543,522 +93389,1657 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
             className="rah-static rah-static--height-zero "
             style={
               Object {
-                "gridColumn": "1 / span 2",
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <ol
-                className="c32"
-              />
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
-    <div
-      className="c4 c5"
-    >
-      <div
-        className="c56"
-      />
-      <span
-        className="c7"
-      >
-        <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      className="c13 c14"
-    >
-      <span
-        aria-hidden={true}
-        className="c15 c16"
-      >
-        Northgate Station - Bay 4
-      </span>
-    </div>
-    <div
-      className="c17 c18"
-    >
-      1:55 PM
-    </div>
-    <span
-      className="c19"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c20"
-    >
-      <div
-        className="c39"
-      >
-        Stop ID 35318
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c22"
-          >
-            <span>
-              <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <span
-                  className="c23"
-                >
-                  <span
-                    className="c24"
-                  >
-                    <svg
-                      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="c43 c44"
-                  >
-                    40
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Downtown Seattle Ballard
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
-              >
-                 - 
-                Disembark at 
-                N 105th St & Aurora Ave N
-              </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="c46"
-          >
-            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={
+                "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"
+                      >
+                        SW Alder St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        87 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW 5th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        257 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.6 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+          <div
+            className="c29"
+          >
+            <button
+              className="c16 c30"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c31"
+              >
+                Elevation chart
+                <span
+                  className="c32 c33"
+                >
+                  ↑
+                  69'
+                </span>
+                <span
+                  className="c32 c34"
+                >
+                  ↓
+                  8'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,19.405283232094927 0,19.295098177708716 0,18.248340161039692 0,18.244102274332533 0,18.244102274332533 0,18.210199180675232 0,18.210199180675232 0,18.167820313603613 0,18.167820313603613 0,17.98982907190281 0,17.79488628337336 0,17.722842209351604 0,17.55332674106512 0,17.55332674106512 0,17.320242972171208 0,17.188868484249184 0,17.188868484249184 0,17.061731883034327 0,17.061731883034327 0,17.05325610962 0,17.05325610962 0,16.943071055233787 0,16.82017234072609 0,16.680322079389743 0,16.561661251589207 0,16.447238310495834 0,16.324339595988135 0,16.201440881480433 0,16.142110467580164 0,16.142110467580164 0,16.036163299901112 0,15.972594999293683 0,15.904788811979088 0,15.828506851250175 0,15.798841644300039 0,15.798841644300039 0,15.769176437349907 0,15.769176437349907 0,15.663229269670856 0,15.61237462918491 0,15.519141121627346 0,15.442859160898431 0,15.379290860291 0,15.298771012854925 0,15.298771012854925 0,15.239440598954655 0,15.239440598954655 0,15.141969204689923 0,15.061449357253847 0,14.934312756038986 0,14.747845740923857 0,14.641898573244806 0,14.463907331544002 0,14.302867636671843 0,14.196920468992793 0,14.129114281678202 0,12.819607289165134 0,12.679757027828785 0,12.489052126006499 0,12.32801243113434 0,12.226303150162455 0,12.061025568583133 0,11.89151010029665 0,11.768611385788951 0,11.675377878231387 0,11.675377878231387 0,11.501624523237744 0,11.599095917502467 0,11.18378302020059 0,11.18378302020059 0,11.234637660686534 0,11.16259358666478 0,11.056646418985732 0,10.95069925130668 0,10.942223477892355 0,10.759994349484387 0,10.772708009605871 0,10.717615482412768 0,10.717615482412768 0,10.670998728633986 0,10.607430428026557 0,10.59471676790507 0,10.59471676790507 0,10.628619861562367 0,10.658285068512498 0,10.666760841926823 0,10.743042802655744 0,10.819324763384657 0,10.848989970334795 0,10.895606724113573 0,11.039694872157082 0,11.175307246786264 0,11.234637660686534 0,11.302443848001126 0,11.302443848001126 0,11.302443848001126 0,11.315157508122613 0,11.41262890238734 0,11.416866789094502"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
+        </span>
+      </div>
+    </div>
+    <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-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c5"
+        >
+          <div
+            className="c39"
+          >
+            <svg
+              aria-hidden="true"
+              className="c22 c40"
+              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"
+      >
+        1737 SW Morrison St, Portland, OR, USA 97205
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c10"
+    >
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
+    </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-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-ui 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)}
+>
+  <ItineraryBodyDefaultsWrapper
+    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 {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            />
-          </div>
-          <div
-            className="c47"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                11 min
-                 / 8 stops
-                <span
-                  className="c31"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="c8"
-                    fill="currentColor"
-                    focusable="false"
-                    height={15}
-                    viewBox="0 0 320 512"
-                    width={15}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <span
-                  className="c19"
-                >
-                  (Expand details)
-                </span>
-              </button>
-              <a
-                className="c40 c41"
-                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="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        1st Ave NE & NE 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N 92nd St & Corliss Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        College Way N & N 97th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        College Way N & N 103rd St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Meridian Ave N & N 105th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N Northgate Way & Meridian Ave N
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        N Northgate Way & Stone Ave N
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
+                "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 ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
+.c22 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c43 {
+  color: #f44256;
+}
+
+.c29 {
+  border-top-style: solid;
+  border-top-width: 0;
+  padding-top: 0;
+  padding-bottom: 10px;
+}
+
+.c16 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c31 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c31:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c6 {
+  color: black;
+  background-color: #e9e9e9;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+}
+
+.c34 {
+  color: black;
+  background-color: red;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+}
+
+.c21::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c42 {
+  text-align: center;
+}
+
+.c4 {
+  border-left: dotted 4px #484848;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c33 {
+  border-left: dotted 4px red;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c12 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c17 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c13 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c10 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c15 {
+  font-weight: inherit;
+}
+
+.c14 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c3 {
+  position: relative;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  height: 100%;
+}
+
+.c5 {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  -webkit-transform: translate(-51%,-10%);
+  -ms-transform: translate(-51%,-10%);
+  transform: translate(-51%,-10%);
+}
+
+.c2 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c18 {
+  display: grid;
+  grid-template-columns: 100px auto;
+}
+
+.c1 {
+  max-width: 500px;
+  display: grid;
+  grid-template-columns: 65px 30px auto;
+}
+
+.c36 {
+  border-color: #fff;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  font-style: normal;
+  grid-column: 2;
+  grid-row: 1;
+  margin: 0 4px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  vertical-align: middle;
+  width: 75%;
+}
+
+.c36:hover {
+  border-color: #d1d5da;
+  background-color: #f6f8fa;
+}
+
+.c9 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c32 {
+  padding: 3px 10px 3px 10px;
+  border: 0;
+  margin-top: -15px;
+  width: 35px;
+  height: 35px;
+}
+
+.c32:hover {
+  cursor: pointer;
+}
+
+.c30 {
+  -webkit-flex: 0 0 25px;
+  -ms-flex: 0 0 25px;
+  flex: 0 0 25px;
+  grid-column: -1;
+}
+
+.c11 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+}
+
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c8 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c35 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c37 {
+  padding: 2px;
+  width: 100%;
+}
+
+.c39 {
+  font-size: xx-small;
+}
+
+.c39::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c40 {
+  color: #e60000;
+}
+
+.c41 {
+  color: green;
+}
+
+.c38 {
+  font-size: small;
+}
+
+.c23 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c26 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c26 > span {
+  margin-right: 1ch;
+}
+
+.c19 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c19 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c20 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c25 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c24 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c27 {
+  font-weight: 500;
+}
+
+.c28 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+<ol
+  className="c0"
+>
   <li
-    className="c2 c3"
+    className="c1"
   >
     <div
-      className="c4 c5"
+      className="c2"
     >
       <div
-        className="c6"
-      />
-      <span
-        className="c7"
+        className="c3"
       >
-        <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"
+        <div
+          className="c4"
+          mode="WALK"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by walking"
+            className="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="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        N 105th St & Aurora Ave N
+        2624 SE 30th Ave, Portland, OR, USA 97202
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:06 PM
+      3:45 PM
     </div>
     <span
-      className="c19"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c11"
     >
       <div
-        className="c39"
-      >
-        Stop ID 40032
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
+              className="c14"
+            />
             <span
-              className="c19"
+              className="c10"
             >
                - 
             </span>
             <span>
-              Walk 259 feet to 
+              Walk 498 feet to 
               <span
-                className="c25"
+                className="c15"
               >
-                Aurora Ave N & N 105th St
+                SE 30th at Division
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -87066,23 +95047,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           </span>
         </div>
         <span
-          className="c28"
+          className="c18"
         >
           <span
-            className="c29"
+            className="c19"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              3 min
               <span
-                className="c31"
+                className="c21"
               >
                 <svg
                   aria-hidden="true"
-                  className="c8"
+                  className="c22"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -87097,7 +95078,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c10"
               >
                 (Expand details)
               </span>
@@ -87118,13 +95099,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c23"
               >
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -87135,30 +95116,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
                       Head 
-                      EAST
+                      WEST
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        North 105th Street
+                        SE Clinton St
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        64 feet
+                        79 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -87169,53 +95150,20 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c36"
-                      >
-                        service road
-                      </span>
-                      <span
-                        className="c37"
-                      >
-                        14 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c33"
-                >
-                  <div
-                    className="c34"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c35"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c36"
+                        className="c27"
                       >
-                        Unnamed Path
+                        SE 30th Ave
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        180 feet
+                        419 feet
                       </span>
                     </span>
                   </div>
@@ -87226,631 +95174,515 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         </span>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <div
-        className="c56"
-      />
-      <span
-        className="c7"
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c33"
+          mode="BICYCLE"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by bicycle"
+            className="c34"
+            mode="BICYCLE"
+          >
+            <svg
+              height="100%"
+              viewBox="0 0 418.62 160.29"
+              width="66%"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <title>
+                Travel by bicycle
+              </title>
+              <path
+                d="M230.91,500.07c-6.66,1.79-12,1.53-15.08-.71-7.84-5.72-1.89-17.25.27-20.68a103,103,0,0,0-10.64,13c-4.68,7.2-6.68,15.07-3.52,20.13,5.69,9.12,19.32,4.91,28,1.25l80.66-34Z"
+                transform="translate(-37 -357)"
+              />
+              <path
+                d="M37,431.27V357H61.88q14,0,20.68,5.77a19.31,19.31,0,0,1,6.83,15.29q0,14-14.78,15.11Q83,394.33,87,398.37T90.87,410q0,9.58-6.62,15.39T67,431.27H37Zm21.4-46h1.44a9.84,9.84,0,0,0,6.08-1.68,5.57,5.57,0,0,0,2.23-4.71q0-6.44-7.54-6.45h-0.9l-1.31.07v12.78h0Zm0,30.25,1.08,0.08h0.77a9.55,9.55,0,0,0,6.39-2A6.76,6.76,0,0,0,69,408.18a6.47,6.47,0,0,0-2.38-5.33,10.12,10.12,0,0,0-6.55-1.93H58.4v14.61h0Z"
+                transform="translate(-37 -357)"
+              />
+              <rect
+                height="74.27"
+                width="21.4"
+                x="56.7"
+              />
+              <polygon
+                points="141 74.27 117.92 74.27 103.7 40.02 104.27 74.27 82.87 74.27 82.87 0 104.27 0 103.7 31.84 116.33 0 138.9 0 121.81 35.84 141 74.27"
+              />
+              <path
+                d="M315.73,394.39q0,16.4-8.26,26.66a26.16,26.16,0,0,1-21.39,10.22A28.29,28.29,0,0,1,266,423.42q-10.5-9.94-10.5-29.82,0-19,11-29.12A27.67,27.67,0,0,1,285.82,357q13.7,0,21.81,10.12t8.11,27.26m-22.22.17q0-19.76-7.59-19.76-3.79,0-6.05,5.19-2.21,4.81-2.21,14.15t2.08,14.27q2.08,5.07,5.77,5.07t5.85-5q2.15-5,2.15-13.91"
+                transform="translate(-37 -357)"
+              />
+              <path
+                d="M383.26,431.27h-20.7l-5-26q-1.45-7.55-2.18-13.08-0.36-2.74-.62-4.57c-0.18-1.22-.29-2.15-0.36-2.79q-0.26,2-.77,7.36-0.24,2.74-.56,5.77t-0.8,6.4l-3.71,26.93h-20L310.92,357h21.14l3.49,20.44q2,12.22,2.77,19.19l0.68,6.79,0.67-5.82q1-10.2,2.68-19.39L346.24,357H364l3.47,17.85q2.53,12.45,4.35,29.48,0.57-7.65,1.23-13.56T374.54,380l3.9-23h20.88Z"
+                transform="translate(-37 -357)"
+              />
+              <path
+                d="M399.69,431.27V357H420.1l10.73,26.07,2,5.29q1.13,3,2.44,6.88l2.21,6.54q-1.18-9.67-1.79-16.55T435,373.69V357h20.62v74.27H435L423.61,404q-1.8-4.38-3.24-8.2t-2.53-7.29q1.28,7.84,1.87,13.66a101.82,101.82,0,0,1,.59,10.2v19H399.69v-0.05Z"
+                transform="translate(-37 -357)"
+              />
+              <polygon
+                points="140.86 0 140.86 74.27 180.62 74.27 180.62 56.47 162.25 56.47 162.25 45.07 178.72 45.07 178.72 27.27 162.25 27.27 162.25 17.8 189.71 17.8 189.71 74.27 211.1 74.27 211.1 17.8 223.37 17.8 223.37 0 140.86 0"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        Aurora Ave N & N 105th St
+        SE 30th at Division
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:07 PM
+      3:48 PM
     </div>
     <span
-      className="c19"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c11"
     >
       <div
-        className="c39"
+        className="c35"
       >
-        Stop ID 7080
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
+        Pick up  
+        shared bike
+         
       </div>
       <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
             <span>
+              Bicycle 0.6 miles to 
               <span
-                className="c19"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c22 c42"
-              >
-                <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="c43 c44"
-                  >
-                    E Line
-                  </span>
-                </span>
-                <span
-                  className="c45"
-                >
-                  <span>
-                    Downtown Seattle
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c19"
+                className="c15"
               >
-                 - 
-                Disembark at 
-                3rd Ave & Cherry St
+                SE 29th at Hawthorne
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
             </button>
           </span>
         </div>
-        <div
-          aria-label="Leg details"
-          role="group"
+        <span
+          className="c18"
         >
-          <div
-            className="c46"
+          <span
+            className="c19"
           >
-            Service operated by 
-            <a
-              aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="http://metro.kingcounty.gov"
-              rel="noopener noreferrer"
-              target="_blank"
+            <button
+              aria-expanded={false}
+              className="c16 c20"
+              onClick={[Function]}
             >
-              Metro Transit
-            </a>
-          </div>
+              6 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={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "gridColumn": "1 / span 2",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
             <div
               style={Object {}}
-            />
-          </div>
-          <div
-            className="c47"
-          >
-            <div
-              className="c48"
-            >
-              <button
-                className="c26 c49"
-                onClick={[Function]}
-              >
-                Ride 
-                31 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="c40 c41"
-                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 {}}
+              <ol
+                className="c23"
               >
-                <div
-                  className="c50"
+                <li
+                  className="c24"
                 >
-                  <ol
-                    className="c51"
+                  <div
+                    className="c25"
                   >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 100th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 95th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 90th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 85th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 80th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 76th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 65th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & N 46th St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & Lynn St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Aurora Ave N & Galer St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        7th Ave N & Thomas St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53 c54"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c55"
-                      >
-                        Wall St & 5th Ave
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        SE 30th Ave
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        3rd Ave & Bell St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.3 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        SE Harrison St
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        3rd Ave & Virginia St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        361 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        SE 29th Ave
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        3rd Ave & Pike St
-                      </div>
-                    </li>
-                    <li
-                      className="c52"
+                        0.2 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
                     >
-                      <div
-                        className="c53 c54"
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
                       >
-                        •
-                      </div>
-                      <div
-                        className="c55"
+                        SE Hawthorne Blvd
+                      </span>
+                      <span
+                        className="c28"
                       >
-                        3rd Ave & Seneca St
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
+                        50 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
             </div>
           </div>
-        </div>
+          <div
+            className="c36"
+          >
+            <button
+              className="c16 c37"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c38"
+              >
+                Elevation chart
+                <span
+                  className="c39 c40"
+                >
+                  ↑
+                  63'
+                </span>
+                <span
+                  className="c39 c41"
+                >
+                  ↓
+                  18'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,18.244514106583072 0,18.173981191222573 0,18.159874608150474 0,17.539184952978054 0,17.609717868338564 0,17.623824451410663 0,17.63793103448276 0,17.63322884012539 0,17.628526645768027 0,17.628526645768027 0,17.628526645768027 0,17.605015673981192 0,17.605015673981192 0,17.58620689655173 0,17.58620689655173 0,17.557993730407524 0,17.529780564263323 0,17.515673981191224 0,17.48275862068966 0,17.45454545454546 0,17.426332288401255 0,17.426332288401255 0,17.369905956112852 0,17.31818181818182 0,17.294670846394986 0,17.31818181818182 0,17.388714733542322 0,17.47335423197492 0,17.47335423197492 0,17.44514106583072 0,17.33228840125392 0,17.09717868338558 0,16.83385579937304 0,16.4858934169279 0,16.4858934169279 0,16.26959247648903 0,15.992163009404392 0,15.545454545454549 0,15.079937304075237 0,14.642633228840126 0,14.242946708463954 0,13.885579937304076 0,13.565830721003138 0,13.283699059561126 0,13.015673981191227 0,12.789968652037622 0,12.620689655172416 0,12.620689655172416 0,12.521943573667713 0,12.126959247648905 0,11.967084639498434 0,11.877742946708466 0,11.755485893416928 0,11.760188087774296 0,11.896551724137929 0,12.079937304075234 0,12.079937304075234 0,12.004702194357368 0,11.981191222570533 0,11.990595611285265 0,11.990595611285265 0,12.230407523510973 0,12.31034482758621 0,12.329153605015676 0,12.347962382445143 0,12.38557993730408 0,12.40909090909091 0,12.432601880877744 0,12.432601880877744 0,12.460815047021942 0,12.54075235109718 0,12.66771159874608 0,12.794670846394986 0,12.93103448275862 0,13.043887147335422 0,13.16614420062696 0,13.227272727272727 0,13.227272727272727 0,13.316614420062699 0,13.396551724137932 0,13.495297805642636 0,13.603448275862075 0,13.706896551724142 0,13.81034482758621 0,13.913793103448281 0,13.98432601880878 0,13.98432601880878 0,14.003134796238244 0,14.003134796238244 0,13.979623824451412 0,13.965517241379313 0,13.956112852664582 0,13.95141065830721 0,13.94200626959248 0,13.927899686520377 0,13.927899686520377 0,13.871473354231973 0,13.758620689655174 0,13.547021943573668 0,13.311912225705331 0,13.189655172413794 0,13.189655172413794 0,12.968652037617556 0,12.677115987460816 0,12.677115987460816 0,12.446708463949843 0,12.221003134796238 0,12.042319749216304 0,12.042319749216304 0,11.9435736677116 0,11.9012539184953"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
+        </span>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <div
-        className="c6"
-      />
-      <span
-        className="c7"
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9"
-          color="black"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 512 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c4"
+          mode="WALK"
+        />
+        <div
+          className="c5"
         >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            aria-label="Travel by walking"
+            className="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="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        3rd Ave & Cherry St
+        SE 29th at Hawthorne
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:39 PM
+      3:55 PM
     </div>
     <span
-      className="c19"
+      className="c10"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c11"
     >
       <div
-        className="c39"
-      >
-        Stop ID 490
-        <a
-          className="c40 c41"
-          onClick={[Function]}
-        >
-          Stop Viewer
-        </a>
-      </div>
-      <div
-        className="c21"
+        className="c12"
       >
         <div
           className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
-            className="c22"
+            className="c13"
           >
             <span
-              className="c23"
-            >
-              <span
-                className="c24"
-              >
-                <svg
-                  height="100%"
-                  version="1.0"
-                  viewBox="0 0 55.74 100"
-                  width="100%"
-                  x="0px"
-                  xmlns="http://www.w3.org/2000/svg"
-                  y="0px"
-                >
-                  <path
-                    d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z"
-                  />
-                  <path
-                    d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z"
-                  />
-                </svg>
-              </span>
-            </span>
+              className="c14"
+            />
             <span
-              className="c19"
+              className="c10"
             >
                - 
             </span>
             <span>
-              Walk 443 feet to 
+              Walk 0.1 miles to 
               <span
-                className="c25"
+                className="c15"
               >
-                208 James St, Seattle, WA 98104-2212, United States
+                1415 SE 28th Ave, Portland, OR, USA 97214
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c16 c17"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c10"
               >
                 Zoom to leg on map
               </span>
@@ -87858,23 +95690,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
           </span>
         </div>
         <span
-          className="c28"
+          className="c18"
         >
           <span
-            className="c29"
+            className="c19"
           >
             <button
               aria-expanded={false}
-              className="c26 c30"
+              className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              3 min
               <span
-                className="c31"
+                className="c21"
               >
                 <svg
                   aria-hidden="true"
-                  className="c8"
+                  className="c22"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -87889,7 +95721,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c10"
               >
                 (Expand details)
               </span>
@@ -87910,13 +95742,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
               style={Object {}}
             >
               <ol
-                className="c32"
+                className="c23"
               >
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -87927,54 +95759,86 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
-                      Head 
-                      SOUTHEAST
+                      CONTINUE
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        sidewalk
+                        SE Hawthorne Blvd
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        326 feet
+                        210 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c33"
+                  className="c24"
                 >
                   <div
-                    className="c34"
+                    className="c25"
                   >
                     <svg
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M112.5 120.5l70 100 70-100h-40v-20c0-75.5-23.57-97.75-95.36-97.5S22.5 26.38 22.5 100.5v160h60v-160c0-35.54 3.21-39.69 34.64-40s35.36 5.19 35.36 40v20h-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c35"
+                    className="c26"
                   >
                     <span>
-                      UTURN_RIGHT
+                      RIGHT
                        on 
                       <span
-                        className="c36"
+                        className="c27"
                       >
-                        sidewalk
+                        SE 28th Ave
                       </span>
                       <span
-                        className="c37"
+                        className="c28"
                       >
-                        117 feet
+                        295 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE Madison St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        114 feet
                       </span>
                     </span>
                   </div>
@@ -87985,78 +95849,120 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         </span>
       </div>
     </div>
-  </li>
-  <li
-    className="c2 c3"
-  >
     <div
-      className="c4 c5"
+      className="c29 c30"
     >
-      <span
-        className="c7"
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
       >
         <svg
-          aria-hidden="true"
-          className="c8 c9 c10"
-          color="white"
-          fill="currentColor"
-          focusable="false"
-          height={14}
-          viewBox="0 0 512 512"
-          width={14}
-          xmlns="http://www.w3.org/2000/svg"
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
         >
+          <title>
+            View on map
+          </title>
           <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"
-            fill="currentColor"
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
           />
         </svg>
-        <svg
-          aria-hidden="true"
-          className="c8 c57 c12"
-          fill="currentColor"
-          focusable="false"
-          height={20}
-          viewBox="0 0 384 512"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c5"
         >
-          <path
-            d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
+          <div
+            className="c42"
+          >
+            <svg
+              aria-hidden="true"
+              className="c22 c43"
+              fill="currentColor"
+              focusable="false"
+              height={25}
+              viewBox="0 0 384 512"
+              width={25}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"
+                fill="currentColor"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
     <div
-      className="c13 c14"
+      className="c7"
     >
       <span
         aria-hidden={true}
-        className="c15 c16"
+        className="c8"
       >
-        208 James St, Seattle, WA 98104-2212, United States
+        1415 SE 28th Ave, Portland, OR, USA 97214
       </span>
     </div>
     <div
-      className="c17 c18"
+      className="c9"
     >
-      2:41 PM
+      3:58 PM
     </div>
     <span
-      className="c19"
+      className="c10"
     >
       Arrive at 
-      208 James St, Seattle, WA 98104-2212, United States
+      1415 SE 28th Ave, Portland, OR, USA 97214
     </span>
     <div
-      className="c20"
+      className="c11"
     />
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
   </li>
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -88070,513 +95976,2198 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 1`] = `
   <ItineraryBodyDefaultsWrapper
     itinerary={
       Object {
-        "duration": 446,
-        "elevationGained": 15.61,
-        "elevationLost": 1.679999999999998,
-        "endTime": 1573688966000,
+        "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": 1116.0369999999998,
-            "duration": 446,
-            "endTime": 1573688966000,
+            "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 {
-              "departure": 1573688520000,
-              "lat": 45.519610192858764,
-              "lon": -122.67747003370778,
-              "name": "503 SW Alder St, Portland, OR, USA 97204",
-              "orig": "503 SW Alder St, Portland, OR, USA 97204",
-              "vertexType": "NORMAL",
+              "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": 61,
-              "points": "cpytGlmwkVF]@GDQ@ERFxAp@LFFBCJCJ?@m@hDCJAJCHW|AMn@EVCPEVk@zCCNCLUnAALENg@zCCJAHEPAHi@vCEVCTe@lCEPEVERi@~CCRGZ_@xBIb@EVERi@~CCLCRKl@O|@G\\\\EPCNG\\\\i@|CCLCRSfAAHAB",
+              "length": 8,
+              "points": "m{ztGfmpkV?m@S@}BAg@?W?EOGU",
             },
-            "mode": "BICYCLE",
+            "mode": "WALK",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688520000,
+            "startTime": 1573689573000,
             "steps": Array [
               Object {
                 "absoluteDirection": "EAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 26.427,
-                "elevation": Array [],
-                "lat": 45.51954167352444,
-                "lon": -122.67750715719282,
-                "relativeDirection": "DEPART",
+                "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": "SW Alder St",
+                "streetName": "NE Glisan St",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 78.352,
+                "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.5194572,
-                "lon": -122.6771901,
+                "lat": 45.5275218,
+                "lon": -122.641409,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SW 5th Ave",
+                "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 {
-                "absoluteDirection": "WEST",
+                "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": 1011.2579999999999,
+                "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": 10.702842545446778,
+                    "second": 79.95284254544677,
                   },
                   Object {
-                    "first": 10.63,
-                    "second": 10.962842545446778,
+                    "first": 10,
+                    "second": 80.01284254544677,
                   },
                   Object {
-                    "first": 81.981,
-                    "second": 13.432842545446778,
+                    "first": 20,
+                    "second": 79.81284254544678,
                   },
                   Object {
-                    "first": 87.431,
-                    "second": 13.442842545446778,
+                    "first": 30,
+                    "second": 79.94284254544678,
                   },
                   Object {
-                    "first": 87.43499999999999,
-                    "second": 13.442842545446778,
+                    "first": 40,
+                    "second": 79.78284254544678,
                   },
                   Object {
-                    "first": 91.77499999999999,
-                    "second": 13.522842545446778,
+                    "first": 50,
+                    "second": 79.70284254544677,
                   },
                   Object {
-                    "first": 91.77199999999999,
-                    "second": 13.522842545446778,
+                    "first": 60,
+                    "second": 79.55284254544678,
                   },
                   Object {
-                    "first": 96.442,
-                    "second": 13.622842545446778,
+                    "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": 96.446,
-                    "second": 13.622842545446778,
+                    "first": 0,
+                    "second": 79.21284254544678,
                   },
                   Object {
-                    "first": 106.446,
-                    "second": 14.042842545446778,
+                    "first": 10,
+                    "second": 79.32284254544678,
                   },
                   Object {
-                    "first": 116.446,
-                    "second": 14.502842545446779,
+                    "first": 20,
+                    "second": 79.38284254544678,
                   },
                   Object {
-                    "first": 126.446,
-                    "second": 14.672842545446779,
+                    "first": 30,
+                    "second": 79.48284254544677,
                   },
                   Object {
-                    "first": 135.226,
-                    "second": 15.072842545446779,
+                    "first": 40,
+                    "second": 79.55284254544678,
                   },
                   Object {
-                    "first": 135.23,
-                    "second": 15.072842545446779,
+                    "first": 50,
+                    "second": 79.68284254544677,
                   },
                   Object {
-                    "first": 145.23,
-                    "second": 15.622842545446778,
+                    "first": 60,
+                    "second": 79.77284254544678,
                   },
                   Object {
-                    "first": 155.92,
-                    "second": 15.932842545446778,
+                    "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": 155.91799999999998,
-                    "second": 15.932842545446778,
+                    "first": 60.163000000000004,
+                    "second": 79.89284254544677,
                   },
                   Object {
-                    "first": 165.19799999999998,
-                    "second": 16.23284254544678,
+                    "first": 70.16300000000001,
+                    "second": 79.85284254544678,
                   },
                   Object {
-                    "first": 165.19299999999998,
-                    "second": 16.23284254544678,
+                    "first": 80.16300000000001,
+                    "second": 79.81284254544678,
                   },
                   Object {
-                    "first": 172.97299999999998,
-                    "second": 16.25284254544678,
+                    "first": 90.16300000000001,
+                    "second": 79.75284254544678,
                   },
                   Object {
-                    "first": 172.975,
-                    "second": 16.25284254544678,
+                    "first": 100.16300000000001,
+                    "second": 79.68284254544677,
                   },
                   Object {
-                    "first": 182.975,
-                    "second": 16.51284254544678,
+                    "first": 110.16300000000001,
+                    "second": 79.53284254544678,
                   },
                   Object {
-                    "first": 192.975,
-                    "second": 16.80284254544678,
+                    "first": 120.16300000000001,
+                    "second": 79.37284254544679,
                   },
                   Object {
-                    "first": 202.975,
-                    "second": 17.132842545446778,
+                    "first": 130.163,
+                    "second": 79.16284254544678,
                   },
                   Object {
-                    "first": 212.975,
-                    "second": 17.41284254544678,
+                    "first": 140.163,
+                    "second": 78.94284254544678,
                   },
                   Object {
-                    "first": 222.975,
-                    "second": 17.68284254544678,
+                    "first": 150.163,
+                    "second": 78.75284254544678,
                   },
                   Object {
-                    "first": 232.975,
-                    "second": 17.972842545446778,
+                    "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": 242.975,
-                    "second": 18.262842545446777,
+                    "first": 0,
+                    "second": 72.31284254544678,
                   },
                   Object {
-                    "first": 254.685,
-                    "second": 18.402842545446777,
+                    "first": 10,
+                    "second": 72.04284254544677,
                   },
                   Object {
-                    "first": 254.683,
-                    "second": 18.402842545446777,
+                    "first": 20,
+                    "second": 71.80284254544678,
                   },
                   Object {
-                    "first": 264.683,
-                    "second": 18.652842545446777,
+                    "first": 30,
+                    "second": 71.59284254544679,
                   },
                   Object {
-                    "first": 274.683,
-                    "second": 18.80284254544678,
+                    "first": 40,
+                    "second": 71.35284254544678,
                   },
                   Object {
-                    "first": 284.683,
-                    "second": 18.96284254544678,
+                    "first": 50.46,
+                    "second": 71.11284254544678,
                   },
                   Object {
-                    "first": 294.683,
-                    "second": 19.14284254544678,
+                    "first": 93.59299999999999,
+                    "second": 70.03284254544678,
                   },
                   Object {
-                    "first": 300.233,
-                    "second": 19.21284254544678,
+                    "first": 103.59299999999999,
+                    "second": 69.75284254544678,
                   },
                   Object {
-                    "first": 300.236,
-                    "second": 19.21284254544678,
+                    "first": 113.59299999999999,
+                    "second": 69.49284254544678,
                   },
                   Object {
-                    "first": 306.976,
-                    "second": 19.28284254544678,
+                    "first": 123.59299999999999,
+                    "second": 69.19284254544678,
                   },
                   Object {
-                    "first": 306.973,
-                    "second": 19.28284254544678,
+                    "first": 133.593,
+                    "second": 68.87284254544679,
                   },
                   Object {
-                    "first": 316.973,
-                    "second": 19.53284254544678,
+                    "first": 143.593,
+                    "second": 68.57284254544678,
                   },
                   Object {
-                    "first": 326.973,
-                    "second": 19.652842545446777,
+                    "first": 153.593,
+                    "second": 68.24284254544678,
                   },
                   Object {
-                    "first": 336.973,
-                    "second": 19.87284254544678,
+                    "first": 163.593,
+                    "second": 67.91284254544678,
                   },
                   Object {
-                    "first": 346.973,
-                    "second": 20.05284254544678,
+                    "first": 173.593,
+                    "second": 67.61284254544678,
                   },
                   Object {
-                    "first": 356.973,
-                    "second": 20.202842545446778,
+                    "first": 179.26299999999998,
+                    "second": 67.41284254544678,
                   },
                   Object {
-                    "first": 371.463,
-                    "second": 20.39284254544678,
+                    "first": 245.29299999999998,
+                    "second": 65.42284254544677,
                   },
                   Object {
-                    "first": 371.46000000000004,
-                    "second": 20.39284254544678,
+                    "first": 255.29299999999998,
+                    "second": 65.05284254544678,
                   },
                   Object {
-                    "first": 380.99,
-                    "second": 20.53284254544678,
+                    "first": 268.763,
+                    "second": 64.64284254544677,
                   },
                   Object {
-                    "first": 380.992,
-                    "second": 20.53284254544678,
+                    "first": 268.765,
+                    "second": 64.64284254544677,
                   },
                   Object {
-                    "first": 390.992,
-                    "second": 20.762842545446777,
+                    "first": 278.765,
+                    "second": 64.30284254544678,
                   },
                   Object {
-                    "first": 400.992,
-                    "second": 20.952842545446778,
+                    "first": 288.765,
+                    "second": 63.99284254544678,
                   },
                   Object {
-                    "first": 410.992,
-                    "second": 21.25284254544678,
+                    "first": 298.765,
+                    "second": 63.69284254544678,
                   },
                   Object {
-                    "first": 420.992,
-                    "second": 21.69284254544678,
+                    "first": 306.855,
+                    "second": 63.392842545446776,
                   },
                   Object {
-                    "first": 430.992,
-                    "second": 21.94284254544678,
+                    "first": 306.853,
+                    "second": 63.392842545446776,
                   },
                   Object {
-                    "first": 440.992,
-                    "second": 22.362842545446778,
+                    "first": 316.853,
+                    "second": 63.09284254544678,
                   },
                   Object {
-                    "first": 450.992,
-                    "second": 22.742842545446777,
+                    "first": 326.853,
+                    "second": 62.80284254544678,
                   },
                   Object {
-                    "first": 460.992,
-                    "second": 22.992842545446777,
+                    "first": 336.853,
+                    "second": 62.52284254544678,
                   },
                   Object {
-                    "first": 466.262,
-                    "second": 23.152842545446777,
+                    "first": 346.853,
+                    "second": 62.29284254544678,
                   },
                   Object {
-                    "first": 551.414,
-                    "second": 26.242842545446777,
+                    "first": 359.553,
+                    "second": 61.962842545446776,
                   },
                   Object {
-                    "first": 561.414,
-                    "second": 26.57284254544678,
+                    "first": 359.552,
+                    "second": 61.962842545446776,
                   },
                   Object {
-                    "first": 571.414,
-                    "second": 27.022842545446778,
+                    "first": 369.552,
+                    "second": 61.69284254544678,
                   },
                   Object {
-                    "first": 581.414,
-                    "second": 27.402842545446777,
+                    "first": 379.552,
+                    "second": 61.392842545446776,
                   },
                   Object {
-                    "first": 591.414,
-                    "second": 27.642842545446776,
+                    "first": 389.552,
+                    "second": 61.13284254544678,
                   },
                   Object {
-                    "first": 601.414,
-                    "second": 28.032842545446776,
+                    "first": 399.552,
+                    "second": 60.88284254544678,
                   },
                   Object {
-                    "first": 611.414,
-                    "second": 28.43284254544678,
+                    "first": 409.552,
+                    "second": 60.59284254544678,
                   },
                   Object {
-                    "first": 621.414,
-                    "second": 28.722842545446778,
+                    "first": 419.552,
+                    "second": 60.322842545446775,
                   },
                   Object {
-                    "first": 634.874,
-                    "second": 28.94284254544678,
+                    "first": 429.002,
+                    "second": 60.06284254544678,
                   },
                   Object {
-                    "first": 634.871,
-                    "second": 28.94284254544678,
+                    "first": 428.99800000000005,
+                    "second": 60.06284254544678,
                   },
                   Object {
-                    "first": 647.011,
-                    "second": 29.352842545446777,
+                    "first": 438.99800000000005,
+                    "second": 59.74284254544678,
                   },
                   Object {
-                    "first": 712.587,
-                    "second": 29.12284254544678,
+                    "first": 448.99800000000005,
+                    "second": 59.432842545446775,
                   },
                   Object {
-                    "first": 722.467,
-                    "second": 30.102842545446777,
+                    "first": 459.61800000000005,
+                    "second": 59.072842545446775,
                   },
                   Object {
-                    "first": 722.4689999999999,
-                    "second": 30.102842545446777,
+                    "first": 477.766,
+                    "second": 58.42284254544678,
                   },
                   Object {
-                    "first": 732.4689999999999,
-                    "second": 29.98284254544678,
+                    "first": 487.766,
+                    "second": 58.11284254544678,
                   },
                   Object {
-                    "first": 742.4689999999999,
-                    "second": 30.15284254544678,
+                    "first": 497.766,
+                    "second": 57.79284254544678,
                   },
                   Object {
-                    "first": 752.4689999999999,
-                    "second": 30.40284254544678,
+                    "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": 762.4689999999999,
-                    "second": 30.65284254544678,
+                    "first": 0,
+                    "second": 55.572842545446775,
                   },
                   Object {
-                    "first": 772.4689999999999,
-                    "second": 30.672842545446777,
+                    "first": 10,
+                    "second": 55.31284254544678,
                   },
                   Object {
-                    "first": 782.4689999999999,
-                    "second": 31.102842545446777,
+                    "first": 20,
+                    "second": 54.98284254544678,
                   },
                   Object {
-                    "first": 792.4689999999999,
-                    "second": 31.07284254544678,
+                    "first": 30,
+                    "second": 54.76284254544678,
                   },
                   Object {
-                    "first": 803.1589999999999,
-                    "second": 31.202842545446778,
+                    "first": 40,
+                    "second": 54.56284254544678,
                   },
                   Object {
-                    "first": 803.1589999999999,
-                    "second": 31.202842545446778,
+                    "first": 50,
+                    "second": 54.30284254544678,
                   },
                   Object {
-                    "first": 813.1589999999999,
-                    "second": 31.312842545446777,
+                    "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": 823.1589999999999,
-                    "second": 31.462842545446776,
+                    "first": 0,
+                    "second": 55.572842545446775,
                   },
                   Object {
-                    "first": 830.6589999999999,
-                    "second": 31.492842545446777,
+                    "first": 10,
+                    "second": 55.31284254544678,
                   },
                   Object {
-                    "first": 830.6589999999999,
-                    "second": 31.492842545446777,
+                    "first": 20,
+                    "second": 54.98284254544678,
                   },
                   Object {
-                    "first": 840.6589999999999,
-                    "second": 31.41284254544678,
+                    "first": 30,
+                    "second": 54.76284254544678,
                   },
                   Object {
-                    "first": 850.6589999999999,
-                    "second": 31.34284254544678,
+                    "first": 40,
+                    "second": 54.56284254544678,
                   },
                   Object {
-                    "first": 856.2689999999999,
-                    "second": 31.32284254544678,
+                    "first": 44.01,
+                    "second": 54.462842545446776,
                   },
                   Object {
-                    "first": 883.1969999999999,
-                    "second": 31.142842545446776,
+                    "first": 44.012,
+                    "second": 53.002842545446775,
                   },
                   Object {
-                    "first": 893.1969999999999,
-                    "second": 30.962842545446776,
+                    "first": 54.012,
+                    "second": 52.712842545446776,
                   },
                   Object {
-                    "first": 903.1969999999999,
-                    "second": 30.892842545446776,
+                    "first": 64.012,
+                    "second": 52.41284254544678,
                   },
                   Object {
-                    "first": 913.1969999999999,
-                    "second": 30.782842545446776,
+                    "first": 74.012,
+                    "second": 52.12284254544678,
                   },
                   Object {
-                    "first": 923.1969999999999,
-                    "second": 30.44284254544678,
+                    "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": 933.1969999999999,
-                    "second": 30.12284254544678,
+                    "first": 0,
+                    "second": 51.932842545446775,
                   },
                   Object {
-                    "first": 943.1969999999999,
-                    "second": 29.98284254544678,
+                    "first": 10,
+                    "second": 51.85284254544678,
                   },
                   Object {
-                    "first": 953.1969999999999,
-                    "second": 29.82284254544678,
+                    "first": 20,
+                    "second": 51.782842545446776,
                   },
                   Object {
-                    "first": 967.4069999999999,
-                    "second": 29.82284254544678,
+                    "first": 30,
+                    "second": 51.55284254544678,
                   },
                   Object {
-                    "first": 967.4069999999999,
-                    "second": 29.82284254544678,
+                    "first": 40,
+                    "second": 51.572842545446775,
                   },
                   Object {
-                    "first": 975.487,
-                    "second": 29.792842545446778,
+                    "first": 50,
+                    "second": 51.76284254544678,
                   },
                   Object {
-                    "first": 1009.5439999999999,
-                    "second": 29.562842545446777,
+                    "first": 60,
+                    "second": 51.77284254544678,
                   },
                   Object {
-                    "first": 1011.2539999999999,
-                    "second": 29.55284254544678,
+                    "first": 68.45,
+                    "second": 51.85284254544678,
                   },
                 ],
-                "lat": 45.5187975,
-                "lon": -122.6775431,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5566708,
+                "lon": -122.6008843,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Morrison St",
+                "streetName": "NE Going St",
               },
             ],
             "to": Object {
-              "arrival": 1573688966000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "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": 1573688520000,
+        "startTime": 1573689019000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 0,
-        "waitingTime": 0,
-        "walkDistance": 1116.0635363134143,
+        "transitTime": 753,
+        "waitingTime": 2,
+        "walkDistance": 3410.4588686470597,
         "walkLimitExceeded": false,
-        "walkTime": 446,
+        "walkTime": 1429,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
 .c22 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c40 {
+.c65 {
   color: #f44256;
 }
 
-.c35 {
+.c29 {
   border-top-style: solid;
   border-top-width: 0;
   padding-top: 0;
@@ -88593,18 +98184,42 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c37 {
+.c31 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c37:hover {
+.c31:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
 .c6 {
+  color: black;
+  background-color: #e9e9e9;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+}
+
+.c34 {
   color: black;
   background-color: red;
   border: 2px solid #bbb;
@@ -88633,11 +98248,22 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c39 {
+.c64 {
   text-align: center;
 }
 
 .c4 {
+  border-left: dotted 4px #484848;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c33 {
   border-left: dotted 4px red;
   height: 100%;
   width: 0;
@@ -88648,6 +98274,24 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
+.c42 {
+  border-left: solid 8px #008ab0;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c60 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
 .c0 {
   list-style: none;
   padding: 0;
@@ -88693,10 +98337,29 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   width: 0;
 }
 
+.c49 {
+  font-weight: 200;
+}
+
 .c15 {
   font-weight: inherit;
 }
 
+.c48 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c47 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c46 {
+  color: #807373;
+  margin-top: 5px;
+}
+
 .c14 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
@@ -88741,7 +98404,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   grid-template-columns: 65px 30px auto;
 }
 
-.c29 {
+.c36 {
   border-color: #fff;
   border-radius: 5px;
   border-style: solid;
@@ -88759,7 +98422,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   width: 75%;
 }
 
-.c29:hover {
+.c36:hover {
   border-color: #d1d5da;
   background-color: #f6f8fa;
 }
@@ -88771,7 +98434,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   font-size: 0.9em;
 }
 
-.c38 {
+.c32 {
   padding: 3px 10px 3px 10px;
   border: 0;
   margin-top: -15px;
@@ -88779,11 +98442,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   height: 35px;
 }
 
-.c38:hover {
+.c32:hover {
   cursor: pointer;
 }
 
-.c36 {
+.c30 {
   -webkit-flex: 0 0 25px;
   -ms-flex: 0 0 25px;
   flex: 0 0 25px;
@@ -88819,32 +98482,82 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   padding: 3px 0 10px 0;
 }
 
-.c30 {
+.c35 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c37 {
   padding: 2px;
   width: 100%;
 }
 
-.c32 {
+.c39 {
   font-size: xx-small;
 }
 
-.c32::before {
+.c39::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c33 {
+.c40 {
   color: #e60000;
 }
 
-.c34 {
+.c41 {
   color: green;
 }
 
-.c31 {
+.c38 {
   font-size: small;
 }
 
+.c43 {
+  text-align: center;
+  min-width: 30px;
+  min-height: 30px;
+  font-size: 1.2em;
+  background-color: #084c8d;
+  color: white;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+  border: 1px solid;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.c44 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  -webkit-clip: rect(0,0,0,0);
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
 .c23 {
   display: block;
   list-style: none;
@@ -88918,6 +98631,91 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
   padding-left: 1ch;
 }
 
+.c45 {
+  font-weight: 200;
+  font-size: 0.9em;
+  margin-left: 10px;
+}
+
+.c62 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c63 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c61 {
+  z-index: 30;
+  position: relative;
+}
+
+.c52 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c54 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c55 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c53 {
+  float: left;
+  font-size: 18px;
+}
+
+.c51 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c50 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c56 {
+  margin-top: 5px;
+}
+
+.c57 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c59 {
+  font-size: 14px;
+}
+
+.c58 {
+  padding: 0;
+}
+
 <ol
   className="c0"
 >
@@ -88932,6 +98730,289 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
       >
         <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"
+      >
+        2943 SE Washington St, Portland, OR, USA 97214
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Walk 400 feet to 
+              <span
+                className="c15"
+              >
+                SE 29th at Stark
+              </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]}
+            >
+              2 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 
+                      NORTH
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE 30th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        103 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"
+                      >
+                        SE Stark St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        277 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"
+                      >
+                        SE 29th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c33"
           mode="BICYCLE"
         />
         <div
@@ -88939,21 +99020,48 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
         >
           <div
             aria-label="Travel by bicycle"
-            className="c6"
+            className="c34"
             mode="BICYCLE"
           >
             <svg
-              viewBox="0 0 390 390"
+              height="100%"
+              viewBox="0 0 418.62 160.29"
               width="66%"
+              xmlns="http://www.w3.org/2000/svg"
             >
               <title>
                 Travel by bicycle
               </title>
               <path
-                d="M117.1 116.3h33.8c4.7 0 8.4-3.8 8.4-8.4 0-4.7-3.8-8.4-8.4-8.4h-33.8c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4z"
+                d="M230.91,500.07c-6.66,1.79-12,1.53-15.08-.71-7.84-5.72-1.89-17.25.27-20.68a103,103,0,0,0-10.64,13c-4.68,7.2-6.68,15.07-3.52,20.13,5.69,9.12,19.32,4.91,28,1.25l80.66-34Z"
+                transform="translate(-37 -357)"
               />
               <path
-                d="M316.4 162.3c-10 0-19.5 2-28.3 5.6-2.5-6.3-4.6-11.9-6-15.8 0 0 0-.1-.1-.2l-24.7-65.8c-1.2-3.3-4.4-5.5-7.9-5.5H217c-4.7 0-8.4 3.8-8.4 8.4 0 4.7 3.8 8.4 8.4 8.4h26.7l10.4 27.9h-113c-3 0-5.6 1.6-7.1 3.9l-25.8 40.6c-9.9-4.8-20.9-7.5-32.6-7.5-41.2 0-74.6 33.4-74.6 74.5 0 41.2 33.4 74.6 74.6 74.6 38.3 0 69.9-28.9 74.1-66.1h30.2c2.4 0 4.7-1 6.2-2.7l81-82.7c1.1 3 3.3 8.8 6.2 16.1-19 13.5-31.4 35.7-31.4 60.8 0 41.2 33.4 74.6 74.6 74.6 41.2 0 74.6-33.4 74.6-74.6-.1-41.1-33.5-74.5-74.7-74.5zm-240.8 83h57.1c-1.8 12.2-7.4 23.5-16.3 32.4-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 10.9-10.9 25.4-16.9 40.8-16.9 15.4 0 29.9 6 40.8 16.9 8.9 8.9 14.5 20.1 16.3 32.4H75.6c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4zm74.1-16.9c-2.3-20-12.4-37.6-27.2-49.6l16.7-26.3 28.5 75.9h-18zm33.4-6.9l-29.8-79.3h107.2l.1.2-77.5 79.1zm174.1 56.1c-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 1.4-1.4 2.9-2.8 4.4-4 0 .1 0 .1.1.2 11.1 25.1 21.4 42.2 30.5 50.8 1.6 1.5 3.7 2.3 5.8 2.3 2.2 0 4.5-.9 6.1-2.6 3.2-3.4 3-8.7-.3-11.9-9-8.5-19.4-28.8-27.5-47.3 6.8-2.8 14.2-4.2 21.7-4.2 15.4 0 29.9 6 40.8 16.9 10.9 10.9 16.9 25.4 16.9 40.8 0 15.3-6 29.7-16.9 40.6z"
+                d="M37,431.27V357H61.88q14,0,20.68,5.77a19.31,19.31,0,0,1,6.83,15.29q0,14-14.78,15.11Q83,394.33,87,398.37T90.87,410q0,9.58-6.62,15.39T67,431.27H37Zm21.4-46h1.44a9.84,9.84,0,0,0,6.08-1.68,5.57,5.57,0,0,0,2.23-4.71q0-6.44-7.54-6.45h-0.9l-1.31.07v12.78h0Zm0,30.25,1.08,0.08h0.77a9.55,9.55,0,0,0,6.39-2A6.76,6.76,0,0,0,69,408.18a6.47,6.47,0,0,0-2.38-5.33,10.12,10.12,0,0,0-6.55-1.93H58.4v14.61h0Z"
+                transform="translate(-37 -357)"
+              />
+              <rect
+                height="74.27"
+                width="21.4"
+                x="56.7"
+              />
+              <polygon
+                points="141 74.27 117.92 74.27 103.7 40.02 104.27 74.27 82.87 74.27 82.87 0 104.27 0 103.7 31.84 116.33 0 138.9 0 121.81 35.84 141 74.27"
+              />
+              <path
+                d="M315.73,394.39q0,16.4-8.26,26.66a26.16,26.16,0,0,1-21.39,10.22A28.29,28.29,0,0,1,266,423.42q-10.5-9.94-10.5-29.82,0-19,11-29.12A27.67,27.67,0,0,1,285.82,357q13.7,0,21.81,10.12t8.11,27.26m-22.22.17q0-19.76-7.59-19.76-3.79,0-6.05,5.19-2.21,4.81-2.21,14.15t2.08,14.27q2.08,5.07,5.77,5.07t5.85-5q2.15-5,2.15-13.91"
+                transform="translate(-37 -357)"
+              />
+              <path
+                d="M383.26,431.27h-20.7l-5-26q-1.45-7.55-2.18-13.08-0.36-2.74-.62-4.57c-0.18-1.22-.29-2.15-0.36-2.79q-0.26,2-.77,7.36-0.24,2.74-.56,5.77t-0.8,6.4l-3.71,26.93h-20L310.92,357h21.14l3.49,20.44q2,12.22,2.77,19.19l0.68,6.79,0.67-5.82q1-10.2,2.68-19.39L346.24,357H364l3.47,17.85q2.53,12.45,4.35,29.48,0.57-7.65,1.23-13.56T374.54,380l3.9-23h20.88Z"
+                transform="translate(-37 -357)"
+              />
+              <path
+                d="M399.69,431.27V357H420.1l10.73,26.07,2,5.29q1.13,3,2.44,6.88l2.21,6.54q-1.18-9.67-1.79-16.55T435,373.69V357h20.62v74.27H435L423.61,404q-1.8-4.38-3.24-8.2t-2.53-7.29q1.28,7.84,1.87,13.66a101.82,101.82,0,0,1,.59,10.2v19H399.69v-0.05Z"
+                transform="translate(-37 -357)"
+              />
+              <polygon
+                points="140.86 0 140.86 74.27 180.62 74.27 180.62 56.47 162.25 56.47 162.25 45.07 178.72 45.07 178.72 27.27 162.25 27.27 162.25 17.8 189.71 17.8 189.71 74.27 211.1 74.27 211.1 17.8 223.37 17.8 223.37 0 140.86 0"
               />
             </svg>
           </div>
@@ -88967,13 +99075,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        503 SW Alder St, Portland, OR, USA 97204
+        SE 29th at Stark
       </span>
     </div>
     <div
       className="c9"
     >
-      3:42 PM
+      3:53 PM
     </div>
     <span
       className="c10"
@@ -88983,6 +99091,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
     <div
       className="c11"
     >
+      <div
+        className="c35"
+      >
+        Pick up  
+        shared bike
+         
+      </div>
       <div
         className="c12"
       >
@@ -89001,11 +99116,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
                - 
             </span>
             <span>
-              Bicycle 0.7 miles to 
+              Bicycle 0.8 miles to 
               <span
                 className="c15"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                NE Glisan at 24th
               </span>
             </span>
             <button
@@ -89031,7 +99146,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              7 min
+              6 min
               <span
                 className="c21"
               >
@@ -89085,7 +99200,73 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      CONTINUE
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE 29th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        492 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE Pine St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        358 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>
@@ -89093,18 +99274,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      Head 
-                      EAST
+                      RIGHT
                        on 
                       <span
                         className="c27"
                       >
-                        SW Alder St
+                        SE 28th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        87 feet
+                        518 feet
                       </span>
                     </span>
                   </div>
@@ -89119,7 +99299,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
@@ -89127,17 +99307,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      RIGHT
+                      LEFT
                        on 
                       <span
                         className="c27"
                       >
-                        SW 5th Ave
+                        SE Ankeny St
                       </span>
                       <span
                         className="c28"
                       >
-                        257 feet
+                        0.2 miles
                       </span>
                     </span>
                   </div>
@@ -89165,12 +99345,78 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SW Morrison St
+                        SE 24th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        0.6 miles
+                        259 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"
+                      >
+                        NE 24th Ave
+                      </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="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"
+                      >
+                        NE Glisan St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        57 feet
                       </span>
                     </span>
                   </div>
@@ -89179,30 +99425,30 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="c29"
+            className="c36"
           >
             <button
-              className="c16 c30"
+              className="c16 c37"
               onClick={[Function]}
               role="button"
               tabIndex={0}
               title="Toggle elevation chart"
             >
               <div
-                className="c31"
+                className="c38"
               >
                 Elevation chart
                 <span
-                  className="c32 c33"
+                  className="c39 c40"
                 >
                   ↑
-                  69'
+                  33'
                 </span>
                 <span
-                  className="c32 c34"
+                  className="c39 c41"
                 >
                   ↓
-                  8'
+                  33'
                 </span>
               </div>
               <svg
@@ -89211,1419 +99457,844 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
               >
                 <polyline
                   fill="none"
-                  points="0,19.405283232094927 0,19.295098177708716 0,18.248340161039692 0,18.244102274332533 0,18.244102274332533 0,18.210199180675232 0,18.210199180675232 0,18.167820313603613 0,18.167820313603613 0,17.98982907190281 0,17.79488628337336 0,17.722842209351604 0,17.55332674106512 0,17.55332674106512 0,17.320242972171208 0,17.188868484249184 0,17.188868484249184 0,17.061731883034327 0,17.061731883034327 0,17.05325610962 0,17.05325610962 0,16.943071055233787 0,16.82017234072609 0,16.680322079389743 0,16.561661251589207 0,16.447238310495834 0,16.324339595988135 0,16.201440881480433 0,16.142110467580164 0,16.142110467580164 0,16.036163299901112 0,15.972594999293683 0,15.904788811979088 0,15.828506851250175 0,15.798841644300039 0,15.798841644300039 0,15.769176437349907 0,15.769176437349907 0,15.663229269670856 0,15.61237462918491 0,15.519141121627346 0,15.442859160898431 0,15.379290860291 0,15.298771012854925 0,15.298771012854925 0,15.239440598954655 0,15.239440598954655 0,15.141969204689923 0,15.061449357253847 0,14.934312756038986 0,14.747845740923857 0,14.641898573244806 0,14.463907331544002 0,14.302867636671843 0,14.196920468992793 0,14.129114281678202 0,12.819607289165134 0,12.679757027828785 0,12.489052126006499 0,12.32801243113434 0,12.226303150162455 0,12.061025568583133 0,11.89151010029665 0,11.768611385788951 0,11.675377878231387 0,11.675377878231387 0,11.501624523237744 0,11.599095917502467 0,11.18378302020059 0,11.18378302020059 0,11.234637660686534 0,11.16259358666478 0,11.056646418985732 0,10.95069925130668 0,10.942223477892355 0,10.759994349484387 0,10.772708009605871 0,10.717615482412768 0,10.717615482412768 0,10.670998728633986 0,10.607430428026557 0,10.59471676790507 0,10.59471676790507 0,10.628619861562367 0,10.658285068512498 0,10.666760841926823 0,10.743042802655744 0,10.819324763384657 0,10.848989970334795 0,10.895606724113573 0,11.039694872157082 0,11.175307246786264 0,11.234637660686534 0,11.302443848001126 0,11.302443848001126 0,11.302443848001126 0,11.315157508122613 0,11.41262890238734 0,11.416866789094502"
+                  points="0,14.792626728110603 0,14.755405884438142 0,14.71818504076569 0,14.659695143566116 0,14.590570719602981 0,14.510811768876287 0,14.415101028004253 0,14.335342077277565 0,14.25026586316909 0,14.181141439205955 0,14.096065225097485 0,14.005671747607233 0,13.931230060262319 0,13.856788372917407 0,13.777029422190715 0,13.7025877348458 0,13.633463310882664 0,13.633463310882664 0,13.681318681318682 0,13.71853952499114 0,13.83020205600851 0,13.904643743353422 0,13.963133640552996 0,14.042892591279688 0,14.127968805388164 0,14.197093229351296 0,14.287486706841548 0,14.282169443459765 0,14.282169443459765 0,14.260900389932653 0,14.207727756114855 0,14.096065225097485 0,13.936547323644103 0,13.777029422190715 0,13.622828784119108 0,13.468628146047504 0,13.330379298121237 0,13.330379298121237 0,13.293158454448776 0,13.378234668557251 0,13.532435306628859 0,13.70790499822758 0,13.8833746898263 0,14.05352711804325 0,14.207727756114855 0,14.298121233605103 0,14.298121233605103 0,14.335342077277565 0,14.388514711095358 0,14.494859978730947 0,14.627791563275435 0,14.744771357674585 0,14.851116625310178 0,14.994682736618223 0,15.090393477490256 0,15.090393477490256 0,14.957461892945767 0,14.925558312655092 0,14.989365473236443 0,15.382842963488129 0,15.505140021269055 0,15.505140021269055 0,15.680609712867783 0,15.765685926976252 0,15.935838355193196 0,15.935838355193196 0,15.973059198865654 0,15.96774193548387 0,16.036866359447004 0,16.090038993264802 0,16.11130804679192 0,15.96774193548387 0,16.090038993264802 0,16.169797943991494 0,16.313364055299544 0,16.387805742644456 0,16.494151010280042 0,16.494151010280042 0,16.568592697624958 0,16.568592697624958 0,16.536689117334284 0,16.568592697624958 0,16.600496277915635 0,16.70684154555122 0,16.696207018787668 0,16.696207018787668 0,16.568592697624958 0,16.568592697624958 0,16.499468273661822 0,16.499468273661822 0,16.393123006026233 0,16.313364055299544 0,16.207018787663948 0,16.11130804679192 0,15.978376462247432 0,15.978376462247432 0,15.882665721375401 0,15.994328252392771 0,16.127259836937256 0,16.249556894718186 0,16.350584898971995 0,16.462247429989368 0,16.579227224388518 0,16.643034384969873 0,16.643034384969873 0,16.685572492024107 0,16.653668911733433 0,16.55264090747962 0,16.43034384969869 0,16.30272952853598 0,16.169797943991494 0,16.047500886210567 0,15.951790145338533 0,15.951790145338533 0,15.887982984757182 0,15.845444877702944 0,15.733782346685574 0,15.622119815668206 0,15.521091811414395 0,15.409429280397024 0,15.297766749379653 0,15.21269053527118 0,15.21269053527118 0,15.12761432116271 0,15.122297057780932 0,15.074441687344917 0,15.037220843672456 0,15.005317263381782 0,14.968096419709324 0,14.936192839418647 0,14.898971995746189 0,14.898971995746189 0,14.877702942219074 0,14.867068415455515 0,14.845799361928394 0,14.819213045019499 0,14.787309464728821 0,14.755405884438142 0,14.71818504076569 0,14.680964197093228 0,14.680964197093228 0,14.739454094292807 0,14.734136830911028"
                   stroke="black"
                   strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </div>
-        </span>
-      </div>
-    </div>
-    <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-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c5"
-        >
-          <div
-            className="c39"
-          >
-            <svg
-              aria-hidden="true"
-              className="c22 c40"
-              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"
-      >
-        1737 SW Morrison St, Portland, OR, USA 97205
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:49 PM
-    </div>
-    <span
-      className="c10"
-    >
-      Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
-    </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-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-ui 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)}
->
-  <ItineraryBodyDefaultsWrapper
-    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",
-              },
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </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"
+      >
+        NE Glisan at 24th
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:59 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Walk 497 feet to 
+              <span
+                className="c15"
+              >
+                NE Sandy & 24th
+              </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]}
+            >
+              2 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 {
-                "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",
-              },
+                "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="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      HARD_LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        NE Glisan St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        57 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        NE 24th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        382 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"
+                      >
+                        NE Sandy Blvd
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        58 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c42"
+          mode="BUS"
+        />
+        <div
+          className="c5"
+        >
+          <div
+            className="c43"
+          >
+            <span
+              aria-hidden={true}
+              className="styled__SRHidden-sc-1q8npbl-57"
+            >
+              12
+            </span>
+            <span
+              className="c44"
+            >
+              Barbur/Sandy Blvd
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c7"
+    >
+      <span
+        aria-hidden={true}
+        className="c8"
+      >
+        NE Sandy & 24th
+        <span
+          className="c45"
+        >
+          ID 5066
+        </span>
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      4:02 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span>
+              <span
+                className="c10"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c13 c46"
+              >
+                <div>
+                  <span
+                    className="c47"
+                  >
+                    12
+                  </span>
+                </div>
+                <span
+                  className="c48"
+                >
+                  <span>
+                    Barbur/Sandy Blvd 
+                    <span
+                      className="c49"
+                    >
+                      to
+                    </span>
+                     Parkrose TC
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c10"
+              >
+                 - 
+                Disembark at 
+                NE Sandy & 57th
+                <span
+                  className="c45"
+                >
+                  ID 5104
+                </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"
+        >
+          <button
+            className="c16 c50"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="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>
+          </button>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
               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 ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
-.c22 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c43 {
-  color: #f44256;
-}
-
-.c29 {
-  border-top-style: solid;
-  border-top-width: 0;
-  padding-top: 0;
-  padding-bottom: 10px;
-}
-
-.c16 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c31 {
-  color: #008;
-  cursor: pointer;
-  margin-left: 5px;
-}
-
-.c31:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c6 {
-  color: black;
-  background-color: #e9e9e9;
-  border: 2px solid #bbb;
-  text-align: center;
-  width: 25px;
-  height: 25px;
-  font-size: 1.2em;
-  border-radius: 50%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding-left: 1px;
-}
-
-.c34 {
-  color: black;
-  background-color: red;
-  border: 2px solid #bbb;
-  text-align: center;
-  width: 25px;
-  height: 25px;
-  font-size: 1.2em;
-  border-radius: 50%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding-left: 1px;
-}
-
-.c21::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c42 {
-  text-align: center;
-}
-
-.c4 {
-  border-left: dotted 4px #484848;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c33 {
-  border-left: dotted 4px red;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c0 {
-  list-style: none;
-  padding: 0;
-}
-
-.c12 {
-  color: #676767;
-  font-size: 13px;
-  padding-bottom: 12px;
-}
-
-.c17 {
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.c13 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  line-height: 16px;
-  min-height: 31px;
-  position: relative;
-}
-
-.c10 {
-  display: inline-block;
-  grid-row-start: 2;
-  grid-column-start: 1;
-  height: 0;
-  overflow: hidden;
-  width: 0;
-}
-
-.c15 {
-  font-weight: inherit;
-}
-
-.c14 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.c3 {
-  position: relative;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-  height: 100%;
-}
-
-.c5 {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  top: 0;
-  -webkit-transform: translate(-51%,-10%);
-  -ms-transform: translate(-51%,-10%);
-  transform: translate(-51%,-10%);
-}
-
-.c2 {
-  grid-column-start: 2;
-  grid-row: span 2;
-  padding-right: 5px;
-}
-
-.c18 {
-  display: grid;
-  grid-template-columns: 100px auto;
-}
-
-.c1 {
-  max-width: 500px;
-  display: grid;
-  grid-template-columns: 65px 30px auto;
-}
-
-.c36 {
-  border-color: #fff;
-  border-radius: 5px;
-  border-style: solid;
-  border-width: 1px;
-  display: inline-block;
-  font-style: normal;
-  grid-column: 2;
-  grid-row: 1;
-  margin: 0 4px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  vertical-align: middle;
-  width: 75%;
-}
-
-.c36:hover {
-  border-color: #d1d5da;
-  background-color: #f6f8fa;
-}
-
-.c9 {
-  grid-column-start: 1;
-  grid-row: 1 / span 2;
-  padding-right: 5px;
-  font-size: 0.9em;
-}
-
-.c32 {
-  padding: 3px 10px 3px 10px;
-  border: 0;
-  margin-top: -15px;
-  width: 35px;
-  height: 35px;
-}
-
-.c32:hover {
-  cursor: pointer;
-}
-
-.c30 {
-  -webkit-flex: 0 0 25px;
-  -ms-flex: 0 0 25px;
-  flex: 0 0 25px;
-  grid-column: -1;
-}
-
-.c11 {
-  grid-row-start: 2;
-  grid-column-start: 3;
-}
-
-.c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 1.2em;
-  grid-row-start: 1;
-  grid-column-start: 3;
-}
-
-.c8 {
-  font-size: inherit;
-  font-weight: bold;
-  height: 1.2em;
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 3px 0 10px 0;
-}
-
-.c35 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
-}
-
-.c37 {
-  padding: 2px;
-  width: 100%;
-}
-
-.c39 {
-  font-size: xx-small;
-}
-
-.c39::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c40 {
-  color: #e60000;
-}
-
-.c41 {
-  color: green;
-}
-
-.c38 {
-  font-size: small;
-}
-
-.c23 {
-  display: block;
-  list-style: none;
-  padding: 0;
-}
-
-.c26 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c26 > span {
-  margin-right: 1ch;
-}
-
-.c19 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  margin-top: 10px;
-}
-
-.c19 a {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c20 {
-  color: #676767;
-  font-size: 13px;
-  font-style: normal;
-  padding: 0;
-}
-
-.c25 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c24 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c27 {
-  font-weight: 500;
-}
-
-.c28 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-<ol
-  className="c0"
->
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <div
+                className="c51"
+              >
+                <a
+                  className="c52"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c53"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    For trips to Tigard Transit Center, no service to the stop at NE Sandy & 91st (Stop ID 5145) due to PBOT sidewalk construction. Use temporary stop on the west side of 91st.  
+                  </div>
+                  <div
+                    className="c55"
+                  >
+                    Effective as of July 31, 2019
+                  </div>
+                </a>
+                <a
+                  className="c52"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c53"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c54"
+                  >
+                    For trips to Parkrose/Sumner Transit Center, no service to the stop at NE Sandy & 47th (Stop ID 5094) due to long-term construction. Use the temporary stop located at NE Sandy & 48th (Stop ID 14073).
+                  </div>
+                  <div
+                    className="c55"
+                  >
+                    Effective as of July 12, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c56"
+          >
+            <div
+              className="c57"
+            >
+              <button
+                className="c16 c58"
+                onClick={[Function]}
+              >
+                Ride 
+                12 min
+                 / 13 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="c59"
+                >
+                  <ol
+                    className="c60"
+                  >
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & Lawrence
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 28th
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 31st
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 33rd
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & Imperial
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 38th
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 42nd
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 44th
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 48th
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 50th
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & Sacramento
+                      </div>
+                    </li>
+                    <li
+                      className="c61"
+                    >
+                      <div
+                        className="c62"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c63"
+                      >
+                        NE Sandy & 54th
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
   <li
     className="c1"
   >
@@ -90667,13 +100338,18 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        2624 SE 30th Ave, Portland, OR, USA 97202
+        NE Sandy & 57th
+        <span
+          className="c45"
+        >
+          ID 5104
+        </span>
       </span>
     </div>
     <div
       className="c9"
     >
-      3:45 PM
+      4:14 PM
     </div>
     <span
       className="c10"
@@ -90701,11 +100377,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 498 feet to 
+              Walk 279 feet to 
               <span
                 className="c15"
               >
-                SE 30th at Division
+                0086 BIKETOWN
               </span>
             </span>
             <button
@@ -90731,7 +100407,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              3 min
+              2 min
               <span
                 className="c21"
               >
@@ -90794,17 +100470,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      WEST
+                      NORTHEAST
                        on 
                       <span
                         className="c27"
                       >
-                        SE Clinton St
+                        NE Sandy Blvd
                       </span>
                       <span
                         className="c28"
                       >
-                        79 feet
+                        75 feet
                       </span>
                     </span>
                   </div>
@@ -90819,7 +100495,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
                       />
                     </svg>
                   </div>
@@ -90827,17 +100503,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      RIGHT
+                      HARD_LEFT
                        on 
                       <span
                         className="c27"
                       >
-                        SE 30th Ave
+                        NE Alameda St
                       </span>
                       <span
                         className="c28"
                       >
-                        419 feet
+                        203 feet
                       </span>
                     </span>
                   </div>
@@ -90947,13 +100623,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        SE 30th at Division
+        0086 BIKETOWN
       </span>
     </div>
     <div
       className="c9"
     >
-      3:48 PM
+      4:16 PM
     </div>
     <span
       className="c10"
@@ -90988,11 +100664,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                - 
             </span>
             <span>
-              Bicycle 0.6 miles to 
+              Bicycle 1 mile to 
               <span
                 className="c15"
               >
-                SE 29th at Hawthorne
+                NE 60th at Cully 
               </span>
             </span>
             <button
@@ -91018,7 +100694,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              6 min
+              7 min
               <span
                 className="c21"
               >
@@ -91072,7 +100748,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
                       />
                     </svg>
                   </div>
@@ -91080,17 +100756,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      CONTINUE
+                      HARD_LEFT
                        on 
                       <span
                         className="c27"
                       >
-                        SE 30th Ave
+                        NE Alameda St
                       </span>
                       <span
                         className="c28"
                       >
-                        0.3 miles
+                        203 feet
                       </span>
                     </span>
                   </div>
@@ -91105,7 +100781,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
                       />
                     </svg>
                   </div>
@@ -91113,17 +100789,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      LEFT
+                      HARD_LEFT
                        on 
                       <span
                         className="c27"
                       >
-                        SE Harrison St
+                        NE 57th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        361 feet
+                        0.6 miles
                       </span>
                     </span>
                   </div>
@@ -91138,7 +100814,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -91146,17 +100822,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      RIGHT
+                      CONTINUE
                        on 
                       <span
                         className="c27"
                       >
-                        SE 29th Ave
+                        NE Cully Blvd
                       </span>
                       <span
                         className="c28"
                       >
-                        0.2 miles
+                        0.3 miles
                       </span>
                     </span>
                   </div>
@@ -91184,12 +100860,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SE Hawthorne Blvd
+                        NE 60th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        50 feet
+                        171 feet
                       </span>
                     </span>
                   </div>
@@ -91215,13 +100891,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                   className="c39 c40"
                 >
                   ↑
-                  63'
+                  2'
                 </span>
                 <span
                   className="c39 c41"
                 >
                   ↓
-                  18'
+                  84'
                 </span>
               </div>
               <svg
@@ -91230,7 +100906,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
               >
                 <polyline
                   fill="none"
-                  points="0,18.244514106583072 0,18.173981191222573 0,18.159874608150474 0,17.539184952978054 0,17.609717868338564 0,17.623824451410663 0,17.63793103448276 0,17.63322884012539 0,17.628526645768027 0,17.628526645768027 0,17.628526645768027 0,17.605015673981192 0,17.605015673981192 0,17.58620689655173 0,17.58620689655173 0,17.557993730407524 0,17.529780564263323 0,17.515673981191224 0,17.48275862068966 0,17.45454545454546 0,17.426332288401255 0,17.426332288401255 0,17.369905956112852 0,17.31818181818182 0,17.294670846394986 0,17.31818181818182 0,17.388714733542322 0,17.47335423197492 0,17.47335423197492 0,17.44514106583072 0,17.33228840125392 0,17.09717868338558 0,16.83385579937304 0,16.4858934169279 0,16.4858934169279 0,16.26959247648903 0,15.992163009404392 0,15.545454545454549 0,15.079937304075237 0,14.642633228840126 0,14.242946708463954 0,13.885579937304076 0,13.565830721003138 0,13.283699059561126 0,13.015673981191227 0,12.789968652037622 0,12.620689655172416 0,12.620689655172416 0,12.521943573667713 0,12.126959247648905 0,11.967084639498434 0,11.877742946708466 0,11.755485893416928 0,11.760188087774296 0,11.896551724137929 0,12.079937304075234 0,12.079937304075234 0,12.004702194357368 0,11.981191222570533 0,11.990595611285265 0,11.990595611285265 0,12.230407523510973 0,12.31034482758621 0,12.329153605015676 0,12.347962382445143 0,12.38557993730408 0,12.40909090909091 0,12.432601880877744 0,12.432601880877744 0,12.460815047021942 0,12.54075235109718 0,12.66771159874608 0,12.794670846394986 0,12.93103448275862 0,13.043887147335422 0,13.16614420062696 0,13.227272727272727 0,13.227272727272727 0,13.316614420062699 0,13.396551724137932 0,13.495297805642636 0,13.603448275862075 0,13.706896551724142 0,13.81034482758621 0,13.913793103448281 0,13.98432601880878 0,13.98432601880878 0,14.003134796238244 0,14.003134796238244 0,13.979623824451412 0,13.965517241379313 0,13.956112852664582 0,13.95141065830721 0,13.94200626959248 0,13.927899686520377 0,13.927899686520377 0,13.871473354231973 0,13.758620689655174 0,13.547021943573668 0,13.311912225705331 0,13.189655172413794 0,13.189655172413794 0,12.968652037617556 0,12.677115987460816 0,12.677115987460816 0,12.446708463949843 0,12.221003134796238 0,12.042319749216304 0,12.042319749216304 0,11.9435736677116 0,11.9012539184953"
+                  points="0,10.195482763175278 0,10.151895390305118 0,10.128120459648663 0,10.088495575221245 0,10.060758156122048 0,10.009245806366405 0,9.973583410381721 0,9.961695945053496 0,9.906221106855106 0,9.92603354906882 0,9.941883502839787 0,9.957733456610754 0,9.981508387267205 0,10.009245806366405 0,10.068683133007529 0,10.132082948091401 0,10.215295205388983 0,10.30246995112931 0,10.377757231541409 0,10.47285695416722 0,11.071192709021265 0,11.079117685906755 0,11.087042662792236 0,11.102892616563206 0,11.11874257033417 0,11.134592524105138 0,11.158367454761589 0,11.186104873860788 0,11.201954827631756 0,11.217804781402723 0,11.23365473517369 0,11.261392154272883 0,11.324791969356756 0,11.33271694624224 0,11.372341830669662 0,11.396116761326116 0,11.415929203539825 0,11.435741645753534 0,11.443666622639018 0,11.46347906485273 0,11.479329018623698 0,11.479329018623698 0,11.491216483951924 0,11.503103949280149 0,11.518953903051113 0,11.538766345264829 0,11.570466252806764 0,11.621978602562411 0,11.6774534407608 0,11.744815744287415 0,11.744815744287415 0,11.828028001584993 0,11.90727777043984 0,11.974640073966452 0,12.038039889050324 0,12.101439704134194 0,12.160877030775328 0,12.224276845859197 0,12.295601637828558 0,12.295601637828558 0,12.374851406683401 0,12.45806366398098 0,12.533350944393078 0,12.608638224805176 0,12.691850482102762 0,12.786950204728573 0,12.85827499669793 0,12.929599788667282 0,12.929599788667282 0,13.036586976621322 0,13.13168669924713 0,13.214898956544708 0,13.309998679170523 0,13.40509840179633 0,13.833047153612469 0,13.943996830009247 0,14.047021529520542 0,14.165896182802802 0,14.292695812970544 0,14.411570466252812 0,14.542332584863296 0,14.673094703473781 0,14.791969356756043 0,14.871219125610883 0,15.659754325716554 0,15.806366398098008 0,15.968828424250434 0,15.968828424250434 0,16.10355303130366 0,16.226390173028662 0,16.345264826310924 0,16.464139479593186 0,16.464139479593186 0,16.583014132875448 0,16.697926297714965 0,16.808875974111743 0,16.90001320829481 0,17.0307753269053 0,17.0307753269053 0,17.137762514859332 0,17.256637168141594 0,17.35966186765289 0,17.45872407872144 0,17.57363624356096 0,17.680623431514995 0,17.783648131026286 0,17.783648131026286 0,17.910447761194032 0,18.033284902919036 0,18.17593448685775 0,18.43349623563598 0,18.556333377360982 0,18.683133007528728 0,18.861444987452124 0,19.562805441817464 0,19.665830141328755 0,19.796592259939242 0,19.883767005679566 0,19.96301677453441 0,20.0660414740457 0,20.093778893144894"
                   stroke="black"
                   strokeWidth={1.3}
                 />
@@ -91310,13 +100986,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        SE 29th at Hawthorne
+        NE 60th at Cully 
       </span>
     </div>
     <div
       className="c9"
     >
-      3:55 PM
+      4:24 PM
     </div>
     <span
       className="c10"
@@ -91344,11 +101020,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 0.1 miles to 
+              Walk 494 feet to 
               <span
                 className="c15"
               >
-                1415 SE 28th Ave, Portland, OR, USA 97214
+                5916 NE Going St, Portland, OR, USA 97218
               </span>
             </span>
             <button
@@ -91374,7 +101050,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              3 min
+              2 min
               <span
                 className="c21"
               >
@@ -91441,45 +101117,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SE Hawthorne Blvd
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        210 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"
-                      >
-                        SE 28th Ave
+                        NE 60th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        295 feet
+                        270 feet
                       </span>
                     </span>
                   </div>
@@ -91507,12 +101150,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SE Madison St
+                        NE Going St
                       </span>
                       <span
                         className="c28"
                       >
-                        114 feet
+                        225 feet
                       </span>
                     </span>
                   </div>
@@ -91562,11 +101205,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c42"
+            className="c64"
           >
             <svg
               aria-hidden="true"
-              className="c22 c43"
+              className="c22 c65"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -91590,19 +101233,19 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        1415 SE 28th Ave, Portland, OR, USA 97214
+        5916 NE Going St, Portland, OR, USA 97218
       </span>
     </div>
     <div
       className="c9"
     >
-      3:58 PM
+      4:26 PM
     </div>
     <span
       className="c10"
     >
       Arrive at 
-      1415 SE 28th Ave, Portland, OR, USA 97214
+      5916 NE Going St, Portland, OR, USA 97218
     </span>
     <div
       className="c11"
@@ -91636,7 +101279,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -91650,15 +101293,32 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
   <ItineraryBodyDefaultsWrapper
     itinerary={
       Object {
-        "duration": 2184,
-        "elevationGained": 13.820000000000014,
-        "elevationLost": 31.629999999999995,
-        "endTime": 1573691203000,
+        "duration": 359,
+        "elevationGained": 3.85,
+        "elevationLost": 3.330000000000001,
+        "endTime": 1573689016000,
         "fare": Object {
-          "details": 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 {
-              "cents": 250,
               "currency": Object {
                 "currency": "USD",
                 "currencyCode": "USD",
@@ -91673,23 +101333,23 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 121.806,
-            "duration": 162,
-            "endTime": 1573689181000,
+            "distance": 27.68,
+            "duration": 27,
+            "endTime": 1573688684000,
             "from": Object {
-              "departure": 1573689019000,
-              "lat": 45.519031121242776,
-              "lon": -122.63470154379792,
-              "name": "2943 SE Washington St, Portland, OR, USA 97214",
-              "orig": "2943 SE Washington St, Portland, OR, USA 97214",
+              "departure": 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": 5,
-              "points": "}lytGnbokV{AFd@??xEK?",
+              "length": 3,
+              "points": "_kytGvwwkVXOTE",
             },
             "mode": "WALK",
             "pathway": false,
@@ -91698,123 +101358,45 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689019000,
+            "startTime": 1573688657000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
-                "bogusName": false,
-                "distance": 31.434,
+                "bogusName": true,
+                "distance": 27.68,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 40.152842545446774,
+                    "second": 15.022842545446778,
                   },
                   Object {
                     "first": 10,
-                    "second": 40.292842545446774,
+                    "second": 15.412842545446779,
                   },
                   Object {
                     "first": 20,
-                    "second": 40.38284254544678,
-                  },
-                  Object {
-                    "first": 30,
-                    "second": 40.462842545446776,
+                    "second": 15.382842545446778,
                   },
                   Object {
-                    "first": 31.43,
-                    "second": 40.47284254544678,
+                    "first": 27.68,
+                    "second": 15.252842545446779,
                   },
                 ],
-                "lat": 45.51903126345032,
-                "lon": -122.63479456900684,
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
                 "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",
+                "streetName": "path",
               },
             ],
             "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",
+              "arrival": 1573688684000,
+              "departure": 1573688684000,
+              "lat": 45.5184851,
+              "lon": -122.6790448,
+              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
+              "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
@@ -91822,712 +101404,197 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 1238.5530000000003,
-            "duration": 392,
-            "endTime": 1573689573000,
+            "distance": 162.443,
+            "duration": 73,
+            "endTime": 1573688757000,
             "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",
+              "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": 23,
-              "points": "_oytGpiokVmGC?dG?PqCAiCAAX?pD?zB?l@?ZAxF?b@?X?tBq@?{A?oCAmCAmC?oCAuCA?l@",
+              "length": 11,
+              "points": "oiytG\`wwkVBOoBw@IECACHW|AMn@EVD@FB",
             },
             "mode": "BICYCLE",
             "pathway": false,
             "realTime": false,
-            "rentedBike": true,
+            "rentedBike": false,
             "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,
-                  },
+            "rentedVehicle": false,
+            "route": "",
+            "startTime": 1573688684000,
+            "steps": Array [
+              Object {
+                "absoluteDirection": "EAST",
+                "area": false,
+                "bogusName": true,
+                "distance": 6.217,
+                "elevation": Array [
                   Object {
-                    "first": 318.48,
-                    "second": 38.47284254544678,
+                    "first": 0,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 323.89,
-                    "second": 38.49284254544678,
+                    "first": 6.22,
+                    "second": 15.002842545446779,
                   },
                 ],
-                "lat": 45.5221357,
-                "lon": -122.6372845,
+                "lat": 45.5184851,
+                "lon": -122.6790448,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SE Ankeny St",
+                "streetName": "path",
               },
               Object {
                 "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 78.85900000000001,
+                "distance": 74.59400000000001,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 38.49284254544678,
+                    "second": 15.002842545446779,
                   },
                   Object {
                     "first": 10,
-                    "second": 38.73284254544678,
+                    "second": 14.942842545446778,
                   },
                   Object {
                     "first": 20,
-                    "second": 38.73284254544678,
+                    "second": 14.772842545446778,
                   },
                   Object {
-                    "first": 28.04,
-                    "second": 38.86284254544678,
+                    "first": 30,
+                    "second": 14.482842545446779,
                   },
                   Object {
-                    "first": 28.043,
-                    "second": 38.86284254544678,
+                    "first": 40,
+                    "second": 14.292842545446778,
                   },
                   Object {
-                    "first": 38.043,
-                    "second": 39.06284254544678,
+                    "first": 50,
+                    "second": 13.992842545446777,
                   },
                   Object {
-                    "first": 48.043,
-                    "second": 39.212842545446776,
+                    "first": 60,
+                    "second": 13.80284254544678,
                   },
                   Object {
-                    "first": 58.043,
-                    "second": 39.41284254544678,
+                    "first": 66,
+                    "second": 13.662842545446779,
                   },
                   Object {
-                    "first": 68.043,
-                    "second": 39.59284254544678,
+                    "first": 65.995,
+                    "second": 13.662842545446779,
                   },
                   Object {
-                    "first": 78.863,
-                    "second": 39.84284254544678,
+                    "first": 74.595,
+                    "second": 13.522842545446778,
                   },
                 ],
-                "lat": 45.5221551,
-                "lon": -122.6414415,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5184662,
+                "lon": -122.6789697,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SE 24th Ave",
+                "streetName": "SW 6th Ave",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 401.5,
+                "distance": 73.421,
                 "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,
+                    "second": 13.522842545446778,
                   },
                   Object {
-                    "first": 308.185,
-                    "second": 41.80284254544678,
+                    "first": 4.67,
+                    "second": 13.622842545446778,
                   },
                   Object {
-                    "first": 317.725,
-                    "second": 41.87284254544678,
+                    "first": 4.674,
+                    "second": 13.622842545446778,
                   },
                   Object {
-                    "first": 317.723,
-                    "second": 41.87284254544678,
+                    "first": 14.674,
+                    "second": 14.042842545446778,
                   },
                   Object {
-                    "first": 327.723,
-                    "second": 41.91284254544678,
+                    "first": 24.674,
+                    "second": 14.502842545446779,
                   },
                   Object {
-                    "first": 337.723,
-                    "second": 41.932842545446775,
+                    "first": 34.674,
+                    "second": 14.672842545446779,
                   },
                   Object {
-                    "first": 347.723,
-                    "second": 41.97284254544678,
+                    "first": 43.454,
+                    "second": 15.072842545446779,
                   },
                   Object {
-                    "first": 357.723,
-                    "second": 42.02284254544678,
+                    "first": 43.458,
+                    "second": 15.072842545446779,
                   },
                   Object {
-                    "first": 367.723,
-                    "second": 42.08284254544678,
+                    "first": 53.458,
+                    "second": 15.622842545446778,
                   },
                   Object {
-                    "first": 377.723,
-                    "second": 42.14284254544678,
+                    "first": 64.148,
+                    "second": 15.932842545446778,
                   },
                   Object {
-                    "first": 387.723,
-                    "second": 42.212842545446776,
+                    "first": 64.146,
+                    "second": 15.932842545446778,
                   },
                   Object {
-                    "first": 401.50300000000004,
-                    "second": 42.28284254544678,
+                    "first": 73.426,
+                    "second": 16.23284254544678,
                   },
                 ],
-                "lat": 45.5228643,
-                "lon": -122.6414426,
-                "relativeDirection": "CONTINUE",
+                "lat": 45.5190963,
+                "lon": -122.6786411,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NE 24th Ave",
+                "streetName": "SW Morrison St",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 17.46,
+                "bogusName": true,
+                "distance": 8.211,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 42.28284254544678,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 42.17284254544678,
+                    "second": 16.23284254544678,
                   },
                   Object {
-                    "first": 17.46,
-                    "second": 42.182842545446775,
+                    "first": 8.21,
+                    "second": 16.50284254544678,
                   },
                 ],
-                "lat": 45.526475,
-                "lon": -122.6414088,
+                "lat": 45.5193324,
+                "lon": -122.6795212,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NE Glisan St",
+                "streetName": "path",
               },
             ],
             "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",
+              "arrival": 1573688757000,
+              "departure": 1573688757000,
+              "lat": 45.5192636,
+              "lon": -122.6795595,
+              "name": "corner of path and Pioneer Sq N (path)",
+              "vertexType": "NORMAL",
             },
             "transitLeg": false,
           },
@@ -92535,27 +101602,23 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 151.488,
-            "duration": 155,
-            "endTime": 1573689728000,
+            "distance": 6.563,
+            "duration": 12,
+            "endTime": 1573688769000,
             "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",
+              "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": 8,
-              "points": "m{ztGfmpkV?m@S@}BAg@?W?EOGU",
+              "length": 2,
+              "points": "knytGfzwkVBM",
             },
             "mode": "WALK",
             "pathway": false,
@@ -92564,127 +101627,33 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573689573000,
+            "startTime": 1573688757000,
             "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,
+                "distance": 6.563,
                 "elevation": Array [],
-                "lat": 45.5275218,
-                "lon": -122.641409,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5192636,
+                "lon": -122.6795595,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NE Sandy Blvd",
+                "streetName": "Pioneer Sq N (path)",
               },
             ],
             "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,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "transitLeg": false,
           },
@@ -92695,310 +101664,2624 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "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,
+                "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": "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.  ",
+                "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": 1564601290,
+                "effectiveStartDate": 1572827580,
               },
             ],
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 3262.4448016745714,
-            "duration": 753,
-            "endTime": 1573690482000,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "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,
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
               "vertexType": "TRANSIT",
-              "zoneId": "B",
+              "zoneId": "R",
             },
             "hailedCar": false,
-            "headsign": "Parkrose TC",
+            "headsign": "Hillsboro",
             "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",
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               Object {
-                "length": 7,
-                "points": "sv}tGbxikVeAmDo@yBCKYcA_@oA_@qA",
+                "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": 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,
+                "arrival": 1573688815000,
+                "departure": 1573688865000,
+                "lat": 45.51991,
+                "lon": -122.681919,
+                "name": "Galleria/SW 10th Ave MAX Station",
+                "stopCode": "8384",
+                "stopId": "TriMet:8384",
+                "stopIndex": 26,
+                "stopSequence": 27,
                 "vertexType": "TRANSIT",
-                "zoneId": "B",
+                "zoneId": "R",
               },
+            ],
+            "legGeometry": Object {
+              "length": 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 {
-                "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",
+                "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 {
-                "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",
+                "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 {
-                "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",
+                "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 {
-                "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",
+                "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 ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
+.c22 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c58 {
+  color: #f44256;
+}
+
+.c29 {
+  border-top-style: solid;
+  border-top-width: 0;
+  padding-top: 0;
+  padding-bottom: 10px;
+}
+
+.c16 {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c31 {
+  color: #008;
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.c31:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c6 {
+  color: black;
+  background-color: #e9e9e9;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+}
+
+.c34 {
+  color: black;
+  background-color: red;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+}
+
+.c21::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c57 {
+  text-align: center;
+}
+
+.c4 {
+  border-left: dotted 4px #484848;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c33 {
+  border-left: dotted 4px red;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c35 {
+  border-left: solid 8px #084C8D;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c53 {
+  display: block;
+  font-size: 13px;
+  list-style: none;
+  padding: 0;
+}
+
+.c0 {
+  list-style: none;
+  padding: 0;
+}
+
+.c12 {
+  color: #676767;
+  font-size: 13px;
+  padding-bottom: 12px;
+}
+
+.c17 {
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.c13 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  line-height: 16px;
+  min-height: 31px;
+  position: relative;
+}
+
+.c10 {
+  display: inline-block;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  height: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.c42 {
+  font-weight: 200;
+}
+
+.c15 {
+  font-weight: inherit;
+}
+
+.c41 {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.c40 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
+.c39 {
+  color: #807373;
+  margin-top: 5px;
+}
+
+.c14 {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c3 {
+  position: relative;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  height: 100%;
+}
+
+.c5 {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  -webkit-transform: translate(-51%,-10%);
+  -ms-transform: translate(-51%,-10%);
+  transform: translate(-51%,-10%);
+}
+
+.c2 {
+  grid-column-start: 2;
+  grid-row: span 2;
+  padding-right: 5px;
+}
+
+.c18 {
+  display: grid;
+  grid-template-columns: 100px auto;
+}
+
+.c1 {
+  max-width: 500px;
+  display: grid;
+  grid-template-columns: 65px 30px auto;
+}
+
+.c9 {
+  grid-column-start: 1;
+  grid-row: 1 / span 2;
+  padding-right: 5px;
+  font-size: 0.9em;
+}
+
+.c32 {
+  padding: 3px 10px 3px 10px;
+  border: 0;
+  margin-top: -15px;
+  width: 35px;
+  height: 35px;
+}
+
+.c32:hover {
+  cursor: pointer;
+}
+
+.c30 {
+  -webkit-flex: 0 0 25px;
+  -ms-flex: 0 0 25px;
+  flex: 0 0 25px;
+  grid-column: -1;
+}
+
+.c11 {
+  grid-row-start: 2;
+  grid-column-start: 3;
+}
+
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+
+.c8 {
+  font-size: inherit;
+  font-weight: bold;
+  height: 1.2em;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px 0 10px 0;
+}
+
+.c36 {
+  text-align: center;
+  min-width: 30px;
+  min-height: 30px;
+  font-size: 1.2em;
+  background-color: #084C8D;
+  color: white;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+  border: 1px solid;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.c37 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  -webkit-clip: rect(0,0,0,0);
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+.c23 {
+  display: block;
+  list-style: none;
+  padding: 0;
+}
+
+.c26 {
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
+}
+
+.c26 > span {
+  margin-right: 1ch;
+}
+
+.c19 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
+}
+
+.c19 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c20 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
+.c25 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
+}
+
+.c24 {
+  font-size: 13px;
+  margin-top: 8px;
+  color: #676767;
+  font-style: normal;
+}
+
+.c27 {
+  font-weight: 500;
+}
+
+.c28 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c38 {
+  font-weight: 200;
+  font-size: 0.9em;
+  margin-left: 10px;
+}
+
+.c55 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c56 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c54 {
+  z-index: 30;
+  position: relative;
+}
+
+.c45 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c47 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c48 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c46 {
+  float: left;
+  font-size: 18px;
+}
+
+.c44 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c43 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c49 {
+  margin-top: 5px;
+}
+
+.c50 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c52 {
+  font-size: 14px;
+}
+
+.c51 {
+  padding: 0;
+}
+
+<ol
+  className="c0"
+>
+  <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"
+      >
+        KGW Studio on the Sq, Portland, OR, USA
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:44 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Walk 91 feet to 
+              <span
+                className="c15"
+              >
+                corner of path and Pioneer Courthouse Sq (pedestrian street)
+              </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]}
+            >
+              0 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 {
-                "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",
-              },
+                "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 
+                      SOUTHEAST
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        91 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c33"
+          mode="BICYCLE"
+        />
+        <div
+          className="c5"
+        >
+          <div
+            aria-label="Travel by bicycle"
+            className="c34"
+            mode="BICYCLE"
+          >
+            <svg
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by bicycle
+              </title>
+              <path
+                d="M117.1 116.3h33.8c4.7 0 8.4-3.8 8.4-8.4 0-4.7-3.8-8.4-8.4-8.4h-33.8c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4z"
+              />
+              <path
+                d="M316.4 162.3c-10 0-19.5 2-28.3 5.6-2.5-6.3-4.6-11.9-6-15.8 0 0 0-.1-.1-.2l-24.7-65.8c-1.2-3.3-4.4-5.5-7.9-5.5H217c-4.7 0-8.4 3.8-8.4 8.4 0 4.7 3.8 8.4 8.4 8.4h26.7l10.4 27.9h-113c-3 0-5.6 1.6-7.1 3.9l-25.8 40.6c-9.9-4.8-20.9-7.5-32.6-7.5-41.2 0-74.6 33.4-74.6 74.5 0 41.2 33.4 74.6 74.6 74.6 38.3 0 69.9-28.9 74.1-66.1h30.2c2.4 0 4.7-1 6.2-2.7l81-82.7c1.1 3 3.3 8.8 6.2 16.1-19 13.5-31.4 35.7-31.4 60.8 0 41.2 33.4 74.6 74.6 74.6 41.2 0 74.6-33.4 74.6-74.6-.1-41.1-33.5-74.5-74.7-74.5zm-240.8 83h57.1c-1.8 12.2-7.4 23.5-16.3 32.4-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 10.9-10.9 25.4-16.9 40.8-16.9 15.4 0 29.9 6 40.8 16.9 8.9 8.9 14.5 20.1 16.3 32.4H75.6c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4zm74.1-16.9c-2.3-20-12.4-37.6-27.2-49.6l16.7-26.3 28.5 75.9h-18zm33.4-6.9l-29.8-79.3h107.2l.1.2-77.5 79.1zm174.1 56.1c-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 1.4-1.4 2.9-2.8 4.4-4 0 .1 0 .1.1.2 11.1 25.1 21.4 42.2 30.5 50.8 1.6 1.5 3.7 2.3 5.8 2.3 2.2 0 4.5-.9 6.1-2.6 3.2-3.4 3-8.7-.3-11.9-9-8.5-19.4-28.8-27.5-47.3 6.8-2.8 14.2-4.2 21.7-4.2 15.4 0 29.9 6 40.8 16.9 10.9 10.9 16.9 25.4 16.9 40.8 0 15.3-6 29.7-16.9 40.6z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c7"
+    >
+      <span
+        aria-hidden={true}
+        className="c8"
+      >
+        corner of path and Pioneer Courthouse Sq (pedestrian street)
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:44 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Bicycle 0.1 miles to 
+              <span
+                className="c15"
+              >
+                corner of path and Pioneer Sq N (path)
+              </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]}
+            >
+              1 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 {
-                "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",
-              },
+                "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="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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        20 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW 6th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        245 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        241 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </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"
+      >
+        corner of path and Pioneer Sq N (path)
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:45 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Walk 22 feet to 
+              <span
+                className="c15"
+              >
+                Pioneer Square North MAX Station
+              </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]}
+            >
+              0 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 {
-                "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",
-              },
+                "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="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"
+                      >
+                        Pioneer Sq N (path)
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        22 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c35"
+          mode="TRAM"
+        />
+        <div
+          className="c5"
+        >
+          <div
+            className="c36"
+          >
+            <span
+              aria-hidden={true}
+              className="styled__SRHidden-sc-1q8npbl-57"
+            >
+              MA
+            </span>
+            <span
+              className="c37"
+            >
+              MAX Blue Line
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c7"
+    >
+      <span
+        aria-hidden={true}
+        className="c8"
+      >
+        Pioneer Square North MAX Station
+        <span
+          className="c38"
+        >
+          ID 8383
+        </span>
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:46 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span>
+              <span
+                className="c10"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c13 c39"
+              >
+                <div>
+                  <span
+                    className="c40"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
+                <span
+                  className="c41"
+                >
+                  <span>
+                    MAX Blue Line 
+                    <span
+                      className="c42"
+                    >
+                      to
+                    </span>
+                     Hillsboro
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c10"
+              >
+                 - 
+                Disembark at 
+                Providence Park MAX Station
+                <span
+                  className="c38"
+                >
+                  ID 9757
+                </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"
+        >
+          <button
+            className="c16 c43"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="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>
+          </button>
+          <div
+            aria-hidden={false}
+            className="rah-static rah-static--height-auto "
+            style={
               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",
-              },
+                "height": "auto",
+                "overflow": "visible",
+              }
+            }
+          >
+            <div
+              style={Object {}}
+            >
+              <div
+                className="c44"
+              >
+                <a
+                  className="c45"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c46"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c47"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c48"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c45"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c46"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c47"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c48"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c49"
+          >
+            <div
+              className="c50"
+            >
+              <button
+                className="c16 c51"
+                onClick={[Function]}
+              >
+                Ride 
+                3 min
+                 / 2 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="c52"
+                >
+                  <ol
+                    className="c53"
+                  >
+                    <li
+                      className="c54"
+                    >
+                      <div
+                        className="c55"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c56"
+                      >
+                        Galleria/SW 10th Ave MAX Station
+                      </div>
+                    </li>
+                  </ol>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </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"
+      >
+        Providence Park MAX Station
+        <span
+          className="c38"
+        >
+          ID 9757
+        </span>
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Walk 19 feet to 
+              <span
+                className="c15"
+              >
+                corner of path and Providence Park (path)
+              </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]}
+            >
+              0 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 {
-                "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",
+                "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 
+                      WEST
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        Providence Park (path)
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c33"
+          mode="BICYCLE"
+        />
+        <div
+          className="c5"
+        >
+          <div
+            aria-label="Travel by bicycle"
+            className="c34"
+            mode="BICYCLE"
+          >
+            <svg
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by bicycle
+              </title>
+              <path
+                d="M117.1 116.3h33.8c4.7 0 8.4-3.8 8.4-8.4 0-4.7-3.8-8.4-8.4-8.4h-33.8c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4z"
+              />
+              <path
+                d="M316.4 162.3c-10 0-19.5 2-28.3 5.6-2.5-6.3-4.6-11.9-6-15.8 0 0 0-.1-.1-.2l-24.7-65.8c-1.2-3.3-4.4-5.5-7.9-5.5H217c-4.7 0-8.4 3.8-8.4 8.4 0 4.7 3.8 8.4 8.4 8.4h26.7l10.4 27.9h-113c-3 0-5.6 1.6-7.1 3.9l-25.8 40.6c-9.9-4.8-20.9-7.5-32.6-7.5-41.2 0-74.6 33.4-74.6 74.5 0 41.2 33.4 74.6 74.6 74.6 38.3 0 69.9-28.9 74.1-66.1h30.2c2.4 0 4.7-1 6.2-2.7l81-82.7c1.1 3 3.3 8.8 6.2 16.1-19 13.5-31.4 35.7-31.4 60.8 0 41.2 33.4 74.6 74.6 74.6 41.2 0 74.6-33.4 74.6-74.6-.1-41.1-33.5-74.5-74.7-74.5zm-240.8 83h57.1c-1.8 12.2-7.4 23.5-16.3 32.4-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 10.9-10.9 25.4-16.9 40.8-16.9 15.4 0 29.9 6 40.8 16.9 8.9 8.9 14.5 20.1 16.3 32.4H75.6c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4zm74.1-16.9c-2.3-20-12.4-37.6-27.2-49.6l16.7-26.3 28.5 75.9h-18zm33.4-6.9l-29.8-79.3h107.2l.1.2-77.5 79.1zm174.1 56.1c-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 1.4-1.4 2.9-2.8 4.4-4 0 .1 0 .1.1.2 11.1 25.1 21.4 42.2 30.5 50.8 1.6 1.5 3.7 2.3 5.8 2.3 2.2 0 4.5-.9 6.1-2.6 3.2-3.4 3-8.7-.3-11.9-9-8.5-19.4-28.8-27.5-47.3 6.8-2.8 14.2-4.2 21.7-4.2 15.4 0 29.9 6 40.8 16.9 10.9 10.9 16.9 25.4 16.9 40.8 0 15.3-6 29.7-16.9 40.6z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c7"
+    >
+      <span
+        aria-hidden={true}
+        className="c8"
+      >
+        corner of path and Providence Park (path)
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:49 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Bicycle 230 feet to 
+              <span
+                className="c15"
+              >
+                1737 SW Morrison St, Portland, OR, USA 97205
+              </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]}
+            >
+              0 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="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"
+                      >
+                        104 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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        99 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </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"
+      >
+        1737 SW Morrison St, Portland, OR, USA 97205
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c10"
+    >
+      Arrive at 
+      1737 SW Morrison St, Portland, OR, USA 97205
+    </span>
+    <div
+      className="c11"
+    />
+    <div
+      className="c29 c30"
+    >
+      <a
+        aria-label="View on map"
+        className="c31 c32"
+        onClick={[Function]}
+        title="View on map"
+      >
+        <svg
+          className="styled__MapIcon-sc-1q8npbl-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <ItineraryBodyDefaultsWrapper
+    AlertBodyIcon={
+      Object {
+        "$$typeof": Symbol(react.forward_ref),
+        "attrs": Array [
+          Object {
+            "size": 18,
+          },
+        ],
+        "componentStyle": e {
+          "baseHash": 690021227,
+          "baseStyle": undefined,
+          "componentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1",
+          "isStatic": false,
+          "rules": Array [
+            "",
+          ],
+          "staticRulesId": "",
+        },
+        "foldedComponentIds": Array [],
+        "render": [Function],
+        "shouldForwardProp": undefined,
+        "styledComponentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1",
+        "target": Object {
+          "$$typeof": Symbol(react.forward_ref),
+          "render": [Function],
+        },
+        "toString": [Function],
+        "warnTooManyClasses": [Function],
+        "withComponent": [Function],
+      }
+    }
+    AlertToggleIcon={
+      Object {
+        "$$typeof": Symbol(react.forward_ref),
+        "attrs": Array [
+          Object {
+            "size": 15,
+          },
+        ],
+        "componentStyle": e {
+          "baseHash": -850907094,
+          "baseStyle": undefined,
+          "componentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-0",
+          "isStatic": false,
+          "rules": Array [
+            "",
+          ],
+          "staticRulesId": "",
+        },
+        "foldedComponentIds": Array [],
+        "render": [Function],
+        "shouldForwardProp": undefined,
+        "styledComponentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-0",
+        "target": Object {
+          "$$typeof": Symbol(react.forward_ref),
+          "render": [Function],
+        },
+        "toString": [Function],
+        "warnTooManyClasses": [Function],
+        "withComponent": [Function],
+      }
+    }
+    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": "$",
               },
-            ],
-            "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",
           },
+        },
+        "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 84.911,
-            "duration": 131,
-            "endTime": 1573690614000,
+            "distance": 81.875,
+            "duration": 71,
+            "endTime": 1573688769000,
             "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",
+              "departure": 1573688698000,
+              "lat": 45.5187219673841,
+              "lon": -122.67914856500536,
+              "name": "KGW Studio on the Sq, Portland, OR, USA",
+              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "vertexType": "NORMAL",
             },
             "hailedCar": false,
             "interlineWithPreviousLeg": false,
             "intermediateStops": Array [],
             "legGeometry": Object {
-              "length": 8,
-              "points": "g}}tGhgikVCKOe@iBxFJWHWF[Ni@",
+              "length": 5,
+              "points": "_kytGvwwkVGBSPw@]ShA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -93007,691 +104290,212 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573690483000,
+            "startTime": 1573688698000,
             "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,
+                "bogusName": true,
+                "distance": 50.946,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 79.95284254544677,
+                    "second": 15.172842545446779,
                   },
                   Object {
-                    "first": 10,
-                    "second": 80.01284254544677,
+                    "first": 4.82,
+                    "second": 15.222842545446778,
                   },
                   Object {
-                    "first": 20,
-                    "second": 79.81284254544678,
+                    "first": 4.825,
+                    "second": 15.022842545446778,
                   },
                   Object {
-                    "first": 30,
-                    "second": 79.94284254544678,
+                    "first": 18.515,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 40,
-                    "second": 79.78284254544678,
+                    "first": 18.511,
+                    "second": 14.512842545446778,
                   },
                   Object {
-                    "first": 50,
-                    "second": 79.70284254544677,
+                    "first": 28.511,
+                    "second": 14.342842545446779,
                   },
                   Object {
-                    "first": 60,
-                    "second": 79.55284254544678,
+                    "first": 38.510999999999996,
+                    "second": 14.362842545446778,
                   },
                   Object {
-                    "first": 61.98,
-                    "second": 79.54284254544677,
+                    "first": 50.95099999999999,
+                    "second": 14.652842545446777,
                   },
                 ],
-                "lat": 45.5422255,
-                "lon": -122.6045912,
-                "relativeDirection": "HARD_LEFT",
+                "lat": 45.51872034540038,
+                "lon": -122.67915385043655,
+                "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "NE Alameda St",
+                "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": 1573690614000,
-              "bikeShareId": "\\"bike_6884\\"",
-              "departure": 1573690614000,
-              "lat": 45.542406666666665,
-              "lon": -122.60542166666667,
-              "name": "0086 BIKETOWN",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
+              "arrival": 1573688769000,
+              "departure": 1573688770000,
+              "lat": 45.519253,
+              "lon": -122.679475,
+              "name": "Pioneer Square North MAX Station",
+              "stopCode": "8383",
+              "stopId": "TriMet:8383",
+              "stopIndex": 25,
+              "stopSequence": 26,
+              "vertexType": "TRANSIT",
+              "zoneId": "R",
             },
             "transitLeg": false,
           },
           Object {
+            "agencyId": "TRIMET",
+            "agencyName": "TriMet",
             "agencyTimeZoneOffset": -28800000,
+            "agencyUrl": "http://trimet.org/",
+            "alerts": Array [
+              Object {
+                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1576471800,
+              },
+              Object {
+                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
+                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
+                "effectiveStartDate": 1573083439,
+              },
+              Object {
+                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
+                "alertUrl": "http://trimet.org/alerts/",
+                "effectiveStartDate": 1572827580,
+              },
+            ],
             "arrivalDelay": 0,
+            "averageWait": 935,
             "departureDelay": 0,
-            "distance": 1662.6870000000004,
-            "duration": 437,
-            "endTime": 1573691051000,
+            "distance": 855.2914091936907,
+            "duration": 215,
+            "endTime": 1573688985000,
             "from": Object {
-              "arrival": 1573690614000,
-              "bikeShareId": "\\"bike_6884\\"",
-              "departure": 1573690614000,
-              "lat": 45.542406666666665,
-              "lon": -122.60542166666667,
-              "name": "0086 BIKETOWN",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
+              "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,
-            "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",
-              },
+            "headsign": "Hillsboro",
+            "interStopGeometry": Array [
               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",
+                "length": 10,
+                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
               },
               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",
+                "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 {
-                "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",
+                "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": 1573691051000,
-              "bikeShareId": "\\"hub_5470\\"",
-              "departure": 1573691051000,
-              "lat": 45.555925802180894,
-              "lon": -122.6008129119873,
-              "name": "NE 60th at Cully ",
-              "networks": Array [
-                "GBFS",
-              ],
-              "vertexType": "BIKESHARE",
+              "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": false,
+            "transitLeg": true,
+            "tripBlockId": "9019",
+            "tripId": "TriMet:9266008",
           },
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 150.70299999999997,
-            "duration": 152,
-            "endTime": 1573691203000,
+            "distance": 75.971,
+            "duration": 69,
+            "endTime": 1573689055000,
             "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",
+              "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": 5,
-              "points": "qs\`uGtnhkVGAeA?eAA?nD",
+              "length": 6,
+              "points": "m~ytGjzykVBLa@JOVMERgA",
             },
             "mode": "WALK",
             "pathway": false,
@@ -93700,144 +104504,133 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573691051000,
+            "startTime": 1573688986000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 82.255,
+                "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": 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,
+                    "second": 30.57284254544678,
                   },
                   Object {
-                    "first": 64.012,
-                    "second": 52.41284254544678,
+                    "first": 10,
+                    "second": 30.18284254544678,
                   },
                   Object {
-                    "first": 74.012,
-                    "second": 52.12284254544678,
+                    "first": 20,
+                    "second": 29.712842545446776,
                   },
                   Object {
-                    "first": 82.25200000000001,
-                    "second": 51.932842545446775,
+                    "first": 31.72,
+                    "second": 29.33284254544678,
                   },
                 ],
-                "lat": 45.55593126069875,
-                "lon": -122.60090007573629,
-                "relativeDirection": "CONTINUE",
+                "lat": 45.5218184,
+                "lon": -122.6898884,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE 60th Ave",
+                "streetName": "path",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 68.448,
+                "bogusName": true,
+                "distance": 8.242,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 51.932842545446775,
-                  },
-                  Object {
-                    "first": 10,
-                    "second": 51.85284254544678,
-                  },
-                  Object {
-                    "first": 20,
-                    "second": 51.782842545446776,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 51.55284254544678,
+                    "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": 40,
-                    "second": 51.572842545446775,
+                    "first": 0,
+                    "second": 29.05284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 51.76284254544678,
+                    "first": 10,
+                    "second": 29.16284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 51.77284254544678,
+                    "first": 20,
+                    "second": 29.33284254544678,
                   },
                   Object {
-                    "first": 68.45,
-                    "second": 51.85284254544678,
+                    "first": 30.15,
+                    "second": 29.532842545446776,
                   },
                 ],
-                "lat": 45.5566708,
-                "lon": -122.6008843,
-                "relativeDirection": "LEFT",
+                "lat": 45.52213,
+                "lon": -122.6900348,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE Going St",
+                "streetName": "SW Morrison 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",
+              "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": 1573689019000,
+        "startTime": 1573688698000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 753,
+        "transitTime": 215,
         "waitingTime": 2,
-        "walkDistance": 3410.4588686470597,
+        "walkDistance": 157.97398507143885,
         "walkLimitExceeded": false,
-        "walkTime": 1429,
+        "walkTime": 140,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
 .c22 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c65 {
+.c56 {
   color: #f44256;
 }
 
@@ -93893,36 +104686,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   padding-left: 1px;
 }
 
-.c34 {
-  color: black;
-  background-color: red;
-  border: 2px solid #bbb;
-  text-align: center;
-  width: 25px;
-  height: 25px;
-  font-size: 1.2em;
-  border-radius: 50%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding-left: 1px;
-}
-
 .c21::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c64 {
+.c55 {
   text-align: center;
 }
 
@@ -93938,18 +104707,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
 }
 
 .c33 {
-  border-left: dotted 4px red;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c42 {
-  border-left: solid 8px #008ab0;
+  border-left: solid 8px #084C8D;
   height: 100%;
   width: 0;
   position: absolute;
@@ -93959,7 +104717,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c60 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -94011,7 +104769,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   width: 0;
 }
 
-.c49 {
+.c40 {
   font-weight: 200;
 }
 
@@ -94019,17 +104777,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c48 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c47 {
+.c38 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c46 {
+.c37 {
   color: #807373;
   margin-top: 5px;
 }
@@ -94078,29 +104836,6 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   grid-template-columns: 65px 30px auto;
 }
 
-.c36 {
-  border-color: #fff;
-  border-radius: 5px;
-  border-style: solid;
-  border-width: 1px;
-  display: inline-block;
-  font-style: normal;
-  grid-column: 2;
-  grid-row: 1;
-  margin: 0 4px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  vertical-align: middle;
-  width: 75%;
-}
-
-.c36:hover {
-  border-color: #d1d5da;
-  background-color: #f6f8fa;
-}
-
 .c9 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -94156,47 +104891,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   padding: 3px 0 10px 0;
 }
 
-.c35 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
-}
-
-.c37 {
-  padding: 2px;
-  width: 100%;
-}
-
-.c39 {
-  font-size: xx-small;
-}
-
-.c39::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c40 {
-  color: #e60000;
-}
-
-.c41 {
-  color: green;
-}
-
-.c38 {
-  font-size: small;
-}
-
-.c43 {
+.c34 {
   text-align: center;
   min-width: 30px;
   min-height: 30px;
   font-size: 1.2em;
-  background-color: #084c8d;
+  background-color: #084C8D;
   color: white;
   border-radius: 50%;
   display: -webkit-box;
@@ -94220,7 +104920,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   cursor: default;
 }
 
-.c44 {
+.c35 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -94305,29 +105005,29 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   padding-left: 1ch;
 }
 
-.c45 {
+.c36 {
   font-weight: 200;
   font-size: 0.9em;
   margin-left: 10px;
 }
 
-.c62 {
+.c53 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c63 {
+.c54 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c61 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c52 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -94338,30 +105038,30 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c54 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c55 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c53 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c51 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c50 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -94370,804 +105070,29 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
   padding: 0;
 }
 
-.c56 {
+.c47 {
   margin-top: 5px;
 }
 
-.c57 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c59 {
-  font-size: 14px;
-}
-
-.c58 {
-  padding: 0;
-}
-
-<ol
-  className="c0"
->
-  <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"
-      >
-        2943 SE Washington St, Portland, OR, USA 97214
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:50 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Walk 400 feet to 
-              <span
-                className="c15"
-              >
-                SE 29th at Stark
-              </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]}
-            >
-              2 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 
-                      NORTH
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE 30th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        103 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"
-                      >
-                        SE Stark St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        277 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"
-                      >
-                        SE 29th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c33"
-          mode="BICYCLE"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            aria-label="Travel by bicycle"
-            className="c34"
-            mode="BICYCLE"
-          >
-            <svg
-              height="100%"
-              viewBox="0 0 418.62 160.29"
-              width="66%"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <title>
-                Travel by bicycle
-              </title>
-              <path
-                d="M230.91,500.07c-6.66,1.79-12,1.53-15.08-.71-7.84-5.72-1.89-17.25.27-20.68a103,103,0,0,0-10.64,13c-4.68,7.2-6.68,15.07-3.52,20.13,5.69,9.12,19.32,4.91,28,1.25l80.66-34Z"
-                transform="translate(-37 -357)"
-              />
-              <path
-                d="M37,431.27V357H61.88q14,0,20.68,5.77a19.31,19.31,0,0,1,6.83,15.29q0,14-14.78,15.11Q83,394.33,87,398.37T90.87,410q0,9.58-6.62,15.39T67,431.27H37Zm21.4-46h1.44a9.84,9.84,0,0,0,6.08-1.68,5.57,5.57,0,0,0,2.23-4.71q0-6.44-7.54-6.45h-0.9l-1.31.07v12.78h0Zm0,30.25,1.08,0.08h0.77a9.55,9.55,0,0,0,6.39-2A6.76,6.76,0,0,0,69,408.18a6.47,6.47,0,0,0-2.38-5.33,10.12,10.12,0,0,0-6.55-1.93H58.4v14.61h0Z"
-                transform="translate(-37 -357)"
-              />
-              <rect
-                height="74.27"
-                width="21.4"
-                x="56.7"
-              />
-              <polygon
-                points="141 74.27 117.92 74.27 103.7 40.02 104.27 74.27 82.87 74.27 82.87 0 104.27 0 103.7 31.84 116.33 0 138.9 0 121.81 35.84 141 74.27"
-              />
-              <path
-                d="M315.73,394.39q0,16.4-8.26,26.66a26.16,26.16,0,0,1-21.39,10.22A28.29,28.29,0,0,1,266,423.42q-10.5-9.94-10.5-29.82,0-19,11-29.12A27.67,27.67,0,0,1,285.82,357q13.7,0,21.81,10.12t8.11,27.26m-22.22.17q0-19.76-7.59-19.76-3.79,0-6.05,5.19-2.21,4.81-2.21,14.15t2.08,14.27q2.08,5.07,5.77,5.07t5.85-5q2.15-5,2.15-13.91"
-                transform="translate(-37 -357)"
-              />
-              <path
-                d="M383.26,431.27h-20.7l-5-26q-1.45-7.55-2.18-13.08-0.36-2.74-.62-4.57c-0.18-1.22-.29-2.15-0.36-2.79q-0.26,2-.77,7.36-0.24,2.74-.56,5.77t-0.8,6.4l-3.71,26.93h-20L310.92,357h21.14l3.49,20.44q2,12.22,2.77,19.19l0.68,6.79,0.67-5.82q1-10.2,2.68-19.39L346.24,357H364l3.47,17.85q2.53,12.45,4.35,29.48,0.57-7.65,1.23-13.56T374.54,380l3.9-23h20.88Z"
-                transform="translate(-37 -357)"
-              />
-              <path
-                d="M399.69,431.27V357H420.1l10.73,26.07,2,5.29q1.13,3,2.44,6.88l2.21,6.54q-1.18-9.67-1.79-16.55T435,373.69V357h20.62v74.27H435L423.61,404q-1.8-4.38-3.24-8.2t-2.53-7.29q1.28,7.84,1.87,13.66a101.82,101.82,0,0,1,.59,10.2v19H399.69v-0.05Z"
-                transform="translate(-37 -357)"
-              />
-              <polygon
-                points="140.86 0 140.86 74.27 180.62 74.27 180.62 56.47 162.25 56.47 162.25 45.07 178.72 45.07 178.72 27.27 162.25 27.27 162.25 17.8 189.71 17.8 189.71 74.27 211.1 74.27 211.1 17.8 223.37 17.8 223.37 0 140.86 0"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        SE 29th at Stark
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:53 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c35"
-      >
-        Pick up  
-        shared bike
-         
-      </div>
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Bicycle 0.8 miles to 
-              <span
-                className="c15"
-              >
-                NE Glisan at 24th
-              </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]}
-            >
-              6 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>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE 29th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        492 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE Pine St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        358 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"
-                      >
-                        SE 28th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        518 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE Ankeny St
-                      </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"
-                      >
-                        SE 24th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        259 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"
-                      >
-                        NE 24th Ave
-                      </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="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"
-                      >
-                        NE Glisan St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        57 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c36"
-          >
-            <button
-              className="c16 c37"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c38"
-              >
-                Elevation chart
-                <span
-                  className="c39 c40"
-                >
-                  ↑
-                  33'
-                </span>
-                <span
-                  className="c39 c41"
-                >
-                  ↓
-                  33'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,14.792626728110603 0,14.755405884438142 0,14.71818504076569 0,14.659695143566116 0,14.590570719602981 0,14.510811768876287 0,14.415101028004253 0,14.335342077277565 0,14.25026586316909 0,14.181141439205955 0,14.096065225097485 0,14.005671747607233 0,13.931230060262319 0,13.856788372917407 0,13.777029422190715 0,13.7025877348458 0,13.633463310882664 0,13.633463310882664 0,13.681318681318682 0,13.71853952499114 0,13.83020205600851 0,13.904643743353422 0,13.963133640552996 0,14.042892591279688 0,14.127968805388164 0,14.197093229351296 0,14.287486706841548 0,14.282169443459765 0,14.282169443459765 0,14.260900389932653 0,14.207727756114855 0,14.096065225097485 0,13.936547323644103 0,13.777029422190715 0,13.622828784119108 0,13.468628146047504 0,13.330379298121237 0,13.330379298121237 0,13.293158454448776 0,13.378234668557251 0,13.532435306628859 0,13.70790499822758 0,13.8833746898263 0,14.05352711804325 0,14.207727756114855 0,14.298121233605103 0,14.298121233605103 0,14.335342077277565 0,14.388514711095358 0,14.494859978730947 0,14.627791563275435 0,14.744771357674585 0,14.851116625310178 0,14.994682736618223 0,15.090393477490256 0,15.090393477490256 0,14.957461892945767 0,14.925558312655092 0,14.989365473236443 0,15.382842963488129 0,15.505140021269055 0,15.505140021269055 0,15.680609712867783 0,15.765685926976252 0,15.935838355193196 0,15.935838355193196 0,15.973059198865654 0,15.96774193548387 0,16.036866359447004 0,16.090038993264802 0,16.11130804679192 0,15.96774193548387 0,16.090038993264802 0,16.169797943991494 0,16.313364055299544 0,16.387805742644456 0,16.494151010280042 0,16.494151010280042 0,16.568592697624958 0,16.568592697624958 0,16.536689117334284 0,16.568592697624958 0,16.600496277915635 0,16.70684154555122 0,16.696207018787668 0,16.696207018787668 0,16.568592697624958 0,16.568592697624958 0,16.499468273661822 0,16.499468273661822 0,16.393123006026233 0,16.313364055299544 0,16.207018787663948 0,16.11130804679192 0,15.978376462247432 0,15.978376462247432 0,15.882665721375401 0,15.994328252392771 0,16.127259836937256 0,16.249556894718186 0,16.350584898971995 0,16.462247429989368 0,16.579227224388518 0,16.643034384969873 0,16.643034384969873 0,16.685572492024107 0,16.653668911733433 0,16.55264090747962 0,16.43034384969869 0,16.30272952853598 0,16.169797943991494 0,16.047500886210567 0,15.951790145338533 0,15.951790145338533 0,15.887982984757182 0,15.845444877702944 0,15.733782346685574 0,15.622119815668206 0,15.521091811414395 0,15.409429280397024 0,15.297766749379653 0,15.21269053527118 0,15.21269053527118 0,15.12761432116271 0,15.122297057780932 0,15.074441687344917 0,15.037220843672456 0,15.005317263381782 0,14.968096419709324 0,14.936192839418647 0,14.898971995746189 0,14.898971995746189 0,14.877702942219074 0,14.867068415455515 0,14.845799361928394 0,14.819213045019499 0,14.787309464728821 0,14.755405884438142 0,14.71818504076569 0,14.680964197093228 0,14.680964197093228 0,14.739454094292807 0,14.734136830911028"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c50 {
+  font-size: 14px;
+}
+
+.c49 {
+  padding: 0;
+}
+
+<ol
+  className="c0"
+>
   <li
     className="c1"
   >
@@ -95211,13 +105136,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        NE Glisan at 24th
+        KGW Studio on the Sq, Portland, OR, USA
       </span>
     </div>
     <div
       className="c9"
     >
-      3:59 PM
+      3:44 PM
     </div>
     <span
       className="c10"
@@ -95245,11 +105170,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 497 feet to 
+              Walk 269 feet to 
               <span
                 className="c15"
               >
-                NE Sandy & 24th
+                Pioneer Square North MAX Station
               </span>
             </span>
             <button
@@ -95275,7 +105200,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              2 min
+              1 min
               <span
                 className="c21"
               >
@@ -95329,7 +105254,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -95337,17 +105262,18 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      HARD_LEFT
+                      Head 
+                      NORTHWEST
                        on 
                       <span
                         className="c27"
                       >
-                        NE Glisan St
+                        Unnamed Path
                       </span>
                       <span
                         className="c28"
                       >
-                        57 feet
+                        167 feet
                       </span>
                     </span>
                   </div>
@@ -95375,45 +105301,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        NE 24th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        382 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"
-                      >
-                        NE Sandy Blvd
+                        Pioneer Sq N (path)
                       </span>
                       <span
                         className="c28"
                       >
-                        58 feet
+                        101 feet
                       </span>
                     </span>
                   </div>
@@ -95460,25 +105353,25 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c3"
       >
         <div
-          className="c42"
-          mode="BUS"
+          className="c33"
+          mode="TRAM"
         />
         <div
           className="c5"
         >
           <div
-            className="c43"
+            className="c34"
           >
             <span
               aria-hidden={true}
               className="styled__SRHidden-sc-1q8npbl-57"
             >
-              12
+              MA
             </span>
             <span
-              className="c44"
+              className="c35"
             >
-              Barbur/Sandy Blvd
+              MAX Blue Line
             </span>
           </div>
         </div>
@@ -95491,18 +105384,18 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        NE Sandy & 24th
+        Pioneer Square North MAX Station
         <span
-          className="c45"
+          className="c36"
         >
-          ID 5066
+          ID 8383
         </span>
       </span>
     </div>
     <div
       className="c9"
     >
-      4:02 PM
+      3:46 PM
     </div>
     <span
       className="c10"
@@ -95529,26 +105422,26 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                 Ride
               </span>
               <span
-                className="c13 c46"
+                className="c13 c37"
               >
                 <div>
                   <span
-                    className="c47"
+                    className="c38"
                   >
-                    12
+                    MAX Blue Line
                   </span>
                 </div>
                 <span
-                  className="c48"
+                  className="c39"
                 >
                   <span>
-                    Barbur/Sandy Blvd 
+                    MAX Blue Line 
                     <span
-                      className="c49"
+                      className="c40"
                     >
                       to
                     </span>
-                     Parkrose TC
+                     Hillsboro
                   </span>
                 </span>
               </span>
@@ -95557,11 +105450,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
               >
                  - 
                 Disembark at 
-                NE Sandy & 57th
+                Providence Park MAX Station
                 <span
-                  className="c45"
+                  className="c36"
                 >
-                  ID 5104
+                  ID 9757
                 </span>
               </span>
             </span>
@@ -95582,26 +105475,26 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
           role="group"
         >
           <button
-            className="c16 c50"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-0"
               fill="currentColor"
               focusable="false"
               height={15}
-              viewBox="0 0 576 512"
+              viewBox="0 0 320 512"
               width={15}
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"
                 fill="currentColor"
               />
             </svg>
              
-            2 alerts
+            3 alerts
             <span
               className="c21"
             >
@@ -95623,12 +105516,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
             </span>
           </button>
           <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
+            aria-hidden={true}
+            className="rah-static rah-static--height-zero "
             style={
               Object {
-                "height": "auto",
-                "overflow": "visible",
+                "height": 0,
+                "overflow": "hidden",
               }
             }
           >
@@ -95636,92 +105529,126 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
               style={Object {}}
             >
               <div
-                className="c51"
+                className="c42"
               >
                 <a
-                  className="c52"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c53"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1"
                       fill="currentColor"
                       focusable="false"
                       height={18}
-                      viewBox="0 0 576 512"
+                      viewBox="0 0 512 512"
                       width={18}
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        d="m440.5 88.5-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55 17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z"
                         fill="currentColor"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c54"
+                    className="c45"
                   >
-                    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.  
+                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c55"
+                    className="c46"
                   >
-                    Effective as of July 31, 2019
+                    Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c52"
+                  className="c43"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c44"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 512 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m440.5 88.5-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55 17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c45"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c46"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c53"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1"
                       fill="currentColor"
                       focusable="false"
                       height={18}
-                      viewBox="0 0 576 512"
+                      viewBox="0 0 512 512"
                       width={18}
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        d="m440.5 88.5-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55 17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z"
                         fill="currentColor"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c54"
+                    className="c45"
                   >
-                    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).
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c55"
+                    className="c46"
                   >
-                    Effective as of July 12, 2019
+                    Effective as of November 3, 2019
                   </div>
                 </a>
               </div>
             </div>
           </div>
           <div
-            className="c56"
+            className="c47"
           >
             <div
-              className="c57"
+              className="c48"
             >
               <button
-                className="c16 c58"
+                className="c16 c49"
                 onClick={[Function]}
               >
                 Ride 
-                12 min
-                 / 13 stops
+                3 min
+                 / 2 stops
                 <span
                   className="c21"
                 >
@@ -95762,835 +105689,37 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c59"
+                  className="c50"
                 >
                   <ol
-                    className="c60"
+                    className="c51"
                   >
                     <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & Lawrence
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 28th
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 31st
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 33rd
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & Imperial
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 38th
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 42nd
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 44th
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 48th
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & 50th
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
-                    >
-                      <div
-                        className="c62"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c63"
-                      >
-                        NE Sandy & Sacramento
-                      </div>
-                    </li>
-                    <li
-                      className="c61"
+                      className="c52"
                     >
                       <div
-                        className="c62"
+                        className="c53"
                       >
                         •
                       </div>
                       <div
-                        className="c63"
+                        className="c54"
                       >
-                        NE Sandy & 54th
+                        Galleria/SW 10th Ave MAX Station
                       </div>
                     </li>
                   </ol>
                 </div>
               </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </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"
-      >
-        NE Sandy & 57th
-        <span
-          className="c45"
-        >
-          ID 5104
-        </span>
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      4:14 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
             <span>
-              Walk 279 feet to 
-              <span
-                className="c15"
-              >
-                0086 BIKETOWN
-              </span>
+              Typical wait: 
+              15 min
             </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]}
-            >
-              2 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 
-                      NORTHEAST
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        NE Sandy Blvd
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        75 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      HARD_LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        NE Alameda St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        203 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c33"
-          mode="BICYCLE"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            aria-label="Travel by bicycle"
-            className="c34"
-            mode="BICYCLE"
-          >
-            <svg
-              height="100%"
-              viewBox="0 0 418.62 160.29"
-              width="66%"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <title>
-                Travel by bicycle
-              </title>
-              <path
-                d="M230.91,500.07c-6.66,1.79-12,1.53-15.08-.71-7.84-5.72-1.89-17.25.27-20.68a103,103,0,0,0-10.64,13c-4.68,7.2-6.68,15.07-3.52,20.13,5.69,9.12,19.32,4.91,28,1.25l80.66-34Z"
-                transform="translate(-37 -357)"
-              />
-              <path
-                d="M37,431.27V357H61.88q14,0,20.68,5.77a19.31,19.31,0,0,1,6.83,15.29q0,14-14.78,15.11Q83,394.33,87,398.37T90.87,410q0,9.58-6.62,15.39T67,431.27H37Zm21.4-46h1.44a9.84,9.84,0,0,0,6.08-1.68,5.57,5.57,0,0,0,2.23-4.71q0-6.44-7.54-6.45h-0.9l-1.31.07v12.78h0Zm0,30.25,1.08,0.08h0.77a9.55,9.55,0,0,0,6.39-2A6.76,6.76,0,0,0,69,408.18a6.47,6.47,0,0,0-2.38-5.33,10.12,10.12,0,0,0-6.55-1.93H58.4v14.61h0Z"
-                transform="translate(-37 -357)"
-              />
-              <rect
-                height="74.27"
-                width="21.4"
-                x="56.7"
-              />
-              <polygon
-                points="141 74.27 117.92 74.27 103.7 40.02 104.27 74.27 82.87 74.27 82.87 0 104.27 0 103.7 31.84 116.33 0 138.9 0 121.81 35.84 141 74.27"
-              />
-              <path
-                d="M315.73,394.39q0,16.4-8.26,26.66a26.16,26.16,0,0,1-21.39,10.22A28.29,28.29,0,0,1,266,423.42q-10.5-9.94-10.5-29.82,0-19,11-29.12A27.67,27.67,0,0,1,285.82,357q13.7,0,21.81,10.12t8.11,27.26m-22.22.17q0-19.76-7.59-19.76-3.79,0-6.05,5.19-2.21,4.81-2.21,14.15t2.08,14.27q2.08,5.07,5.77,5.07t5.85-5q2.15-5,2.15-13.91"
-                transform="translate(-37 -357)"
-              />
-              <path
-                d="M383.26,431.27h-20.7l-5-26q-1.45-7.55-2.18-13.08-0.36-2.74-.62-4.57c-0.18-1.22-.29-2.15-0.36-2.79q-0.26,2-.77,7.36-0.24,2.74-.56,5.77t-0.8,6.4l-3.71,26.93h-20L310.92,357h21.14l3.49,20.44q2,12.22,2.77,19.19l0.68,6.79,0.67-5.82q1-10.2,2.68-19.39L346.24,357H364l3.47,17.85q2.53,12.45,4.35,29.48,0.57-7.65,1.23-13.56T374.54,380l3.9-23h20.88Z"
-                transform="translate(-37 -357)"
-              />
-              <path
-                d="M399.69,431.27V357H420.1l10.73,26.07,2,5.29q1.13,3,2.44,6.88l2.21,6.54q-1.18-9.67-1.79-16.55T435,373.69V357h20.62v74.27H435L423.61,404q-1.8-4.38-3.24-8.2t-2.53-7.29q1.28,7.84,1.87,13.66a101.82,101.82,0,0,1,.59,10.2v19H399.69v-0.05Z"
-                transform="translate(-37 -357)"
-              />
-              <polygon
-                points="140.86 0 140.86 74.27 180.62 74.27 180.62 56.47 162.25 56.47 162.25 45.07 178.72 45.07 178.72 27.27 162.25 27.27 162.25 17.8 189.71 17.8 189.71 74.27 211.1 74.27 211.1 17.8 223.37 17.8 223.37 0 140.86 0"
-              />
-            </svg>
           </div>
         </div>
       </div>
     </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        0086 BIKETOWN
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      4:16 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c35"
-      >
-        Pick up  
-        shared bike
-         
-      </div>
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Bicycle 1 mile to 
-              <span
-                className="c15"
-              >
-                NE 60th at Cully 
-              </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]}
-            >
-              7 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="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      HARD_LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        NE Alameda St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        203 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M72.5 100.5l50-50c40-40 110-20 110 50v160h-60v-160c0-10 0-20-10-10l-50 50 30 30-120 20 20-120z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      HARD_LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        NE 57th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        0.6 miles
-                      </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"
-                      >
-                        NE Cully Blvd
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        0.3 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"
-                      >
-                        NE 60th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        171 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c36"
-          >
-            <button
-              className="c16 c37"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c38"
-              >
-                Elevation chart
-                <span
-                  className="c39 c40"
-                >
-                  ↑
-                  2'
-                </span>
-                <span
-                  className="c39 c41"
-                >
-                  ↓
-                  84'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,10.195482763175278 0,10.151895390305118 0,10.128120459648663 0,10.088495575221245 0,10.060758156122048 0,10.009245806366405 0,9.973583410381721 0,9.961695945053496 0,9.906221106855106 0,9.92603354906882 0,9.941883502839787 0,9.957733456610754 0,9.981508387267205 0,10.009245806366405 0,10.068683133007529 0,10.132082948091401 0,10.215295205388983 0,10.30246995112931 0,10.377757231541409 0,10.47285695416722 0,11.071192709021265 0,11.079117685906755 0,11.087042662792236 0,11.102892616563206 0,11.11874257033417 0,11.134592524105138 0,11.158367454761589 0,11.186104873860788 0,11.201954827631756 0,11.217804781402723 0,11.23365473517369 0,11.261392154272883 0,11.324791969356756 0,11.33271694624224 0,11.372341830669662 0,11.396116761326116 0,11.415929203539825 0,11.435741645753534 0,11.443666622639018 0,11.46347906485273 0,11.479329018623698 0,11.479329018623698 0,11.491216483951924 0,11.503103949280149 0,11.518953903051113 0,11.538766345264829 0,11.570466252806764 0,11.621978602562411 0,11.6774534407608 0,11.744815744287415 0,11.744815744287415 0,11.828028001584993 0,11.90727777043984 0,11.974640073966452 0,12.038039889050324 0,12.101439704134194 0,12.160877030775328 0,12.224276845859197 0,12.295601637828558 0,12.295601637828558 0,12.374851406683401 0,12.45806366398098 0,12.533350944393078 0,12.608638224805176 0,12.691850482102762 0,12.786950204728573 0,12.85827499669793 0,12.929599788667282 0,12.929599788667282 0,13.036586976621322 0,13.13168669924713 0,13.214898956544708 0,13.309998679170523 0,13.40509840179633 0,13.833047153612469 0,13.943996830009247 0,14.047021529520542 0,14.165896182802802 0,14.292695812970544 0,14.411570466252812 0,14.542332584863296 0,14.673094703473781 0,14.791969356756043 0,14.871219125610883 0,15.659754325716554 0,15.806366398098008 0,15.968828424250434 0,15.968828424250434 0,16.10355303130366 0,16.226390173028662 0,16.345264826310924 0,16.464139479593186 0,16.464139479593186 0,16.583014132875448 0,16.697926297714965 0,16.808875974111743 0,16.90001320829481 0,17.0307753269053 0,17.0307753269053 0,17.137762514859332 0,17.256637168141594 0,17.35966186765289 0,17.45872407872144 0,17.57363624356096 0,17.680623431514995 0,17.783648131026286 0,17.783648131026286 0,17.910447761194032 0,18.033284902919036 0,18.17593448685775 0,18.43349623563598 0,18.556333377360982 0,18.683133007528728 0,18.861444987452124 0,19.562805441817464 0,19.665830141328755 0,19.796592259939242 0,19.883767005679566 0,19.96301677453441 0,20.0660414740457 0,20.093778893144894"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </div>
-        </span>
-      </div>
-    </div>
     <div
       className="c29 c30"
     >
@@ -96660,13 +105789,18 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        NE 60th at Cully 
+        Providence Park MAX Station
+        <span
+          className="c36"
+        >
+          ID 9757
+        </span>
       </span>
     </div>
     <div
       className="c9"
     >
-      4:24 PM
+      3:49 PM
     </div>
     <span
       className="c10"
@@ -96694,11 +105828,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 494 feet to 
+              Walk 249 feet to 
               <span
                 className="c15"
               >
-                5916 NE Going St, Portland, OR, USA 97218
+                1737 SW Morrison St, Portland, OR, USA 97205
               </span>
             </span>
             <button
@@ -96724,7 +105858,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              2 min
+              1 min
               <span
                 className="c21"
               >
@@ -96786,17 +105920,18 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      CONTINUE
+                      Head 
+                      WEST
                        on 
                       <span
                         className="c27"
                       >
-                        NE 60th Ave
+                        Providence Park (path)
                       </span>
                       <span
                         className="c28"
                       >
-                        270 feet
+                        19 feet
                       </span>
                     </span>
                   </div>
@@ -96811,7 +105946,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -96819,17 +105954,83 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c27"
                       >
-                        NE Going St
+                        Unnamed Path
                       </span>
                       <span
                         className="c28"
                       >
-                        225 feet
+                        104 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"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        27 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW Morrison St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        99 feet
                       </span>
                     </span>
                   </div>
@@ -96879,11 +106080,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c64"
+            className="c55"
           >
             <svg
               aria-hidden="true"
-              className="c22 c65"
+              className="c22 c56"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -96907,19 +106108,19 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        5916 NE Going St, Portland, OR, USA 97218
+        1737 SW Morrison St, Portland, OR, USA 97205
       </span>
     </div>
     <div
       className="c9"
     >
-      4:26 PM
+      3:50 PM
     </div>
     <span
       className="c10"
     >
       Arrive at 
-      5916 NE Going St, Portland, OR, USA 97218
+      1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
       className="c11"
@@ -96953,7 +106154,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
 </ol>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = `
+exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 1`] = `
 <IntlProvider
   defaultFormats={Object {}}
   defaultLocale="en-US"
@@ -96967,63 +106168,32 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = `
   <ItineraryBodyDefaultsWrapper
     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": "$",
-              },
-            },
-          },
-        },
+        "duration": 203,
+        "elevationGained": 0.6700000000000017,
+        "elevationLost": 2.6599999999999984,
+        "endTime": 1573688903000,
         "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 27.68,
-            "duration": 27,
-            "endTime": 1573688684000,
+            "distance": 62.808,
+            "duration": 113,
+            "endTime": 1573688813000,
             "from": Object {
-              "departure": 1573688657000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
+              "departure": 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": 3,
-              "points": "_kytGvwwkVXOTE",
+              "length": 5,
+              "points": "unytG~gwkVNy@F[KEa@Q",
             },
             "mode": "WALK",
             "pathway": false,
@@ -97032,45 +106202,81 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688657000,
+            "startTime": 1573688700000,
             "steps": Array [
               Object {
-                "absoluteDirection": "SOUTHEAST",
+                "absoluteDirection": "EAST",
                 "area": false,
-                "bogusName": true,
-                "distance": 27.68,
+                "bogusName": false,
+                "distance": 35.96,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.022842545446778,
+                    "second": 10.062842545446777,
                   },
                   Object {
                     "first": 10,
-                    "second": 15.412842545446779,
+                    "second": 10.122842545446778,
                   },
                   Object {
                     "first": 20,
-                    "second": 15.382842545446778,
+                    "second": 10.112842545446778,
                   },
                   Object {
-                    "first": 27.68,
-                    "second": 15.252842545446779,
+                    "first": 30,
+                    "second": 10.032842545446778,
+                  },
+                  Object {
+                    "first": 35.96,
+                    "second": 9.982842545446779,
                   },
                 ],
-                "lat": 45.51872034540038,
-                "lon": -122.67915385043655,
+                "lat": 45.51931045602352,
+                "lon": -122.67663812781254,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "path",
+                "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": 1573688684000,
-              "departure": 1573688684000,
-              "lat": 45.5184851,
-              "lon": -122.6790448,
-              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
-              "vertexType": "NORMAL",
+              "arrival": 1573688813000,
+              "departure": 1573688813000,
+              "lat": 45.5193746,
+              "lon": -122.6759076,
+              "name": "EMAQ",
+              "networks": Array [
+                "RAZOR",
+              ],
+              "vertexType": "VEHICLERENTAL",
             },
             "transitLeg": false,
           },
@@ -97078,561 +106284,304 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = `
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 162.443,
-            "duration": 73,
-            "endTime": 1573688757000,
+            "distance": 429.44,
+            "duration": 90,
+            "endTime": 1573688903000,
             "from": Object {
-              "arrival": 1573688684000,
-              "departure": 1573688684000,
-              "lat": 45.5184851,
-              "lon": -122.6790448,
-              "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)",
-              "vertexType": "NORMAL",
+              "arrival": 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": 11,
-              "points": "oiytG\`wwkVBOoBw@IECACHW|AMn@EVD@FB",
+              "length": 18,
+              "points": "koytGpdwkViAg@MGKEkBy@KGME[OoAi@KGKEkB{@MEDYh@yCFWf@wCEV",
             },
-            "mode": "BICYCLE",
+            "mode": "MICROMOBILITY",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
-            "rentedVehicle": false,
+            "rentedVehicle": true,
             "route": "",
-            "startTime": 1573688684000,
+            "startTime": 1573688813000,
             "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,
+                "distance": 290.58799999999997,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 15.002842545446779,
+                    "second": 9.792842545446778,
                   },
                   Object {
                     "first": 10,
-                    "second": 14.942842545446778,
+                    "second": 9.772842545446778,
                   },
                   Object {
                     "first": 20,
-                    "second": 14.772842545446778,
+                    "second": 9.682842545446778,
                   },
                   Object {
                     "first": 30,
-                    "second": 14.482842545446779,
+                    "second": 9.532842545446778,
                   },
                   Object {
                     "first": 40,
-                    "second": 14.292842545446778,
+                    "second": 9.462842545446778,
                   },
                   Object {
                     "first": 50,
-                    "second": 13.992842545446777,
+                    "second": 9.352842545446778,
                   },
                   Object {
-                    "first": 60,
-                    "second": 13.80284254544678,
+                    "first": 52.44,
+                    "second": 9.332842545446779,
                   },
                   Object {
-                    "first": 66,
-                    "second": 13.662842545446779,
+                    "first": 52.437,
+                    "second": 9.162842545446779,
                   },
                   Object {
-                    "first": 65.995,
-                    "second": 13.662842545446779,
+                    "first": 62.437,
+                    "second": 9.182842545446778,
                   },
                   Object {
-                    "first": 74.595,
-                    "second": 13.522842545446778,
+                    "first": 72.437,
+                    "second": 9.072842545446779,
                   },
-                ],
-                "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,
+                    "first": 82.437,
+                    "second": 8.982842545446779,
                   },
                   Object {
-                    "first": 4.67,
-                    "second": 13.622842545446778,
+                    "first": 92.437,
+                    "second": 8.862842545446778,
                   },
                   Object {
-                    "first": 4.674,
-                    "second": 13.622842545446778,
+                    "first": 102.437,
+                    "second": 8.812842545446777,
                   },
                   Object {
-                    "first": 14.674,
-                    "second": 14.042842545446778,
+                    "first": 112.437,
+                    "second": 8.722842545446778,
                   },
                   Object {
-                    "first": 24.674,
-                    "second": 14.502842545446779,
+                    "first": 122.437,
+                    "second": 8.652842545446779,
                   },
                   Object {
-                    "first": 34.674,
-                    "second": 14.672842545446779,
+                    "first": 131.36700000000002,
+                    "second": 8.612842545446778,
                   },
                   Object {
-                    "first": 43.454,
-                    "second": 15.072842545446779,
+                    "first": 131.369,
+                    "second": 8.612842545446778,
                   },
                   Object {
-                    "first": 43.458,
-                    "second": 15.072842545446779,
+                    "first": 141.369,
+                    "second": 8.572842545446779,
                   },
                   Object {
-                    "first": 53.458,
-                    "second": 15.622842545446778,
+                    "first": 155.779,
+                    "second": 8.422842545446779,
                   },
                   Object {
-                    "first": 64.148,
-                    "second": 15.932842545446778,
+                    "first": 155.777,
+                    "second": 8.422842545446779,
                   },
                   Object {
-                    "first": 64.146,
-                    "second": 15.932842545446778,
+                    "first": 165.777,
+                    "second": 8.382842545446778,
                   },
                   Object {
-                    "first": 73.426,
-                    "second": 16.23284254544678,
+                    "first": 175.777,
+                    "second": 8.362842545446778,
                   },
-                ],
-                "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,
+                    "first": 185.777,
+                    "second": 8.362842545446778,
                   },
                   Object {
-                    "first": 8.21,
-                    "second": 16.50284254544678,
+                    "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.5193324,
-                "lon": -122.6795212,
-                "relativeDirection": "LEFT",
+                "lat": 45.519421523441345,
+                "lon": -122.6760846357673,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "SW 4th Ave",
               },
-            ],
-            "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,
+                "distance": 138.852,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 30.57284254544678,
+                    "second": 8.142842545446777,
                   },
                   Object {
                     "first": 10,
-                    "second": 30.18284254544678,
+                    "second": 8.082842545446779,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.712842545446776,
+                    "second": 8.202842545446778,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "first": 30,
+                    "second": 8.182842545446778,
                   },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
+                    "first": 40,
+                    "second": 8.212842545446778,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "first": 50,
+                    "second": 8.302842545446778,
                   },
-                ],
-                "lat": 45.52206,
-                "lon": -122.6900696,
-                "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "EAST",
-                "area": false,
-                "bogusName": false,
-                "distance": 30.15,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.05284254544678,
+                    "first": 60,
+                    "second": 8.222842545446778,
                   },
                   Object {
-                    "first": 10,
-                    "second": 29.16284254544678,
+                    "first": 70,
+                    "second": 8.142842545446777,
                   },
                   Object {
-                    "first": 20,
-                    "second": 29.33284254544678,
+                    "first": 80,
+                    "second": 8.332842545446779,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                    "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.52213,
-                "lon": -122.6900348,
+                "lat": 45.5218657,
+                "lon": -122.6747645,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SW Morrison St",
+                "streetName": "SW Pine 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",
+              "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": 1573688657000,
+        "startTime": 1573688700000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 272.7689350411961,
+        "transitTime": 90,
+        "waitingTime": 0,
+        "walkDistance": 492.2908345853744,
         "walkLimitExceeded": false,
-        "walkTime": 142,
+        "walkTime": 113,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
 .c22 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c58 {
+.c37 {
   color: #f44256;
 }
 
@@ -97690,7 +106639,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
 
 .c34 {
   color: black;
-  background-color: red;
+  background-color: #f5a729;
   border: 2px solid #bbb;
   text-align: center;
   width: 25px;
@@ -97717,7 +106666,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c57 {
+.c36 {
   text-align: center;
 }
 
@@ -97733,18 +106682,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
 }
 
 .c33 {
-  border-left: dotted 4px red;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c35 {
-  border-left: solid 8px #084C8D;
+  border-left: dotted 4px #f5a729;
   height: 100%;
   width: 0;
   position: absolute;
@@ -97754,13 +106692,6 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c53 {
-  display: block;
-  font-size: 13px;
-  list-style: none;
-  padding: 0;
-}
-
 .c0 {
   list-style: none;
   padding: 0;
@@ -97806,29 +106737,10 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   width: 0;
 }
 
-.c42 {
-  font-weight: 200;
-}
-
 .c15 {
   font-weight: inherit;
 }
 
-.c41 {
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.c40 {
-  font-weight: 800;
-  margin-right: 6px;
-}
-
-.c39 {
-  color: #807373;
-  margin-top: 5px;
-}
-
 .c14 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
@@ -97928,45 +106840,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   padding: 3px 0 10px 0;
 }
 
-.c36 {
-  text-align: center;
-  min-width: 30px;
-  min-height: 30px;
-  font-size: 1.2em;
-  background-color: #084C8D;
-  color: white;
-  border-radius: 50%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding-left: 1px;
-  border: 1px solid;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-
-.c37 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  border: 0;
+.c35 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
 }
 
 .c23 {
@@ -97976,155 +106856,70 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
 }
 
 .c26 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c26 > span {
-  margin-right: 1ch;
-}
-
-.c19 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  margin-top: 10px;
-}
-
-.c19 a {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c20 {
-  color: #676767;
-  font-size: 13px;
-  font-style: normal;
-  padding: 0;
-}
-
-.c25 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c24 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c27 {
-  font-weight: 500;
-}
-
-.c28 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-.c38 {
-  font-weight: 200;
-  font-size: 0.9em;
-  margin-left: 10px;
-}
-
-.c55 {
-  float: left;
-  margin-left: -36px;
-  color: #fff;
-}
-
-.c56 {
-  color: #676767;
-  margin-top: 3px;
-}
-
-.c54 {
-  z-index: 30;
-  position: relative;
-}
-
-.c45 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c47 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
+  margin-left: 24px;
+  line-height: 1.25em;
+  padding-top: 1px;
 }
 
-.c48 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
+.c26 > span {
+  margin-right: 1ch;
 }
 
-.c46 {
-  float: left;
-  font-size: 18px;
+.c19 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  margin-top: 10px;
 }
 
-.c44 {
-  display: block;
-  margin-top: 3px;
+.c19 a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
 }
 
-.c43 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
+.c20 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
   padding: 0;
 }
 
-.c49 {
-  margin-top: 5px;
+.c25 {
+  fill: #676767;
+  float: left;
+  height: 16px;
+  width: 16px;
 }
 
-.c50 {
+.c24 {
+  font-size: 13px;
+  margin-top: 8px;
   color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
+  font-style: normal;
 }
 
-.c52 {
-  font-size: 14px;
+.c27 {
+  font-weight: 500;
 }
 
-.c51 {
-  padding: 0;
+.c28 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
 }
 
 <ol
@@ -98173,13 +106968,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        600 SW 5th Ave, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c9"
     >
-      3:44 PM
+      3:45 PM
     </div>
     <span
       className="c10"
@@ -98207,11 +107002,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 91 feet to 
+              Walk 206 feet to 
               <span
                 className="c15"
               >
-                corner of path and Pioneer Courthouse Sq (pedestrian street)
+                EMAQ
               </span>
             </span>
             <button
@@ -98237,7 +107032,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              0 min
+              1 min
               <span
                 className="c21"
               >
@@ -98300,17 +107095,50 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      SOUTHEAST
+                      EAST
                        on 
                       <span
                         className="c27"
                       >
-                        Unnamed Path
+                        SW Alder St
                       </span>
                       <span
                         className="c28"
                       >
-                        91 feet
+                        118 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c24"
+                >
+                  <div
+                    className="c25"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c26"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SW 4th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        88 feet
                       </span>
                     </span>
                   </div>
@@ -98358,29 +107186,46 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
       >
         <div
           className="c33"
-          mode="BICYCLE"
+          mode="MICROMOBILITY"
         />
         <div
           className="c5"
         >
           <div
-            aria-label="Travel by bicycle"
+            aria-label="Travel by e-scooter"
             className="c34"
-            mode="BICYCLE"
+            mode="MICROMOBILITY"
           >
             <svg
-              viewBox="0 0 390 390"
+              style={
+                Object {
+                  "enableBackground": "new 0 0 1186 406.9",
+                }
+              }
+              version="1.1"
+              viewBox="0 0 1186 406.9"
               width="66%"
             >
               <title>
-                Travel by bicycle
+                Travel by e-scooter
               </title>
-              <path
-                d="M117.1 116.3h33.8c4.7 0 8.4-3.8 8.4-8.4 0-4.7-3.8-8.4-8.4-8.4h-33.8c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4z"
-              />
-              <path
-                d="M316.4 162.3c-10 0-19.5 2-28.3 5.6-2.5-6.3-4.6-11.9-6-15.8 0 0 0-.1-.1-.2l-24.7-65.8c-1.2-3.3-4.4-5.5-7.9-5.5H217c-4.7 0-8.4 3.8-8.4 8.4 0 4.7 3.8 8.4 8.4 8.4h26.7l10.4 27.9h-113c-3 0-5.6 1.6-7.1 3.9l-25.8 40.6c-9.9-4.8-20.9-7.5-32.6-7.5-41.2 0-74.6 33.4-74.6 74.5 0 41.2 33.4 74.6 74.6 74.6 38.3 0 69.9-28.9 74.1-66.1h30.2c2.4 0 4.7-1 6.2-2.7l81-82.7c1.1 3 3.3 8.8 6.2 16.1-19 13.5-31.4 35.7-31.4 60.8 0 41.2 33.4 74.6 74.6 74.6 41.2 0 74.6-33.4 74.6-74.6-.1-41.1-33.5-74.5-74.7-74.5zm-240.8 83h57.1c-1.8 12.2-7.4 23.5-16.3 32.4-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 10.9-10.9 25.4-16.9 40.8-16.9 15.4 0 29.9 6 40.8 16.9 8.9 8.9 14.5 20.1 16.3 32.4H75.6c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4zm74.1-16.9c-2.3-20-12.4-37.6-27.2-49.6l16.7-26.3 28.5 75.9h-18zm33.4-6.9l-29.8-79.3h107.2l.1.2-77.5 79.1zm174.1 56.1c-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 1.4-1.4 2.9-2.8 4.4-4 0 .1 0 .1.1.2 11.1 25.1 21.4 42.2 30.5 50.8 1.6 1.5 3.7 2.3 5.8 2.3 2.2 0 4.5-.9 6.1-2.6 3.2-3.4 3-8.7-.3-11.9-9-8.5-19.4-28.8-27.5-47.3 6.8-2.8 14.2-4.2 21.7-4.2 15.4 0 29.9 6 40.8 16.9 10.9 10.9 16.9 25.4 16.9 40.8 0 15.3-6 29.7-16.9 40.6z"
-              />
+              <g>
+                <path
+                  d="M476.4,292.1l-1.3-105.8c0-50.5-51.8-58.5-124.8-58.5c-25.9,0-31.2,9.8-31.2,16.9c0,19,20.4,16.9,40.2,16.9 c17.7,0,34.9,0.5,34.9,13.8c0,13.5-5.6,17.2-37,17.2c-75.4,0-106.3,36.5-102.1,68.2c4,30.9,35.4,49.7,87.8,49.7h108.7 C467.7,310.9,478.2,306.1,476.4,292.1 M382.5,276.8c-24.6,11.6-50.3,8.7-57.4-6.1c-6.9-14.8,7.4-36.2,32.3-47.6 c24.6-11.6,50.3-8.7,57.4,6.1C421.6,244,407.4,265.4,382.5,276.8"
+                />
+                <path
+                  d="M202.9,235.8c-2.6-3.4-3.4-7.7-3.4-12.7c0-5.6,4.5-11.9,14-19.8c7.1-4.5,12.2-7.9,15.9-10.6 c4.5-3.4,7.1-5.6,13.2-13.5c7.1-10.6,10.6-21.2,10.6-33.1c0-46.6-37.8-72.7-102.9-72.7H76.5c-32.8,0-74.6,6.6-74.6,71.9v137.5 c0,26.4,14,27.2,37,27.2c20.1,0,41.3-3.4,41.3-21.7v-41.3c0-10.1,7.9-17.2,18.2-17.2c15.6,0,16.9,3.4,39.4,30.4l31.7,36 c7.1,6.9,17.5,14,32.5,14h31.7c15.9,0,25.7-4.2,23.8-11.4C252.9,285.2,202.9,235.8,202.9,235.8 M134.7,184.7 c-29.1,13.5-59.2,10.3-67.4-7.1s8.7-42.6,37.8-56.1s59.2-10.3,67.4,7.1C180.7,146.1,163.8,171,134.7,184.7"
+                />
+                <path
+                  d="M664.4,277h-32.8c-16.4,0-43.1-0.5-22.2-21.2c3.7-3.7,68.5-74.1,68.5-74.1c12.4-12.4,23.5-20.6,29.6-36.8 c4-10.8-4.8-17.2-19.8-17.2H552c-15.9,0-25.9,6.3-25.9,16.4c0,11.9,10.3,17.2,22.5,17.2h14.5c15.3,0,45.8-1.3,32.3,12.2 c-7.7,7.4-81.5,82.8-81.5,82.8c-12.7,11.6-24.1,27-24.1,37.3c0,14.3,6.6,17.5,22,17.5h141.8c21.4,0,41.5-5.8,43.1-16.7 C698,285.5,682.4,277,664.4,277"
+                />
+                <path
+                  d="M1106.1,128.4c-17.2,0-37.6-1.9-78.8,5.8c-41,7.7-52.9,15.3-52.9,32.3v116.9c0,17.7,4.8,27.2,40.7,27.2 c37.6,0,42.8-8.7,42.8-25.9l-0.3-20.4c0-71.9-7.4-95.7,40.7-102.6c38.4-5.3,85.4,20.4,85.4-11.4 C1183.9,137.7,1152.4,128.4,1106.1,128.4"
+                />
+                <path
+                  d="M953,190l-0.3-1.1l-0.3-1.3c-12.7-40.7-73.3-62.2-118.8-62.2H825c-45.2,0-105.8,21.4-118.5,62.2L706,189 l-0.3,1.1c-2.6,9.5-4.2,19.6-4.2,29.9c0,10.6,1.3,20.4,4,30.2l0.5,1.6c11.6,41.3,72.7,61.9,118.5,61.9h9 c46.8,0,110.3-21.7,119.8-64.8c2.4-9.3,3.7-19,3.7-28.8C957,209.6,955.6,199.5,953,190 M849.8,262.2c-38.6,18-79.1,13.8-89.9-9.3 c-10.8-23.3,11.9-56.9,50.5-74.9c38.9-18,79.1-13.8,89.9,9.5C911.2,210.7,888.7,244.2,849.8,262.2"
+                />
+              </g>
             </svg>
           </div>
         </div>
@@ -98393,13 +107238,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        corner of path and Pioneer Courthouse Sq (pedestrian street)
+        EMAQ
       </span>
     </div>
     <div
       className="c9"
     >
-      3:44 PM
+      3:46 PM
     </div>
     <span
       className="c10"
@@ -98409,6 +107254,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
     <div
       className="c11"
     >
+      <div
+        className="c35"
+      >
+        Pick up Razor 
+        E-scooter
+         
+      </div>
       <div
         className="c12"
       >
@@ -98427,11 +107279,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                - 
             </span>
             <span>
-              Bicycle 0.1 miles to 
+              Ride 0.3 miles to 
               <span
                 className="c15"
               >
-                corner of path and Pioneer Sq N (path)
+                205 SW Pine St, Portland, OR, USA 97204
               </span>
             </span>
             <button
@@ -98511,73 +107363,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        20 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SW 6th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        245 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M100.5 110.5v150h60v-150h40l-70-110-70 110h40z"
                       />
                     </svg>
                   </div>
@@ -98585,17 +107371,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      LEFT
+                      CONTINUE
                        on 
                       <span
                         className="c27"
                       >
-                        SW Morrison St
+                        SW 4th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        241 feet
+                        0.2 miles
                       </span>
                     </span>
                   </div>
@@ -98610,7 +107396,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -98618,17 +107404,17 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c27"
                       >
-                        Unnamed Path
+                        SW Pine St
                       </span>
                       <span
                         className="c28"
                       >
-                        27 feet
+                        456 feet
                       </span>
                     </span>
                   </div>
@@ -98674,27 +107460,25 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
       <div
         className="c3"
       >
-        <div
-          className="c4"
-          mode="WALK"
-        />
         <div
           className="c5"
         >
           <div
-            aria-label="Travel by walking"
-            className="c6"
-            mode="WALK"
+            className="c36"
           >
             <svg
-              viewBox="0 0 390 390"
-              width="66%"
+              aria-hidden="true"
+              className="c22 c37"
+              fill="currentColor"
+              focusable="false"
+              height={25}
+              viewBox="0 0 384 512"
+              width={25}
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <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"
+                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>
@@ -98708,153 +107492,23 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        corner of path and Pioneer Sq N (path)
+        205 SW Pine St, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c9"
     >
-      3:45 PM
+      3:48 PM
     </div>
     <span
       className="c10"
     >
-      otpUi.TransitLegBody.fromLocation
+      Arrive at 
+      205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
       className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Walk 22 feet to 
-              <span
-                className="c15"
-              >
-                Pioneer Square North MAX Station
-              </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]}
-            >
-              0 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="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"
-                      >
-                        Pioneer Sq N (path)
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        22 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
+    />
     <div
       className="c29 c30"
     >
@@ -98881,1081 +107535,1800 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
       </a>
     </div>
   </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c35"
-          mode="TRAM"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            className="c36"
-          >
-            <span
-              aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-57"
-            >
-              MA
-            </span>
-            <span
-              className="c37"
-            >
-              MAX Blue Line
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        Pioneer Square North MAX Station
-        <span
-          className="c38"
-        >
-          ID 8383
-        </span>
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:46 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span>
-              <span
-                className="c10"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c13 c39"
-              >
-                <div>
-                  <span
-                    className="c40"
-                  >
-                    MAX Blue Line
-                  </span>
-                </div>
-                <span
-                  className="c41"
-                >
-                  <span>
-                    MAX Blue Line 
-                    <span
-                      className="c42"
-                    >
-                      to
-                    </span>
-                     Hillsboro
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c10"
-              >
-                 - 
-                Disembark at 
-                Providence Park MAX Station
-                <span
-                  className="c38"
-                >
-                  ID 9757
-                </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"
-        >
-          <button
-            className="c16 c43"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 576 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            2 alerts
-            <span
-              className="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>
-          </button>
-          <div
-            aria-hidden={false}
-            className="rah-static rah-static--height-auto "
-            style={
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-ui 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)}
+>
+  <ItineraryBodyDefaultsWrapper
+    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 {
-                "height": "auto",
-                "overflow": "visible",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <div
-                className="c44"
-              >
-                <a
-                  className="c45"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
-                >
-                  <div
-                    className="c46"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c47"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c48"
-                  >
-                    Effective as of November 6, 2019
-                  </div>
-                </a>
-                <a
-                  className="c45"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c46"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 576 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c47"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c48"
-                  >
-                    Effective as of November 3, 2019
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c49"
-          >
-            <div
-              className="c50"
-            >
-              <button
-                className="c16 c51"
-                onClick={[Function]}
-              >
-                Ride 
-                3 min
-                 / 2 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="c52"
-                >
-                  <ol
-                    className="c53"
-                  >
-                    <li
-                      className="c54"
-                    >
-                      <div
-                        className="c55"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c56"
-                      >
-                        Galleria/SW 10th Ave MAX Station
-                      </div>
-                    </li>
-                  </ol>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </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"
-      >
-        Providence Park MAX Station
-        <span
-          className="c38"
-        >
-          ID 9757
-        </span>
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:49 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Walk 19 feet to 
-              <span
-                className="c15"
-              >
-                corner of path and Providence Park (path)
-              </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]}
-            >
-              0 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={
+                "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 {
-                "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 
-                      WEST
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        Providence Park (path)
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        19 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c33"
-          mode="BICYCLE"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            aria-label="Travel by bicycle"
-            className="c34"
-            mode="BICYCLE"
-          >
-            <svg
-              viewBox="0 0 390 390"
-              width="66%"
-            >
-              <title>
-                Travel by bicycle
-              </title>
-              <path
-                d="M117.1 116.3h33.8c4.7 0 8.4-3.8 8.4-8.4 0-4.7-3.8-8.4-8.4-8.4h-33.8c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4z"
-              />
-              <path
-                d="M316.4 162.3c-10 0-19.5 2-28.3 5.6-2.5-6.3-4.6-11.9-6-15.8 0 0 0-.1-.1-.2l-24.7-65.8c-1.2-3.3-4.4-5.5-7.9-5.5H217c-4.7 0-8.4 3.8-8.4 8.4 0 4.7 3.8 8.4 8.4 8.4h26.7l10.4 27.9h-113c-3 0-5.6 1.6-7.1 3.9l-25.8 40.6c-9.9-4.8-20.9-7.5-32.6-7.5-41.2 0-74.6 33.4-74.6 74.5 0 41.2 33.4 74.6 74.6 74.6 38.3 0 69.9-28.9 74.1-66.1h30.2c2.4 0 4.7-1 6.2-2.7l81-82.7c1.1 3 3.3 8.8 6.2 16.1-19 13.5-31.4 35.7-31.4 60.8 0 41.2 33.4 74.6 74.6 74.6 41.2 0 74.6-33.4 74.6-74.6-.1-41.1-33.5-74.5-74.7-74.5zm-240.8 83h57.1c-1.8 12.2-7.4 23.5-16.3 32.4-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 10.9-10.9 25.4-16.9 40.8-16.9 15.4 0 29.9 6 40.8 16.9 8.9 8.9 14.5 20.1 16.3 32.4H75.6c-4.7 0-8.4 3.8-8.4 8.4-.1 4.6 3.7 8.4 8.4 8.4zm74.1-16.9c-2.3-20-12.4-37.6-27.2-49.6l16.7-26.3 28.5 75.9h-18zm33.4-6.9l-29.8-79.3h107.2l.1.2-77.5 79.1zm174.1 56.1c-10.9 10.9-25.4 16.9-40.8 16.9-15.4 0-29.9-6-40.8-16.9-10.9-10.9-16.9-25.4-16.9-40.8 0-15.4 6-29.9 16.9-40.8 1.4-1.4 2.9-2.8 4.4-4 0 .1 0 .1.1.2 11.1 25.1 21.4 42.2 30.5 50.8 1.6 1.5 3.7 2.3 5.8 2.3 2.2 0 4.5-.9 6.1-2.6 3.2-3.4 3-8.7-.3-11.9-9-8.5-19.4-28.8-27.5-47.3 6.8-2.8 14.2-4.2 21.7-4.2 15.4 0 29.9 6 40.8 16.9 10.9 10.9 16.9 25.4 16.9 40.8 0 15.3-6 29.7-16.9 40.6z"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        corner of path and Providence Park (path)
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:49 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Bicycle 230 feet to 
-              <span
-                className="c15"
-              >
-                1737 SW Morrison St, Portland, OR, USA 97205
-              </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]}
-            >
-              0 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={
+                "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 {
-                "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="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"
-                      >
-                        104 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"
-                      >
-                        Unnamed Path
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        27 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      RIGHT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SW Morrison St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        99 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </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"
-      >
-        1737 SW Morrison St, Portland, OR, USA 97205
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:50 PM
-    </div>
-    <span
-      className="c10"
-    >
-      Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
-    </span>
-    <div
-      className="c11"
-    />
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 1`] = `
-<IntlProvider
-  defaultFormats={Object {}}
-  defaultLocale="en-US"
-  fallbackOnEmptyString={true}
-  formats={Object {}}
-  locale="en-US"
-  messages={Object {}}
-  onError={[Function]}
-  textComponent={Symbol(react.fragment)}
->
-  <ItineraryBodyDefaultsWrapper
-    AlertBodyIcon={
-      Object {
-        "$$typeof": Symbol(react.forward_ref),
-        "attrs": Array [
-          Object {
-            "size": 18,
+                "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,
           },
-        ],
-        "componentStyle": e {
-          "baseHash": 690021227,
-          "baseStyle": undefined,
-          "componentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1",
-          "isStatic": false,
-          "rules": Array [
-            "",
-          ],
-          "staticRulesId": "",
-        },
-        "foldedComponentIds": Array [],
-        "render": [Function],
-        "shouldForwardProp": undefined,
-        "styledComponentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1",
-        "target": Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "render": [Function],
-        },
-        "toString": [Function],
-        "warnTooManyClasses": [Function],
-        "withComponent": [Function],
-      }
-    }
-    AlertToggleIcon={
-      Object {
-        "$$typeof": Symbol(react.forward_ref),
-        "attrs": Array [
           Object {
-            "size": 15,
+            "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,
           },
-        ],
-        "componentStyle": e {
-          "baseHash": -850907094,
-          "baseStyle": undefined,
-          "componentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-0",
-          "isStatic": false,
-          "rules": Array [
-            "",
-          ],
-          "staticRulesId": "",
-        },
-        "foldedComponentIds": Array [],
-        "render": [Function],
-        "shouldForwardProp": undefined,
-        "styledComponentId": "OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-0",
-        "target": Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "render": [Function],
-        },
-        "toString": [Function],
-        "warnTooManyClasses": [Function],
-        "withComponent": [Function],
-      }
-    }
-    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": "$",
+          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",
           },
-        },
-        "legs": Array [
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 81.875,
-            "duration": 71,
-            "endTime": 1573688769000,
+            "distance": 597.4789999999999,
+            "duration": 531,
+            "endTime": 1573691155000,
             "from": Object {
-              "departure": 1573688698000,
-              "lat": 45.5187219673841,
-              "lon": -122.67914856500536,
-              "name": "KGW Studio on the Sq, Portland, OR, USA",
-              "orig": "KGW Studio on the Sq, Portland, OR, USA",
-              "vertexType": "NORMAL",
+              "arrival": 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": 5,
-              "points": "_kytGvwwkVGBSPw@]ShA",
+              "length": 9,
+              "points": "ay_uGzhnkVO?AkE?kE?iEAkEAyE?yEuD@",
             },
             "mode": "WALK",
             "pathway": false,
@@ -99964,351 +109337,1029 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 1`] = `
             "rentedCar": false,
             "rentedVehicle": false,
             "route": "",
-            "startTime": 1573688698000,
+            "startTime": 1573690624000,
             "steps": Array [
               Object {
-                "absoluteDirection": "NORTHWEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
-                "bogusName": true,
-                "distance": 50.946,
+                "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": 15.172842545446779,
+                    "second": 74.35284254544678,
                   },
                   Object {
-                    "first": 4.82,
-                    "second": 15.222842545446778,
+                    "first": 10,
+                    "second": 74.46284254544678,
                   },
                   Object {
-                    "first": 4.825,
-                    "second": 15.022842545446778,
+                    "first": 20,
+                    "second": 74.43284254544677,
                   },
                   Object {
-                    "first": 18.515,
-                    "second": 14.512842545446778,
+                    "first": 30,
+                    "second": 74.41284254544678,
                   },
                   Object {
-                    "first": 18.511,
-                    "second": 14.512842545446778,
+                    "first": 40,
+                    "second": 74.30284254544678,
                   },
                   Object {
-                    "first": 28.511,
-                    "second": 14.342842545446779,
+                    "first": 50,
+                    "second": 74.31284254544678,
                   },
                   Object {
-                    "first": 38.510999999999996,
-                    "second": 14.362842545446778,
+                    "first": 60,
+                    "second": 74.34284254544679,
                   },
                   Object {
-                    "first": 50.95099999999999,
-                    "second": 14.652842545446777,
+                    "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.51872034540038,
-                "lon": -122.67915385043655,
-                "relativeDirection": "DEPART",
+                "lat": 45.5517794,
+                "lon": -122.6306904,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "path",
+                "streetName": "NE Shaver St",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 30.929,
-                "elevation": Array [],
-                "lat": 45.5191414,
-                "lon": -122.679111,
+                "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": "Pioneer Sq N (path)",
+                "streetName": "NE 38th Ave",
               },
             ],
             "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",
+              "arrival": 1573691155000,
+              "departure": 1573691155000,
+              "lat": 45.552719,
+              "lon": -122.624489,
+              "name": "37e40300-b0e5-11e9-8a62-39bcaaf1dc6e",
+              "networks": Array [
+                "SHARED",
+              ],
+              "vertexType": "VEHICLERENTAL",
             },
             "transitLeg": false,
           },
-          Object {
-            "agencyId": "TRIMET",
-            "agencyName": "TriMet",
-            "agencyTimeZoneOffset": -28800000,
-            "agencyUrl": "http://trimet.org/",
-            "alerts": Array [
-              Object {
-                "alertDescriptionText": "TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1576471800,
-              },
-              Object {
-                "alertDescriptionText": "The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.",
-                "alertUrl": "https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/",
-                "effectiveStartDate": 1573083439,
-              },
-              Object {
-                "alertDescriptionText": "The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. ",
-                "alertUrl": "http://trimet.org/alerts/",
-                "effectiveStartDate": 1572827580,
-              },
-            ],
-            "arrivalDelay": 0,
-            "averageWait": 935,
-            "departureDelay": 0,
-            "distance": 855.2914091936907,
-            "duration": 215,
-            "endTime": 1573688985000,
-            "from": Object {
-              "arrival": 1573688769000,
-              "departure": 1573688770000,
-              "lat": 45.519253,
-              "lon": -122.679475,
-              "name": "Pioneer Square North MAX Station",
-              "stopCode": "8383",
-              "stopId": "TriMet:8383",
-              "stopIndex": 25,
-              "stopSequence": 26,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "hailedCar": false,
-            "headsign": "Hillsboro",
-            "interStopGeometry": Array [
-              Object {
-                "length": 10,
-                "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tC",
-              },
-              Object {
-                "length": 36,
-                "points": "qrytG|hxkVADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-              },
-            ],
-            "interlineWithPreviousLeg": false,
-            "intermediateStops": Array [
-              Object {
-                "arrival": 1573688815000,
-                "departure": 1573688865000,
-                "lat": 45.51991,
-                "lon": -122.681919,
-                "name": "Galleria/SW 10th Ave MAX Station",
-                "stopCode": "8384",
-                "stopId": "TriMet:8384",
-                "stopIndex": 26,
-                "stopSequence": 27,
-                "vertexType": "TRANSIT",
-                "zoneId": "R",
-              },
-            ],
-            "legGeometry": Object {
-              "length": 45,
-              "points": "onytGrywkVCNEPEVm@jDCPKh@G\`@CNg@tCADGZAHETER]pBCHG^AD?DGVg@tCEVo@tDEPE\\\\k@zCEVETi@|CCLCRi@zCCNG\\\\g@rCCLAHAD?D?H?H?H@HLlA",
-            },
-            "mode": "TRAM",
-            "pathway": false,
-            "realTime": false,
-            "rentedBike": false,
-            "rentedCar": false,
-            "rentedVehicle": false,
-            "route": "MAX Blue Line",
-            "routeColor": "084C8D",
-            "routeId": "TriMet:100",
-            "routeLongName": "MAX Blue Line",
-            "routeTextColor": "FFFFFF",
-            "routeType": 0,
-            "serviceDate": "20191113",
-            "startTime": 1573688770000,
-            "steps": Array [],
-            "to": Object {
-              "arrival": 1573688985000,
-              "departure": 1573688986000,
-              "lat": 45.521833,
-              "lon": -122.689816,
-              "name": "Providence Park MAX Station",
-              "stopCode": "9757",
-              "stopId": "TriMet:9757",
-              "stopIndex": 27,
-              "stopSequence": 28,
-              "vertexType": "TRANSIT",
-              "zoneId": "R",
-            },
-            "transitLeg": true,
-            "tripBlockId": "9019",
-            "tripId": "TriMet:9266008",
-          },
           Object {
             "agencyTimeZoneOffset": -28800000,
             "arrivalDelay": 0,
             "departureDelay": 0,
-            "distance": 75.971,
-            "duration": 69,
-            "endTime": 1573689055000,
+            "distance": 1534.323,
+            "duration": 324,
+            "endTime": 1573691479000,
             "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",
+              "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": 6,
-              "points": "m~ytGjzykVBLa@JOVMERgA",
+              "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": "WALK",
+            "mode": "MICROMOBILITY",
             "pathway": false,
             "realTime": false,
             "rentedBike": false,
             "rentedCar": false,
-            "rentedVehicle": false,
+            "rentedVehicle": true,
             "route": "",
-            "startTime": 1573688986000,
+            "startTime": 1573691155000,
             "steps": Array [
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 5.864,
-                "elevation": Array [],
-                "lat": 45.52183043749137,
-                "lon": -122.68981514224929,
-                "relativeDirection": "DEPART",
+                "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": "Providence Park (path)",
+                "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": true,
-                "distance": 31.715,
+                "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": 30.57284254544678,
+                    "second": 55.67284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 30.18284254544678,
+                    "second": 55.892842545446776,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.712842545446776,
+                    "second": 56.16284254544678,
                   },
                   Object {
-                    "first": 31.72,
-                    "second": 29.33284254544678,
+                    "first": 30,
+                    "second": 56.15284254544678,
                   },
-                ],
-                "lat": 45.5218184,
-                "lon": -122.6898884,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "path",
-              },
-              Object {
-                "absoluteDirection": "NORTH",
-                "area": false,
-                "bogusName": true,
-                "distance": 8.242,
-                "elevation": Array [
                   Object {
-                    "first": 0,
-                    "second": 29.33284254544678,
+                    "first": 40,
+                    "second": 55.73284254544678,
                   },
                   Object {
-                    "first": 8.24,
-                    "second": 29.05284254544678,
+                    "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.52206,
-                "lon": -122.6900696,
+                "lat": 45.5588998,
+                "lon": -122.620412,
                 "relativeDirection": "RIGHT",
-                "stayOn": true,
-                "streetName": "path",
+                "stayOn": false,
+                "streetName": "NE Alberta St",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 30.15,
+                "distance": 95.49,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 29.05284254544678,
+                    "second": 52.31284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 29.16284254544678,
+                    "second": 52.432842545446775,
                   },
                   Object {
                     "first": 20,
-                    "second": 29.33284254544678,
+                    "second": 52.322842545446775,
                   },
                   Object {
-                    "first": 30.15,
-                    "second": 29.532842545446776,
+                    "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.52213,
-                "lon": -122.6900348,
-                "relativeDirection": "RIGHT",
+                "lat": 45.5591513,
+                "lon": -122.614855,
+                "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "SW Morrison St",
+                "streetName": "NE 47th Pl",
               },
             ],
             "to": Object {
-              "arrival": 1573689055000,
-              "lat": 45.522170898252,
-              "lon": -122.68959868692157,
-              "name": "1737 SW Morrison St, Portland, OR, USA 97205",
-              "orig": "1737 SW Morrison St, Portland, OR, USA 97205",
+              "arrival": 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": 1573688698000,
+        "startTime": 1573688700000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 215,
-        "waitingTime": 2,
-        "walkDistance": 157.97398507143885,
+        "transitTime": 1350,
+        "waitingTime": 313,
+        "walkDistance": 5057.651506945225,
         "walkLimitExceeded": false,
-        "walkTime": 140,
+        "walkTime": 1116,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
+exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`] = `
 .c22 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
-.c56 {
+.c59 {
   color: #f44256;
 }
 
-.c29 {
+.c35 {
   border-top-style: solid;
   border-top-width: 0;
   padding-top: 0;
@@ -100325,13 +110376,13 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c31 {
+.c37 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c31:hover {
+.c37:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
@@ -100360,12 +110411,36 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   padding-left: 1px;
 }
 
+.c40 {
+  color: black;
+  background-color: #f5a729;
+  border: 2px solid #bbb;
+  text-align: center;
+  width: 25px;
+  height: 25px;
+  font-size: 1.2em;
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 1px;
+}
+
 .c21::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c55 {
+.c58 {
   text-align: center;
 }
 
@@ -100380,8 +110455,8 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c33 {
-  border-left: solid 8px #084C8D;
+.c39 {
+  border-left: dotted 4px #f5a729;
   height: 100%;
   width: 0;
   position: absolute;
@@ -100391,7 +110466,18 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c51 {
+.c42 {
+  border-left: solid 8px #008ab0;
+  height: 100%;
+  width: 0;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.c54 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -100443,7 +110529,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   width: 0;
 }
 
-.c40 {
+.c49 {
   font-weight: 200;
 }
 
@@ -100451,17 +110537,17 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c39 {
+.c48 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c38 {
+.c47 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c37 {
+.c46 {
   color: #807373;
   margin-top: 5px;
 }
@@ -100510,6 +110596,29 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   grid-template-columns: 65px 30px auto;
 }
 
+.c29 {
+  border-color: #fff;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  font-style: normal;
+  grid-column: 2;
+  grid-row: 1;
+  margin: 0 4px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  vertical-align: middle;
+  width: 75%;
+}
+
+.c29:hover {
+  border-color: #d1d5da;
+  background-color: #f6f8fa;
+}
+
 .c9 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -100517,7 +110626,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   font-size: 0.9em;
 }
 
-.c32 {
+.c38 {
   padding: 3px 10px 3px 10px;
   border: 0;
   margin-top: -15px;
@@ -100525,11 +110634,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   height: 35px;
 }
 
-.c32:hover {
+.c38:hover {
   cursor: pointer;
 }
 
-.c30 {
+.c36 {
   -webkit-flex: 0 0 25px;
   -ms-flex: 0 0 25px;
   flex: 0 0 25px;
@@ -100565,12 +110674,47 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   padding: 3px 0 10px 0;
 }
 
+.c41 {
+  color: #807373;
+  font-size: 13px;
+  font-weight: 300;
+  padding-top: 1px;
+  margin-bottom: 10px;
+  margin-top: -14px;
+}
+
+.c30 {
+  padding: 2px;
+  width: 100%;
+}
+
+.c32 {
+  font-size: xx-small;
+}
+
+.c32::before {
+  content: "";
+  margin: 0 0.125em;
+}
+
+.c33 {
+  color: #e60000;
+}
+
 .c34 {
+  color: green;
+}
+
+.c31 {
+  font-size: small;
+}
+
+.c43 {
   text-align: center;
   min-width: 30px;
   min-height: 30px;
   font-size: 1.2em;
-  background-color: #084C8D;
+  background-color: #084c8d;
   color: white;
   border-radius: 50%;
   display: -webkit-box;
@@ -100594,7 +110738,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   cursor: default;
 }
 
-.c35 {
+.c44 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -100679,76 +110823,33 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   padding-left: 1ch;
 }
 
-.c36 {
+.c45 {
   font-weight: 200;
   font-size: 0.9em;
   margin-left: 10px;
 }
 
-.c53 {
+.c56 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c54 {
+.c57 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c52 {
+.c55 {
   z-index: 30;
   position: relative;
 }
 
-.c43 {
-  background-color: #eee;
-  border-radius: 4px;
-  color: #000;
-  display: block;
-  margin-top: 5px;
-  padding: 8px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c45 {
-  font-size: 12px;
-  margin-left: 30px;
-  white-space: pre-wrap;
-}
-
-.c46 {
-  margin-top: 5px;
-  margin-left: 30px;
-  font-size: 12px;
-  font-style: italic;
-}
-
-.c44 {
-  float: left;
-  font-size: 18px;
-}
-
-.c42 {
-  display: block;
-  margin-top: 3px;
-}
-
-.c41 {
-  color: #d14727;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 400;
-  margin-top: 8px;
-  padding: 0;
-}
-
-.c47 {
+.c50 {
   margin-top: 5px;
 }
 
-.c48 {
+.c51 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -100756,11 +110857,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   display: flex;
 }
 
-.c50 {
+.c53 {
   font-size: 14px;
 }
 
-.c49 {
+.c52 {
   padding: 0;
 }
 
@@ -100810,13 +110911,13 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        KGW Studio on the Sq, Portland, OR, USA
+        2943 SE Washington St, Portland, OR, USA 97214
       </span>
     </div>
     <div
       className="c9"
     >
-      3:44 PM
+      3:45 PM
     </div>
     <span
       className="c10"
@@ -100844,11 +110945,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 269 feet to 
+              Walk 0.4 miles to 
               <span
                 className="c15"
               >
-                Pioneer Square North MAX Station
+                Shared E-scooter
               </span>
             </span>
             <button
@@ -100874,7 +110975,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              9 min
               <span
                 className="c21"
               >
@@ -100937,17 +111038,17 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      NORTHWEST
+                      SOUTH
                        on 
                       <span
                         className="c27"
                       >
-                        Unnamed Path
+                        SE 30th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        167 feet
+                        0.2 miles
                       </span>
                     </span>
                   </div>
@@ -100962,7 +111063,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
@@ -100970,436 +111071,140 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      LEFT
+                      RIGHT
                        on 
                       <span
                         className="c27"
                       >
-                        Pioneer Sq N (path)
+                        SE Belmont St
                       </span>
                       <span
                         className="c28"
                       >
-                        101 feet
+                        330 feet
                       </span>
                     </span>
                   </div>
                 </li>
-              </ol>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c33"
-          mode="TRAM"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            className="c34"
-          >
-            <span
-              aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-57"
-            >
-              MA
-            </span>
-            <span
-              className="c35"
-            >
-              MAX Blue Line
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        Pioneer Square North MAX Station
-        <span
-          className="c36"
-        >
-          ID 8383
-        </span>
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:46 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span>
-              <span
-                className="c10"
-              >
-                 - 
-                Ride
-              </span>
-              <span
-                className="c13 c37"
-              >
-                <div>
-                  <span
-                    className="c38"
-                  >
-                    MAX Blue Line
-                  </span>
-                </div>
-                <span
-                  className="c39"
-                >
-                  <span>
-                    MAX Blue Line 
-                    <span
-                      className="c40"
-                    >
-                      to
-                    </span>
-                     Hillsboro
-                  </span>
-                </span>
-              </span>
-              <span
-                className="c10"
-              >
-                 - 
-                Disembark at 
-                Providence Park MAX Station
-                <span
-                  className="c36"
-                >
-                  ID 9757
-                </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"
-        >
-          <button
-            className="c16 c41"
-            onClick={[Function]}
-          >
-            <svg
-              aria-hidden="true"
-              className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-0"
-              fill="currentColor"
-              focusable="false"
-              height={15}
-              viewBox="0 0 320 512"
-              width={15}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"
-                fill="currentColor"
-              />
-            </svg>
-             
-            3 alerts
-            <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>
-          </button>
-          <div
-            aria-hidden={true}
-            className="rah-static rah-static--height-zero "
-            style={
-              Object {
-                "height": 0,
-                "overflow": "hidden",
-              }
-            }
-          >
-            <div
-              style={Object {}}
-            >
-              <div
-                className="c42"
-              >
-                <a
-                  className="c43"
-                  href="http://trimet.org/alerts/"
-                >
-                  <div
-                    className="c44"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 512 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m440.5 88.5-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55 17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c45"
-                  >
-                    TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
-                  </div>
-                  <div
-                    className="c46"
-                  >
-                    Effective as of December 15, 2019
-                  </div>
-                </a>
-                <a
-                  className="c43"
-                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                <li
+                  className="c24"
                 >
                   <div
-                    className="c44"
+                    className="c25"
                   >
                     <svg
-                      aria-hidden="true"
-                      className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 512 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 261 261"
                     >
                       <path
-                        d="m440.5 88.5-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55 17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z"
-                        fill="currentColor"
+                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c45"
-                  >
-                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
-                  </div>
-                  <div
-                    className="c46"
+                    className="c26"
                   >
-                    Effective as of November 6, 2019
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE 29th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        511 feet
+                      </span>
+                    </span>
                   </div>
-                </a>
-                <a
-                  className="c43"
-                  href="http://trimet.org/alerts/"
+                </li>
+                <li
+                  className="c24"
                 >
                   <div
-                    className="c44"
+                    className="c25"
                   >
                     <svg
-                      aria-hidden="true"
-                      className="c22 OtpUiItineraryBodystory__CustomAlertIconsItinerary-sc-1k5v0ye-1"
-                      fill="currentColor"
-                      focusable="false"
-                      height={18}
-                      viewBox="0 0 512 512"
-                      width={18}
-                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 261 261"
                     >
                       <path
-                        d="m440.5 88.5-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55 17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z"
-                        fill="currentColor"
+                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
                       />
                     </svg>
                   </div>
                   <div
-                    className="c45"
-                  >
-                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
-                  </div>
-                  <div
-                    className="c46"
+                    className="c26"
                   >
-                    Effective as of November 3, 2019
+                    <span>
+                      RIGHT
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE Taylor St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        235 feet
+                      </span>
+                    </span>
                   </div>
-                </a>
-              </div>
+                </li>
+              </ol>
             </div>
           </div>
           <div
-            className="c47"
+            className="c29"
           >
-            <div
-              className="c48"
+            <button
+              className="c16 c30"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
             >
-              <button
-                className="c16 c49"
-                onClick={[Function]}
+              <div
+                className="c31"
               >
-                Ride 
-                3 min
-                 / 2 stops
+                Elevation chart
                 <span
-                  className="c21"
+                  className="c32 c33"
                 >
-                  <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>
+                  ↑
+                  29'
                 </span>
                 <span
-                  className="c10"
+                  className="c32 c34"
                 >
-                  (Expand details)
+                  ↓
+                  13'
                 </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="c50"
-                >
-                  <ol
-                    className="c51"
-                  >
-                    <li
-                      className="c52"
-                    >
-                      <div
-                        className="c53"
-                      >
-                        •
-                      </div>
-                      <div
-                        className="c54"
-                      >
-                        Galleria/SW 10th Ave MAX Station
-                      </div>
-                    </li>
-                  </ol>
-                </div>
               </div>
-            </div>
-            <span>
-              Typical wait: 
-              15 min
-            </span>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,15.28466404513592 0,15.356471191656691 0,15.392374764917083 0,15.438536501966148 0,15.494956402803897 0,15.551376303641648 0,15.556505385535988 0,15.7206360061549 0,15.807830398358695 0,15.88989570866815 0,15.946315609505898 0,15.946315609505898 0,16.074542656864423 0,16.166866130962553 0,16.22841511369465 0,16.22841511369465 0,16.264318686955036 0,16.315609505898443 0,16.315609505898443 0,16.361771242947512 0,16.40793297999658 0,16.45409471704565 0,16.500256454094718 0,16.551547273038125 0,16.613096255770216 0,16.607967173875878 0,16.654128910924943 0,16.654128910924943 0,16.700290647974015 0,16.75158146691742 0,16.808001367755168 0,16.859292186698582 0,16.90545392374765 0,16.915712087536335 0,16.895195759958966 0,16.82338861343819 0,17.177295264147716 0,17.07984270815524 0,16.91058300564199 0,16.746452385023083 0,16.572063600615493 0,16.392545734313558 0,16.24380235937767 0,16.12070439391349 0,16.054026329287055 0,16.054026329287055 0,15.79757223457001 0,15.407762010600106 0,14.99230637715849 0,14.587108907505556 0,14.181911437852627 0,13.792101213882717 0,13.581808856214739 0,13.510001709693967 0,13.510001709693967 0,13.494614464010944 0,13.392032826124122 0,13.402290989912807 0,13.227902205505217 0,12.940673619422125 0,12.879124636690033 0,12.822704735852284 0,12.827833817746626"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
           </div>
-        </div>
+        </span>
       </div>
     </div>
     <div
-      className="c29 c30"
+      className="c35 c36"
     >
       <a
         aria-label="View on map"
-        className="c31 c32"
+        className="c37 c38"
         onClick={[Function]}
         title="View on map"
       >
@@ -101430,27 +111235,50 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         className="c3"
       >
         <div
-          className="c4"
-          mode="WALK"
+          className="c39"
+          mode="MICROMOBILITY"
         />
         <div
           className="c5"
         >
           <div
-            aria-label="Travel by walking"
-            className="c6"
-            mode="WALK"
+            aria-label="Travel by e-scooter"
+            className="c40"
+            mode="MICROMOBILITY"
           >
             <svg
-              viewBox="0 0 390 390"
+              style={
+                Object {
+                  "enableBackground": "new 0 0 1186 406.9",
+                }
+              }
+              version="1.1"
+              viewBox="0 0 1186 406.9"
               width="66%"
             >
               <title>
-                Travel by walking
+                Travel by e-scooter
               </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"
-              />
+              <g>
+                <path
+                  d="M1182,335.7c-14.6,0-29.1,0-44.2,0c-1-8.4-2-16.7-3.1-25.5c-0.7,0.8-1,1.1-1.3,1.5 c-11.6,16.4-27.8,25.2-47.4,27.6c-20.3,2.6-40-0.1-58.6-8.9c-25.2-11.9-41.2-31.8-48.4-58.5c-6.4-23.6-6-47.3,1.4-70.6 c10.8-34,34.7-53.5,69.4-60.3c20.2-3.9,39.8-2.2,58.6,6.7c10,4.7,18.9,10.8,25.2,20.1c0.1,0.2,0.5,0.3,1,0.7c0-35,0-69.7,0-104.8 c16,0,31.6,0,47.3,0C1182,154.4,1182,245,1182,335.7z M1072.1,183.7c-17.8,0.6-34.7,9.6-44.4,30.1c-4.9,10.4-6.1,21.6-4.9,33.1 c4.2,39.3,42,58.6,75.7,44.7c20.1-8.4,30.3-24.4,32.8-45.8C1135.2,212.1,1110.1,183.7,1072.1,183.7z"
+                />
+                <path
+                  d="M236.8,62.4c0,34.2,0.1,68.4,0.1,102.7c0,1.1,0,2.2,0,4c1.5-1.8,2.6-2.9,3.6-4.1 c13.2-15.1,29.9-22.9,49.8-24.1c14.2-0.8,28.1,0.6,41.2,6.4c19.7,8.7,31.2,24.4,37.5,44.3c4.3,13.6,5.8,27.6,5.8,41.8 c0,33,0,65.9,0,98.9c0,0.9-0.1,1.9-0.2,3c-15.7,0-31.2,0-47.3,0c0-1.3,0-2.6,0-4c0-31.8,0.1-63.6-0.1-95.4c0-6.7-0.7-13.6-2.3-20.2 c-5.8-24.4-25.1-32.4-45.3-30.6c-24.3,2.2-39.4,22.1-42.1,43.9c-0.5,3.8-0.6,7.7-0.6,11.6c0,30.1,0,60.3,0,90.4c0,1.3,0,2.7,0,4.3 c-15.8,0-31.4,0-47.3,0c-0.1-1.2-0.2-2.5-0.2-3.7c0-88.8,0-177.5,0-266.3c0-1,0.1-2.1,0.2-3.1C205.4,62.4,221.1,62.4,236.8,62.4z"
+                />
+                <path
+                  d="M81.5,342.6c-6.5-0.8-13.1-1.4-19.6-2.5c-22.1-3.9-40.8-14.2-56.4-30.1c-1-1-1.8-1.9-0.7-3.4 c7.4-10.7,14.7-21.4,22.1-32.3c0.6,0.4,1,0.6,1.3,0.9c19.3,17.3,42.3,25,67.8,25.7c8.6,0.2,16.8-2.4,23.7-7.9 c4-3.1,6.9-7.1,7.6-12.2c1.2-8.5-2.1-14.4-10.1-17.8c-8.9-3.9-18.5-4.3-28-5.1c-17.1-1.4-33.9-4.5-49.3-12.5 c-15.3-8-25.9-19.8-28.8-37.3c-4-24.2,5.8-44.7,27.1-57c12.5-7.3,26.2-11.1,40.6-12.3c18.5-1.7,36.9-0.6,54.6,5.4 c12.1,4.1,22.7,10.7,32.4,19.4c-8.8,10.4-17.5,20.7-26.3,31.2c-0.6-0.4-1.1-0.6-1.4-1c-12-11-26.5-15.9-42.5-15.9 c-7.7,0-15.4,1.3-23,2.3c-2.1,0.3-4.2,1.4-6.1,2.4c-5.6,2.9-9.2,7.3-9.3,13.8c-0.2,6.7,3,11.6,8.7,14.9c6.1,3.6,12.9,4.9,19.8,5.7 c13.1,1.7,26.2,2.8,39.2,5.2c7.1,1.3,14.1,4.1,20.7,7.2c19,9.2,28.3,25,29.1,45.7c1.2,29-14.4,51.2-42.9,61.3 c-9.1,3.3-18.6,5.1-28.2,5.8c-1,0.1-2.1,0.3-3.1,0.5C94.1,342.6,87.8,342.6,81.5,342.6z"
+                />
+                <path
+                  d="M962.5,256.6c-49.8,0-99.2,0-149.3,0c1.1,3.9,1.8,7.5,3.2,10.8c6.4,15.5,18.8,24,34.6,27.7 c21.2,5,41.4,1.8,60.5-8.3c3.6-1.9,6.7-4.6,10.1-6.9c9.7,9.9,19.5,19.9,29.6,30.2c-0.3,0.4-1.1,1.3-2,2.1 c-14,13.1-30.8,20.7-49.3,25c-23.3,5.4-46.6,5.2-69.5-2.1c-36.4-11.6-57.3-37.1-64.1-74.2c-3.7-20.1-2.9-40.1,4-59.5 c12.4-34.8,37.5-54.8,73.4-61.7c19.1-3.6,38.2-2.9,56.9,2.6c32.4,9.4,51.5,31.4,59.4,63.7c3.7,15.4,4,31.1,3,46.8 C963,253.9,962.7,255.1,962.5,256.6z M814.5,216.8c34.3,0,68.2,0,102.3,0c-0.1-0.9-0.1-1.6-0.2-2.2c-0.1-0.7-0.2-1.4-0.4-2.2 c-3.3-14.2-11.9-23.7-25.5-28.7c-10.5-3.9-21.5-4.7-32.5-3.1c-20.1,2.8-34.9,12.7-42.5,32.2C815.2,214,814.9,215.3,814.5,216.8z"
+                />
+                <path
+                  d="M667.7,335.6c-15.9,0-31.4,0-47.2,0c0-64,0-127.9,0-192c1.1-0.1,2.1-0.2,3.1-0.2c12.6,0,25.2,0,37.7-0.1 c2.3,0,3.1,0.6,3.3,2.9c0.8,6,1.9,12,2.9,18.3c0.6-0.6,1.1-0.8,1.3-1.2c10.4-15.8,25.3-23.6,43.9-24.8c17-1.1,33.2,1.6,48,10.5 c3.3,2,6.2,4.6,9.3,7c-1.4,3.5-2.6,7-4.3,10.3c-4.8,9.6-9.8,19.2-14.8,28.7c-0.5,0.9-1,1.8-1.7,2.9c-1.5-1.1-2.9-2.1-4.1-3.1 c-16.5-13.1-44.5-11.1-58.7-1.4c-11.2,7.6-16.5,18.6-18.1,31.6c-0.5,4.1-0.6,8.3-0.6,12.5c0,31.2,0,62.4,0,93.6 C667.7,332.5,667.7,333.9,667.7,335.6z"
+                />
+                <path
+                  d="M551.2,143.5c-0.5,8.4-1,16.7-1.6,25c-0.2,0.1-0.5,0.2-0.7,0.3c-0.2-0.4-0.4-0.8-0.6-1.1 c-8.5-12.7-20.6-20.3-34.8-24.9c-15.8-5.1-31.8-4.9-47.8-1.8c-34.6,6.6-59,25.9-70.7,59.6c-6.4,18.3-7.2,37.3-5,56.4 c2,17,7.2,32.8,16.8,47.1c23.9,35.2,73,43.7,103.7,33.8c13.9-4.5,26.3-11.4,35.3-23.4c1.2-1.6,2.3-3.4,3.8-5.7 c0.8,9.4,1.6,18.1,2.3,26.7c15.1,0,29.8,0,44.4,0c0-64.2,0-128,0-191.9C581.2,143.5,566.4,143.5,551.2,143.5z M548.4,246.2 c-0.7,7.8-2.7,15.3-6.3,22.2c-9.5,18.3-24.7,27.9-45.2,29.2c-23.1,1.5-46.3-9.1-55.7-33.4c-2.8-7.1-3.8-14.9-5.6-22.4 c0.3-0.1,0.6-0.1,0.9-0.2c-0.6-25.4,10.7-46.4,33-55.7c23-9.6,50.1-4.2,65.2,13.5C546.1,212.9,549.9,228.9,548.4,246.2z"
+                />
+              </g>
             </svg>
           </div>
         </div>
@@ -101463,18 +111291,13 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        Providence Park MAX Station
-        <span
-          className="c36"
-        >
-          ID 9757
-        </span>
+        Shared E-scooter
       </span>
     </div>
     <div
       className="c9"
     >
-      3:49 PM
+      3:54 PM
     </div>
     <span
       className="c10"
@@ -101484,6 +111307,13 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
     <div
       className="c11"
     >
+      <div
+        className="c41"
+      >
+        Pick up Shared 
+        E-scooter
+         
+      </div>
       <div
         className="c12"
       >
@@ -101502,11 +111332,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 249 feet to 
+              Ride 1.4 miles to 
               <span
                 className="c15"
               >
-                1737 SW Morrison St, Portland, OR, USA 97205
+                NE Broadway
               </span>
             </span>
             <button
@@ -101532,7 +111362,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              9 min
               <span
                 className="c21"
               >
@@ -101594,18 +111424,83 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      Head 
-                      WEST
+                      CONTINUE
+                       on 
+                      <span
+                        className="c27"
+                      >
+                        SE Taylor St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        26 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"
+                      >
+                        SE 28th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.6 miles
+                      </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"
                       >
-                        Providence Park (path)
+                        NE 28th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        19 feet
+                        0.7 miles
                       </span>
                     </span>
                   </div>
@@ -101620,7 +111515,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                       viewBox="0 0 261 261"
                     >
                       <path
-                        d="M146.5 140.5l100-70.86L146.5.5v40h-70c-30 0-50 20-50 50v170h60v-160h60v40z"
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
                       />
                     </svg>
                   </div>
@@ -101628,17 +111523,17 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                     className="c26"
                   >
                     <span>
-                      RIGHT
+                      SLIGHTLY_RIGHT
                        on 
                       <span
                         className="c27"
                       >
-                        Unnamed Path
+                        NE Halsey St
                       </span>
                       <span
                         className="c28"
                       >
-                        104 feet
+                        17 feet
                       </span>
                     </span>
                   </div>
@@ -101666,12 +111561,78 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        Unnamed Path
+                        NE Halsey St
                       </span>
                       <span
                         className="c28"
                       >
-                        27 feet
+                        59 feet
+                      </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"
+                      >
+                        NE 28th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        28 feet
+                      </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"
+                      >
+                        NE 28th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        489 feet
                       </span>
                     </span>
                   </div>
@@ -101699,12 +111660,12 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SW Morrison St
+                        NE Broadway
                       </span>
                       <span
                         className="c28"
                       >
-                        99 feet
+                        86 feet
                       </span>
                     </span>
                   </div>
@@ -101712,15 +111673,56 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
               </ol>
             </div>
           </div>
+          <div
+            className="c29"
+          >
+            <button
+              className="c16 c30"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c31"
+              >
+                Elevation chart
+                <span
+                  className="c32 c33"
+                >
+                  ↑
+                  78'
+                </span>
+                <span
+                  className="c32 c34"
+                >
+                  ↓
+                  74'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,13.503527040644947 0,13.508565670137724 0,12.858582465569363 0,12.9190460194827 0,13.130668458179375 0,13.463218004702721 0,13.820960698689955 0,14.16358750419886 0,14.506214309707758 0,14.838763856231104 0,15.040309035942222 0,15.040309035942222 0,15.070540812898892 0,15.327510917030567 0,15.705408128988914 0,16.09338259993282 0,16.48135707087672 0,16.86933154182062 0,17.277460530735638 0,17.383271750083978 0,17.383271750083978 0,17.403426268055085 0,17.267383271750084 0,16.889486059791736 0,16.395700369499494 0,15.91703056768559 0,15.443399395364459 0,14.994961370507218 0,14.647295935505541 0,14.647295935505541 0,14.521330198186092 0,14.4507893852872 0,14.314746388982197 0,14.153510245213301 0,13.982196842458851 0,13.815922069197178 0,13.664763184413836 0,13.56399059455828 0,13.56399059455828 0,13.48841115216661 0,13.448102116224387 0,13.427947598253272 0,13.417870339267719 0,13.382599932818273 0,13.342290896876047 0,13.312059119919383 0,13.261672824991603 0,13.261672824991603 0,13.26671145448438 0,13.281827342962718 0,13.301981860933822 0,13.332213637890494 0,13.337252267383274 0,13.362445414847162 0,13.39267719180383 0,13.372522673832716 0,13.372522673832716 0,13.055089015787704 0,12.596573731944911 0,13.97211958347329 0,13.997312730937185 0,14.047699025864963 0,14.08296943231441 0,14.123278468256633 0,14.16358750419886 0,14.183742022169968 0,14.213973799126636 0,14.22405105811219 0,14.22405105811219 0,14.203896540141084 0,14.153510245213301 0,14.047699025864963 0,13.896540141081626 0,13.745381256298284 0,13.599261001007726 0,13.453140745717164 0,13.32213637890494 0,13.32213637890494 0,13.286865972455491 0,13.367484044339939 0,13.5136042996305 0,13.67987907289217 0,13.846153846153843 0,14.007389989922743 0,14.153510245213301 0,14.239166946590524 0,14.239166946590524 0,14.22908968760497 0,14.314746388982197 0,14.365132683909973 0,14.420557608330531 0,14.455828014779982 0,14.48102116224387 0,14.516291568693315 0,14.516291568693315 0,14.516291568693315 0,14.506214309707758 0,14.586832381592206 0,14.606986899563319 0,14.622102788041651 0,14.642257306012764 0,14.67752771246221 0,14.69768223043332 0,14.722875377897214 0,14.722875377897214 0,14.753107154853879 0,14.808532079274435 0,14.858918374202217 0,14.914343298622773 0,14.959690964057778 0,15 0,15.050386294927778 0,15.105811219348334 0,15.105811219348334 0,15.151158884783339 0,15.206583809203895 0,15.256970104131675 0,15.297279140073902 0,15.352704064494459 0,15.393013100436683 0,15.43836076587168 0,15.46859254282835 0,15.46859254282835 0,15.498824319785015 0,15.529056096741686 0,15.579442391669465 0,15.624790057104464 0,15.680214981525022 0,15.735639905945579 0,15.775948941887806 0,15.801142089351698 0,15.801142089351698 0,15.821296607322806 0,15.796103459858918 0,15.715485387974473 0,15.60967416862613 0,15.513940208263351 0,15.41820624790057 0,15.32247228753779 0,15.186429291232782 0,15.186429291232782 0,15.070540812898892 0,14.984884111521666 0,14.889150151158885 0,14.773261672824992 0,14.647295935505541 0,14.516291568693315 0,14.390325831373866 0,14.289553241518309 0,14.289553241518309 0,14.25932146456164 0,14.309707759489417 0,14.42559623782331 0,14.42559623782331 0,14.50117568021498 0,14.53140745717165 0,14.491098421229422 0,14.435673496808866 0,14.395364460866643 0,14.395364460866643 0,14.334900906953308 0,14.25932146456164 0,14.098085320792741 0,13.926771918038291 0,13.795767551226064 0,13.795767551226064 0,13.639570036949948 0,13.478333893181055 0,13.32213637890494 0,13.32213637890494 0,13.206247900571043 0,13.16090023513604 0,13.120591199193818 0,13.085320792744376 0,13.045011756802147 0,12.954316425932145 0,12.954316425932145 0,12.9190460194827 0,13.03997312730937 0,13.241518307020488 0,13.443063486731607 0,13.644608666442728 0,13.846153846153843 0,14.0628149143433 0,14.279475982532752 0,14.440712126301646 0,14.440712126301646 0,14.460866644272757 0,14.460866644272757 0,14.541484716157207 0,14.541484716157207 0,14.54652334564998 0,14.54652334564998 0,14.55156197514276 0,14.586832381592206 0,14.642257306012764 0,14.642257306012764 0,14.67752771246221 0,14.7027208599261 0,14.7027208599261 0,14.67248908296943 0,14.667450453476656 0,14.637218676519987 0,14.612025529056098 0,14.591871011084983 0,14.571716493113872 0,14.571716493113872 0,14.541484716157207 0,14.496137050722202 0,14.496137050722202 0,14.410480349344978 0,14.299630500503861 0,14.098085320792741 0,14.098085320792741 0,13.881424252603292 0,13.669801813906616 0,13.45817937520994 0,13.226402418542158 0,13.226402418542158 0,13.14578434665771 0,13.14578434665771 0,13.140745717164933 0,13.186093382599932 0,13.186093382599932 0,13.271750083977157 0,13.271750083977157 0,13.332213637890494 0,13.382599932818273 0,13.43802485723883 0,13.48841115216661 0,13.533758817601615 0,13.584145112529391 0,13.624454148471614 0,13.624454148471614 0,13.599261001007726 0,13.599261001007726 0,13.589183742022172 0,13.503527040644947 0,13.397715821296607 0,13.32213637890494 0,13.231441048034931 0,13.120591199193818 0,12.964393684917699"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
         </span>
       </div>
     </div>
     <div
-      className="c29 c30"
+      className="c35 c36"
     >
       <a
         aria-label="View on map"
-        className="c31 c32"
+        className="c37 c38"
         onClick={[Function]}
         title="View on map"
       >
@@ -101750,855 +111752,557 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
       <div
         className="c3"
       >
+        <div
+          className="c4"
+          mode="WALK"
+        />
         <div
           className="c5"
         >
           <div
-            className="c55"
-          >
-            <svg
-              aria-hidden="true"
-              className="c22 c56"
-              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"
-      >
-        1737 SW Morrison St, Portland, OR, USA 97205
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:50 PM
-    </div>
-    <span
-      className="c10"
-    >
-      Arrive at 
-      1737 SW Morrison St, Portland, OR, USA 97205
-    </span>
-    <div
-      className="c11"
-    />
-    <div
-      className="c29 c30"
-    >
-      <a
-        aria-label="View on map"
-        className="c31 c32"
-        onClick={[Function]}
-        title="View on map"
-      >
-        <svg
-          className="styled__MapIcon-sc-1q8npbl-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-ui 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)}
->
-  <ItineraryBodyDefaultsWrapper
-    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 ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
-.c22 {
-  display: inline-block;
-  vertical-align: middle;
-  overflow: hidden;
-}
-
-.c37 {
-  color: #f44256;
-}
-
-.c29 {
-  border-top-style: solid;
-  border-top-width: 0;
-  padding-top: 0;
-  padding-bottom: 10px;
-}
-
-.c16 {
-  background: transparent;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font-size: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c31 {
-  color: #008;
-  cursor: pointer;
-  margin-left: 5px;
-}
-
-.c31:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c6 {
-  color: black;
-  background-color: #e9e9e9;
-  border: 2px solid #bbb;
-  text-align: center;
-  width: 25px;
-  height: 25px;
-  font-size: 1.2em;
-  border-radius: 50%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding-left: 1px;
-}
-
-.c34 {
-  color: black;
-  background-color: #f5a729;
-  border: 2px solid #bbb;
-  text-align: center;
-  width: 25px;
-  height: 25px;
-  font-size: 1.2em;
-  border-radius: 50%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding-left: 1px;
-}
-
-.c21::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c36 {
-  text-align: center;
-}
-
-.c4 {
-  border-left: dotted 4px #484848;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c33 {
-  border-left: dotted 4px #f5a729;
-  height: 100%;
-  width: 0;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.c0 {
-  list-style: none;
-  padding: 0;
-}
-
-.c12 {
-  color: #676767;
-  font-size: 13px;
-  padding-bottom: 12px;
-}
-
-.c17 {
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.c13 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  line-height: 16px;
-  min-height: 31px;
-  position: relative;
-}
-
-.c10 {
-  display: inline-block;
-  grid-row-start: 2;
-  grid-column-start: 1;
-  height: 0;
-  overflow: hidden;
-  width: 0;
-}
-
-.c15 {
-  font-weight: inherit;
-}
-
-.c14 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.c3 {
-  position: relative;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-  height: 100%;
-}
-
-.c5 {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  top: 0;
-  -webkit-transform: translate(-51%,-10%);
-  -ms-transform: translate(-51%,-10%);
-  transform: translate(-51%,-10%);
-}
-
-.c2 {
-  grid-column-start: 2;
-  grid-row: span 2;
-  padding-right: 5px;
-}
-
-.c18 {
-  display: grid;
-  grid-template-columns: 100px auto;
-}
-
-.c1 {
-  max-width: 500px;
-  display: grid;
-  grid-template-columns: 65px 30px auto;
-}
-
-.c9 {
-  grid-column-start: 1;
-  grid-row: 1 / span 2;
-  padding-right: 5px;
-  font-size: 0.9em;
-}
-
-.c32 {
-  padding: 3px 10px 3px 10px;
-  border: 0;
-  margin-top: -15px;
-  width: 35px;
-  height: 35px;
-}
-
-.c32:hover {
-  cursor: pointer;
-}
-
-.c30 {
-  -webkit-flex: 0 0 25px;
-  -ms-flex: 0 0 25px;
-  flex: 0 0 25px;
-  grid-column: -1;
-}
-
-.c11 {
-  grid-row-start: 2;
-  grid-column-start: 3;
-}
-
-.c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 1.2em;
-  grid-row-start: 1;
-  grid-column-start: 3;
-}
-
-.c8 {
-  font-size: inherit;
-  font-weight: bold;
-  height: 1.2em;
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 3px 0 10px 0;
-}
-
-.c35 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
-}
-
-.c23 {
-  display: block;
-  list-style: none;
-  padding: 0;
-}
-
-.c26 {
-  margin-left: 24px;
-  line-height: 1.25em;
-  padding-top: 1px;
-}
-
-.c26 > span {
-  margin-right: 1ch;
-}
-
-.c19 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  margin-top: 10px;
-}
-
-.c19 a {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c20 {
-  color: #676767;
-  font-size: 13px;
-  font-style: normal;
-  padding: 0;
-}
-
-.c25 {
-  fill: #676767;
-  float: left;
-  height: 16px;
-  width: 16px;
-}
-
-.c24 {
-  font-size: 13px;
-  margin-top: 8px;
-  color: #676767;
-  font-style: normal;
-}
-
-.c27 {
-  font-weight: 500;
-}
-
-.c28 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-<ol
-  className="c0"
->
+            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"
+      >
+        NE Broadway
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      4:03 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Walk to 
+              <span
+                className="c15"
+              >
+                NE Broadway & 28th
+              </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]}
+            >
+              0 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="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"
+                      >
+                        street transit link
+                      </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-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c42"
+          mode="BUS"
+        />
+        <div
+          className="c5"
+        >
+          <div
+            className="c43"
+          >
+            <span
+              aria-hidden={true}
+              className="styled__SRHidden-sc-1q8npbl-57"
+            >
+              70
+            </span>
+            <span
+              className="c44"
+            >
+              12th/NE 33rd Ave
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c7"
+    >
+      <span
+        aria-hidden={true}
+        className="c8"
+      >
+        NE Broadway & 28th
+        <span
+          className="c45"
+        >
+          ID 638
+        </span>
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      4:08 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
+          >
+            <span>
+              <span
+                className="c10"
+              >
+                 - 
+                Ride
+              </span>
+              <span
+                className="c13 c46"
+              >
+                <div>
+                  <span
+                    className="c47"
+                  >
+                    70
+                  </span>
+                </div>
+                <span
+                  className="c48"
+                >
+                  <span>
+                    12th/NE 33rd Ave 
+                    <span
+                      className="c49"
+                    >
+                      to
+                    </span>
+                     NE Sunderland
+                  </span>
+                </span>
+              </span>
+              <span
+                className="c10"
+              >
+                 - 
+                Disembark at 
+                NE 33rd & Shaver
+                <span
+                  className="c45"
+                >
+                  ID 7393
+                </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="c50"
+          >
+            <div
+              className="c51"
+            >
+              <button
+                className="c16 c52"
+                onClick={[Function]}
+              >
+                Ride 
+                8 min
+                 / 9 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="c53"
+                >
+                  <ol
+                    className="c54"
+                  >
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE Broadway & 32nd
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & Schuyler
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & US Grant Pl
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & Brazee
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & Knott
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & Stanton
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & Siskiyou
+                      </div>
+                    </li>
+                    <li
+                      className="c55"
+                    >
+                      <div
+                        className="c56"
+                      >
+                        •
+                      </div>
+                      <div
+                        className="c57"
+                      >
+                        NE 33rd & Alameda
+                      </div>
+                    </li>
+                  </ol>
+                </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-45"
+          height={15}
+          role="img"
+          viewBox="0 0 390 390"
+          width={15}
+        >
+          <title>
+            View on map
+          </title>
+          <path
+            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
+          />
+        </svg>
+      </a>
+    </div>
+  </li>
   <li
     className="c1"
   >
@@ -102642,13 +112346,18 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        600 SW 5th Ave, Portland, OR, USA 97204
+        NE 33rd & Shaver
+        <span
+          className="c45"
+        >
+          ID 7393
+        </span>
       </span>
     </div>
     <div
       className="c9"
     >
-      3:45 PM
+      4:17 PM
     </div>
     <span
       className="c10"
@@ -102676,11 +112385,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                - 
             </span>
             <span>
-              Walk 206 feet to 
+              Walk 0.4 miles to 
               <span
                 className="c15"
               >
-                EMAQ
+                Shared E-scooter
               </span>
             </span>
             <button
@@ -102706,7 +112415,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              8 min
               <span
                 className="c21"
               >
@@ -102769,17 +112478,50 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                   >
                     <span>
                       Head 
-                      EAST
+                      NORTH
                        on 
                       <span
                         className="c27"
                       >
-                        SW Alder St
+                        NE 33rd Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        118 feet
+                        33 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"
+                      >
+                        NE Shaver St
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.3 miles
                       </span>
                     </span>
                   </div>
@@ -102807,12 +112549,12 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SW 4th Ave
+                        NE 38th Ave
                       </span>
                       <span
                         className="c28"
                       >
-                        88 feet
+                        332 feet
                       </span>
                     </span>
                   </div>
@@ -102820,15 +112562,56 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
               </ol>
             </div>
           </div>
+          <div
+            className="c29"
+          >
+            <button
+              className="c16 c30"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c31"
+              >
+                Elevation chart
+                <span
+                  className="c32 c33"
+                >
+                  ↑
+                  9'
+                </span>
+                <span
+                  className="c32 c34"
+                >
+                  ↓
+                  13'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,14.934021801491683 0,14.870912220309814 0,14.888123924268506 0,14.8995983935743 0,14.962707974756169 0,14.95697074010327 0,14.939759036144576 0,14.991394148020653 0,15.117613310384394 0,15.117613310384394 0,15.008605851979347 0,14.922547332185882 0,14.95697074010327 0,14.876649454962715 0,14.859437751004021 0,14.893861158921407 0,14.951233505450377 0,15.077452667814116 0,15.077452667814116 0,14.911072862880099 0,14.859437751004021 0,14.893861158921407 0,14.750430292598974 0,14.716006884681589 0,14.64716006884682 0,14.687320711417096 0,14.77911646586345 0,14.77911646586345 0,14.578313253012048 0,14.543889845094663 0,14.566838783706256 0,14.58978772231785 0,14.555364314400462 0,14.561101549053355 0,14.526678141135973 0,14.595524956970742 0,14.595524956970742 0,14.377510040160647 0,14.366035570854846 0,14.39472174411934 0,14.371772805507746 0,14.34308663224326 0,14.371772805507746 0,14.406196213425131 0,14.612736660929434 0,14.612736660929434 0,14.538152610441772 0,14.549627079747564 0,14.64716006884682 0,14.629948364888126 0,14.681583476764203 0,14.750430292598974 0,14.733218588640282 0,14.95697074010327 0,15.04302925989673 0,15.04302925989673 0,15.083189902467009 0,15.111876075731502 0,15.15777395295468 0,15.215146299483647 0,15.283993115318419 0,15.364314400458982 0,15.427423981640851 0,15.496270797475614 0,15.565117613310383 0,15.645438898450946 0,15.656913367756738"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
         </span>
       </div>
     </div>
     <div
-      className="c29 c30"
+      className="c35 c36"
     >
       <a
         aria-label="View on map"
-        className="c31 c32"
+        className="c37 c38"
         onClick={[Function]}
         title="View on map"
       >
@@ -102859,7 +112642,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         className="c3"
       >
         <div
-          className="c33"
+          className="c39"
           mode="MICROMOBILITY"
         />
         <div
@@ -102867,7 +112650,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         >
           <div
             aria-label="Travel by e-scooter"
-            className="c34"
+            className="c40"
             mode="MICROMOBILITY"
           >
             <svg
@@ -102885,19 +112668,22 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
               </title>
               <g>
                 <path
-                  d="M476.4,292.1l-1.3-105.8c0-50.5-51.8-58.5-124.8-58.5c-25.9,0-31.2,9.8-31.2,16.9c0,19,20.4,16.9,40.2,16.9 c17.7,0,34.9,0.5,34.9,13.8c0,13.5-5.6,17.2-37,17.2c-75.4,0-106.3,36.5-102.1,68.2c4,30.9,35.4,49.7,87.8,49.7h108.7 C467.7,310.9,478.2,306.1,476.4,292.1 M382.5,276.8c-24.6,11.6-50.3,8.7-57.4-6.1c-6.9-14.8,7.4-36.2,32.3-47.6 c24.6-11.6,50.3-8.7,57.4,6.1C421.6,244,407.4,265.4,382.5,276.8"
+                  d="M1182,335.7c-14.6,0-29.1,0-44.2,0c-1-8.4-2-16.7-3.1-25.5c-0.7,0.8-1,1.1-1.3,1.5 c-11.6,16.4-27.8,25.2-47.4,27.6c-20.3,2.6-40-0.1-58.6-8.9c-25.2-11.9-41.2-31.8-48.4-58.5c-6.4-23.6-6-47.3,1.4-70.6 c10.8-34,34.7-53.5,69.4-60.3c20.2-3.9,39.8-2.2,58.6,6.7c10,4.7,18.9,10.8,25.2,20.1c0.1,0.2,0.5,0.3,1,0.7c0-35,0-69.7,0-104.8 c16,0,31.6,0,47.3,0C1182,154.4,1182,245,1182,335.7z M1072.1,183.7c-17.8,0.6-34.7,9.6-44.4,30.1c-4.9,10.4-6.1,21.6-4.9,33.1 c4.2,39.3,42,58.6,75.7,44.7c20.1-8.4,30.3-24.4,32.8-45.8C1135.2,212.1,1110.1,183.7,1072.1,183.7z"
                 />
                 <path
-                  d="M202.9,235.8c-2.6-3.4-3.4-7.7-3.4-12.7c0-5.6,4.5-11.9,14-19.8c7.1-4.5,12.2-7.9,15.9-10.6 c4.5-3.4,7.1-5.6,13.2-13.5c7.1-10.6,10.6-21.2,10.6-33.1c0-46.6-37.8-72.7-102.9-72.7H76.5c-32.8,0-74.6,6.6-74.6,71.9v137.5 c0,26.4,14,27.2,37,27.2c20.1,0,41.3-3.4,41.3-21.7v-41.3c0-10.1,7.9-17.2,18.2-17.2c15.6,0,16.9,3.4,39.4,30.4l31.7,36 c7.1,6.9,17.5,14,32.5,14h31.7c15.9,0,25.7-4.2,23.8-11.4C252.9,285.2,202.9,235.8,202.9,235.8 M134.7,184.7 c-29.1,13.5-59.2,10.3-67.4-7.1s8.7-42.6,37.8-56.1s59.2-10.3,67.4,7.1C180.7,146.1,163.8,171,134.7,184.7"
+                  d="M236.8,62.4c0,34.2,0.1,68.4,0.1,102.7c0,1.1,0,2.2,0,4c1.5-1.8,2.6-2.9,3.6-4.1 c13.2-15.1,29.9-22.9,49.8-24.1c14.2-0.8,28.1,0.6,41.2,6.4c19.7,8.7,31.2,24.4,37.5,44.3c4.3,13.6,5.8,27.6,5.8,41.8 c0,33,0,65.9,0,98.9c0,0.9-0.1,1.9-0.2,3c-15.7,0-31.2,0-47.3,0c0-1.3,0-2.6,0-4c0-31.8,0.1-63.6-0.1-95.4c0-6.7-0.7-13.6-2.3-20.2 c-5.8-24.4-25.1-32.4-45.3-30.6c-24.3,2.2-39.4,22.1-42.1,43.9c-0.5,3.8-0.6,7.7-0.6,11.6c0,30.1,0,60.3,0,90.4c0,1.3,0,2.7,0,4.3 c-15.8,0-31.4,0-47.3,0c-0.1-1.2-0.2-2.5-0.2-3.7c0-88.8,0-177.5,0-266.3c0-1,0.1-2.1,0.2-3.1C205.4,62.4,221.1,62.4,236.8,62.4z"
                 />
                 <path
-                  d="M664.4,277h-32.8c-16.4,0-43.1-0.5-22.2-21.2c3.7-3.7,68.5-74.1,68.5-74.1c12.4-12.4,23.5-20.6,29.6-36.8 c4-10.8-4.8-17.2-19.8-17.2H552c-15.9,0-25.9,6.3-25.9,16.4c0,11.9,10.3,17.2,22.5,17.2h14.5c15.3,0,45.8-1.3,32.3,12.2 c-7.7,7.4-81.5,82.8-81.5,82.8c-12.7,11.6-24.1,27-24.1,37.3c0,14.3,6.6,17.5,22,17.5h141.8c21.4,0,41.5-5.8,43.1-16.7 C698,285.5,682.4,277,664.4,277"
+                  d="M81.5,342.6c-6.5-0.8-13.1-1.4-19.6-2.5c-22.1-3.9-40.8-14.2-56.4-30.1c-1-1-1.8-1.9-0.7-3.4 c7.4-10.7,14.7-21.4,22.1-32.3c0.6,0.4,1,0.6,1.3,0.9c19.3,17.3,42.3,25,67.8,25.7c8.6,0.2,16.8-2.4,23.7-7.9 c4-3.1,6.9-7.1,7.6-12.2c1.2-8.5-2.1-14.4-10.1-17.8c-8.9-3.9-18.5-4.3-28-5.1c-17.1-1.4-33.9-4.5-49.3-12.5 c-15.3-8-25.9-19.8-28.8-37.3c-4-24.2,5.8-44.7,27.1-57c12.5-7.3,26.2-11.1,40.6-12.3c18.5-1.7,36.9-0.6,54.6,5.4 c12.1,4.1,22.7,10.7,32.4,19.4c-8.8,10.4-17.5,20.7-26.3,31.2c-0.6-0.4-1.1-0.6-1.4-1c-12-11-26.5-15.9-42.5-15.9 c-7.7,0-15.4,1.3-23,2.3c-2.1,0.3-4.2,1.4-6.1,2.4c-5.6,2.9-9.2,7.3-9.3,13.8c-0.2,6.7,3,11.6,8.7,14.9c6.1,3.6,12.9,4.9,19.8,5.7 c13.1,1.7,26.2,2.8,39.2,5.2c7.1,1.3,14.1,4.1,20.7,7.2c19,9.2,28.3,25,29.1,45.7c1.2,29-14.4,51.2-42.9,61.3 c-9.1,3.3-18.6,5.1-28.2,5.8c-1,0.1-2.1,0.3-3.1,0.5C94.1,342.6,87.8,342.6,81.5,342.6z"
                 />
                 <path
-                  d="M1106.1,128.4c-17.2,0-37.6-1.9-78.8,5.8c-41,7.7-52.9,15.3-52.9,32.3v116.9c0,17.7,4.8,27.2,40.7,27.2 c37.6,0,42.8-8.7,42.8-25.9l-0.3-20.4c0-71.9-7.4-95.7,40.7-102.6c38.4-5.3,85.4,20.4,85.4-11.4 C1183.9,137.7,1152.4,128.4,1106.1,128.4"
+                  d="M962.5,256.6c-49.8,0-99.2,0-149.3,0c1.1,3.9,1.8,7.5,3.2,10.8c6.4,15.5,18.8,24,34.6,27.7 c21.2,5,41.4,1.8,60.5-8.3c3.6-1.9,6.7-4.6,10.1-6.9c9.7,9.9,19.5,19.9,29.6,30.2c-0.3,0.4-1.1,1.3-2,2.1 c-14,13.1-30.8,20.7-49.3,25c-23.3,5.4-46.6,5.2-69.5-2.1c-36.4-11.6-57.3-37.1-64.1-74.2c-3.7-20.1-2.9-40.1,4-59.5 c12.4-34.8,37.5-54.8,73.4-61.7c19.1-3.6,38.2-2.9,56.9,2.6c32.4,9.4,51.5,31.4,59.4,63.7c3.7,15.4,4,31.1,3,46.8 C963,253.9,962.7,255.1,962.5,256.6z M814.5,216.8c34.3,0,68.2,0,102.3,0c-0.1-0.9-0.1-1.6-0.2-2.2c-0.1-0.7-0.2-1.4-0.4-2.2 c-3.3-14.2-11.9-23.7-25.5-28.7c-10.5-3.9-21.5-4.7-32.5-3.1c-20.1,2.8-34.9,12.7-42.5,32.2C815.2,214,814.9,215.3,814.5,216.8z"
                 />
                 <path
-                  d="M953,190l-0.3-1.1l-0.3-1.3c-12.7-40.7-73.3-62.2-118.8-62.2H825c-45.2,0-105.8,21.4-118.5,62.2L706,189 l-0.3,1.1c-2.6,9.5-4.2,19.6-4.2,29.9c0,10.6,1.3,20.4,4,30.2l0.5,1.6c11.6,41.3,72.7,61.9,118.5,61.9h9 c46.8,0,110.3-21.7,119.8-64.8c2.4-9.3,3.7-19,3.7-28.8C957,209.6,955.6,199.5,953,190 M849.8,262.2c-38.6,18-79.1,13.8-89.9-9.3 c-10.8-23.3,11.9-56.9,50.5-74.9c38.9-18,79.1-13.8,89.9,9.5C911.2,210.7,888.7,244.2,849.8,262.2"
+                  d="M667.7,335.6c-15.9,0-31.4,0-47.2,0c0-64,0-127.9,0-192c1.1-0.1,2.1-0.2,3.1-0.2c12.6,0,25.2,0,37.7-0.1 c2.3,0,3.1,0.6,3.3,2.9c0.8,6,1.9,12,2.9,18.3c0.6-0.6,1.1-0.8,1.3-1.2c10.4-15.8,25.3-23.6,43.9-24.8c17-1.1,33.2,1.6,48,10.5 c3.3,2,6.2,4.6,9.3,7c-1.4,3.5-2.6,7-4.3,10.3c-4.8,9.6-9.8,19.2-14.8,28.7c-0.5,0.9-1,1.8-1.7,2.9c-1.5-1.1-2.9-2.1-4.1-3.1 c-16.5-13.1-44.5-11.1-58.7-1.4c-11.2,7.6-16.5,18.6-18.1,31.6c-0.5,4.1-0.6,8.3-0.6,12.5c0,31.2,0,62.4,0,93.6 C667.7,332.5,667.7,333.9,667.7,335.6z"
+                />
+                <path
+                  d="M551.2,143.5c-0.5,8.4-1,16.7-1.6,25c-0.2,0.1-0.5,0.2-0.7,0.3c-0.2-0.4-0.4-0.8-0.6-1.1 c-8.5-12.7-20.6-20.3-34.8-24.9c-15.8-5.1-31.8-4.9-47.8-1.8c-34.6,6.6-59,25.9-70.7,59.6c-6.4,18.3-7.2,37.3-5,56.4 c2,17,7.2,32.8,16.8,47.1c23.9,35.2,73,43.7,103.7,33.8c13.9-4.5,26.3-11.4,35.3-23.4c1.2-1.6,2.3-3.4,3.8-5.7 c0.8,9.4,1.6,18.1,2.3,26.7c15.1,0,29.8,0,44.4,0c0-64.2,0-128,0-191.9C581.2,143.5,566.4,143.5,551.2,143.5z M548.4,246.2 c-0.7,7.8-2.7,15.3-6.3,22.2c-9.5,18.3-24.7,27.9-45.2,29.2c-23.1,1.5-46.3-9.1-55.7-33.4c-2.8-7.1-3.8-14.9-5.6-22.4 c0.3-0.1,0.6-0.1,0.9-0.2c-0.6-25.4,10.7-46.4,33-55.7c23-9.6,50.1-4.2,65.2,13.5C546.1,212.9,549.9,228.9,548.4,246.2z"
                 />
               </g>
             </svg>
@@ -102912,13 +112698,13 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        EMAQ
+        Shared E-scooter
       </span>
     </div>
     <div
       className="c9"
     >
-      3:46 PM
+      4:25 PM
     </div>
     <span
       className="c10"
@@ -102929,9 +112715,9 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
       className="c11"
     >
       <div
-        className="c35"
+        className="c41"
       >
-        Pick up Razor 
+        Pick up Shared 
         E-scooter
          
       </div>
@@ -102953,11 +112739,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                - 
             </span>
             <span>
-              Ride 0.3 miles to 
+              Ride 1 mile to 
               <span
                 className="c15"
               >
-                205 SW Pine St, Portland, OR, USA 97204
+                5112 NE 47th Pl, Portland, OR, USA 97218
               </span>
             </span>
             <button
@@ -102983,7 +112769,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
               className="c16 c20"
               onClick={[Function]}
             >
-              1 min
+              5 min
               <span
                 className="c21"
               >
@@ -103050,7 +112836,40 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SW 4th Ave
+                        NE 38th Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        355 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"
+                      >
+                        NE Skidmore St
                       </span>
                       <span
                         className="c28"
@@ -103060,6 +112879,39 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                     </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"
+                      >
+                        NE 42nd Ave
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        0.4 miles
+                      </span>
+                    </span>
+                  </div>
+                </li>
                 <li
                   className="c24"
                 >
@@ -103083,12 +112935,45 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
                       <span
                         className="c27"
                       >
-                        SW Pine St
+                        NE Alberta St
                       </span>
                       <span
                         className="c28"
                       >
-                        456 feet
+                        0.3 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"
+                      >
+                        NE 47th Pl
+                      </span>
+                      <span
+                        className="c28"
+                      >
+                        313 feet
                       </span>
                     </span>
                   </div>
@@ -103096,15 +112981,56 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
               </ol>
             </div>
           </div>
+          <div
+            className="c29"
+          >
+            <button
+              className="c16 c30"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+              title="Toggle elevation chart"
+            >
+              <div
+                className="c31"
+              >
+                Elevation chart
+                <span
+                  className="c32 c33"
+                >
+                  ↑
+                  10'
+                </span>
+                <span
+                  className="c32 c34"
+                >
+                  ↓
+                  90'
+                </span>
+              </div>
+              <svg
+                height={30}
+                width={null}
+              >
+                <polyline
+                  fill="none"
+                  points="0,10.068465565847767 0,10.096657269432136 0,10.116794200563838 0,10.149013290374548 0,10.189287152637938 0,10.23761578735401 0,10.293999194522755 0,10.33830044301249 0,10.386629077728553 0,10.434957712444625 0,10.491341119613374 0,10.535642368103101 0,11.043093032621833 0,10.982682239226747 0,10.950463149416027 0,10.902134514699956 0,10.797422472815143 0,10.761175996778093 0,10.700765203383003 0,10.741039065646397 0,10.825614176399515 0,10.825614176399515 0,10.765203383004433 0,10.749093838099071 0,10.857833266210235 0,10.938380990737013 0,10.926298832057995 0,11.035038260169156 0,11.184051550543703 0,11.292790978654853 0,11.292790978654853 0,11.167942005638345 0,11.292790978654853 0,11.39347563431333 0,11.57873540072493 0,11.554571083366895 0,11.687474828836091 0,11.81635118807894 0,11.99355618203786 0,11.75594039468385 0,11.800241643173582 0,11.908981071284735 0,12.041884816753932 0,12.166733789770444 0,12.287555376560611 0,12.40434957712445 0,12.525171163914617 0,12.641965364478455 0,12.75875956504229 0,12.93193717277487 0,15.336286749899315 0,15.408779701973419 0,15.529601288763592 0,15.606121627064036 0,15.686669351590819 0,15.755134917438582 0,15.835682641965365 0,15.924285138944827 0,16.00483286347161 0,16.089407974224727 0,16.161900926298834 0,16.22633910592026 0,16.29883205799436 0,16.327023761578737 0,16.327023761578737 0,16.35521546516311 0,16.427708417237213 0,16.459927507047926 0,16.4881192106323 0,16.53242045912203 0,16.564639548932746 0,16.600886024969796 0,16.637132501006846 0,16.665324204591222 0,16.665324204591222 0,16.681433749496577 0,16.72170761175997 0,16.761981474023358 0,16.79822795006041 0,16.83447442609746 0,16.866693515908178 0,16.902939991945228 0,16.943213854208622 0,16.963350785340314 0,17.515102698348773 0,17.426500201369315 0,17.317760773258158 0,17.321788159484495 0,17.490938380990737 0,17.535239629480465 0,17.535239629480465 0,17.551349174385827 0,17.599677809101895 0,17.664115988723317 0,17.71244462343939 0,17.768828030608134 0,17.80104712041885 0,17.821184051550546 0,17.75674587192912 0,17.772855416834474 0,17.84132098268224 0,17.893677003624646 0,17.913813934756345 0,17.901731776077327 0,17.93395086588804 0,18.042690293999193 0,18.02658074909384 0,18.050745066451874 0,18.06282722513089 0,18.050745066451874 0,18.10712847362062 0,18.131292790978655 0,18.135320177204996 0,18.123238018525978 0,18.086991542488924 0,18.099073701167942 0,18.135320177204996 0,18.167539267015705 0,18.215867901731777 0,18.260169150221508 0,18.308497784937575 0,18.3930728956907 0,18.42931937172775 0,18.50181232380185 0,18.530004027386227 0,18.60249697946033 0,18.674989931534434 0,18.719291180024165 0,18.836085380588003 0,18.868304470398712 0,18.868304470398712 0,18.819975835682644 0,18.86427708417237 0,18.997180829641565 0,19.194522754732176 0,19.383809907370114 0,19.544905356423683 0,19.665726943213855 0,19.774466371325012 0,19.88320579943617 0,19.931534434152237"
+                  stroke="black"
+                  strokeWidth={1.3}
+                />
+              </svg>
+              mocked-react-resize-detector
+            </button>
+          </div>
         </span>
       </div>
     </div>
     <div
-      className="c29 c30"
+      className="c35 c36"
     >
       <a
         aria-label="View on map"
-        className="c31 c32"
+        className="c37 c38"
         onClick={[Function]}
         title="View on map"
       >
@@ -103138,11 +113064,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c36"
+            className="c58"
           >
             <svg
               aria-hidden="true"
-              className="c22 c37"
+              className="c22 c59"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -103166,29 +113092,29 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         aria-hidden={true}
         className="c8"
       >
-        205 SW Pine St, Portland, OR, USA 97204
+        5112 NE 47th Pl, Portland, OR, USA 97218
       </span>
     </div>
     <div
       className="c9"
     >
-      3:48 PM
+      4:31 PM
     </div>
     <span
       className="c10"
     >
       Arrive at 
-      205 SW Pine St, Portland, OR, USA 97204
+      5112 NE 47th Pl, Portland, OR, USA 97218
     </span>
     <div
       className="c11"
     />
     <div
-      className="c29 c30"
+      className="c35 c36"
     >
       <a
         aria-label="View on map"
-        className="c31 c32"
+        className="c37 c38"
         onClick={[Function]}
         title="View on map"
       >
@@ -103208,2822 +113134,2448 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         </svg>
       </a>
     </div>
-  </li>
-</ol>
-`;
-
-exports[`Storyshots ItineraryBody/otp-ui 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)}
->
-  <ItineraryBodyDefaultsWrapper
-    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,
-                  },
+  </li>
+</ol>
+`;
+
+exports[`Storyshots ItineraryBody/otp-ui Hide Driving Directions 1`] = `
+<IntlProvider
+  defaultFormats={Object {}}
+  defaultLocale="en-US"
+  fallbackOnEmptyString={true}
+  formats={Object {}}
+  locale="en-US"
+  messages={Object {}}
+  onError={[Function]}
+  textComponent={Symbol(react.fragment)}
+>
+  <ItineraryBodyDefaultsWrapper
+    hideDrivingDirections={true}
+    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": 218.041,
-                    "second": 38.24284254544678,
+                    "first": 0,
+                    "second": 66.15284254544679,
                   },
                   Object {
-                    "first": 228.041,
-                    "second": 38.14284254544678,
+                    "first": 9.31,
+                    "second": 66.07284254544678,
                   },
                   Object {
-                    "first": 238.041,
-                    "second": 38.03284254544678,
+                    "first": 9.305,
+                    "second": 66.09284254544679,
                   },
                   Object {
-                    "first": 248.041,
-                    "second": 37.932842545446775,
+                    "first": 16.195,
+                    "second": 66.31284254544678,
                   },
                   Object {
-                    "first": 258.041,
-                    "second": 37.84284254544678,
+                    "first": 16.197,
+                    "second": 66.31284254544678,
                   },
                   Object {
-                    "first": 268.041,
-                    "second": 37.822842545446775,
+                    "first": 26.197,
+                    "second": 66.93284254544677,
                   },
                   Object {
-                    "first": 278.041,
-                    "second": 37.86284254544678,
+                    "first": 36.197,
+                    "second": 67.53284254544678,
                   },
                   Object {
-                    "first": 288.571,
-                    "second": 38.00284254544678,
+                    "first": 48.236999999999995,
+                    "second": 67.90284254544679,
                   },
                 ],
-                "lat": 45.51903126345032,
-                "lon": -122.63479456900684,
+                "lat": 45.51702581777306,
+                "lon": -122.81696535340403,
                 "relativeDirection": "DEPART",
                 "stayOn": false,
-                "streetName": "SE 30th Ave",
-              },
-              Object {
-                "absoluteDirection": "WEST",
-                "area": false,
-                "bogusName": false,
-                "distance": 100.636,
-                "elevation": Array [],
-                "lat": 45.5164362,
-                "lon": -122.6347988,
-                "relativeDirection": "RIGHT",
-                "stayOn": false,
-                "streetName": "SE Belmont St",
+                "streetName": "parking aisle",
               },
               Object {
-                "absoluteDirection": "SOUTH",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 155.796,
+                "distance": 347.583,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 37.31284254544678,
+                    "second": 67.90284254544679,
                   },
                   Object {
                     "first": 10,
-                    "second": 37.50284254544678,
+                    "second": 68.13284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 37.83284254544678,
+                    "second": 68.38284254544678,
                   },
                   Object {
                     "first": 30,
-                    "second": 38.152842545446774,
+                    "second": 68.60284254544678,
                   },
                   Object {
                     "first": 40,
-                    "second": 38.49284254544678,
+                    "second": 68.88284254544678,
                   },
                   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,
+                    "second": 69.10284254544678,
                   },
                   Object {
-                    "first": 96.547,
-                    "second": 40.76284254544677,
+                    "first": 62.14,
+                    "second": 69.36284254544678,
                   },
                   Object {
-                    "first": 106.547,
-                    "second": 41.572842545446775,
+                    "first": 193.014,
+                    "second": 70.71284254544678,
                   },
                   Object {
-                    "first": 116.547,
-                    "second": 42.36284254544678,
+                    "first": 203.014,
+                    "second": 71.01284254544677,
                   },
                   Object {
-                    "first": 126.547,
-                    "second": 43.152842545446774,
+                    "first": 213.014,
+                    "second": 71.35284254544678,
                   },
                   Object {
-                    "first": 136.547,
-                    "second": 43.91284254544678,
+                    "first": 223.014,
+                    "second": 71.73284254544677,
                   },
                   Object {
-                    "first": 146.547,
-                    "second": 44.322842545446775,
+                    "first": 233.014,
+                    "second": 72.15284254544679,
                   },
                   Object {
-                    "first": 155.797,
-                    "second": 44.462842545446776,
+                    "first": 246.03400000000002,
+                    "second": 72.76284254544677,
                   },
                 ],
-                "lat": 45.5164289,
-                "lon": -122.6360899,
-                "relativeDirection": "LEFT",
+                "lat": 45.5170776,
+                "lon": -122.8175366,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "SE 29th Ave",
+                "streetName": "SW Murray Blvd",
               },
               Object {
-                "absoluteDirection": "WEST",
+                "absoluteDirection": "NORTH",
                 "area": false,
                 "bogusName": false,
-                "distance": 71.556,
+                "distance": 45.738,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 44.462842545446776,
+                    "second": 75.15284254544679,
                   },
                   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,
+                    "second": 75.19284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 45.80284254544678,
+                    "first": 21.64,
+                    "second": 75.27284254544678,
                   },
                   Object {
-                    "first": 71.56,
-                    "second": 45.792842545446774,
+                    "first": 21.642,
+                    "second": 75.27284254544678,
                   },
-                ],
-                "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,
+                    "first": 31.642,
+                    "second": 75.34284254544679,
                   },
                   Object {
-                    "first": 7.93,
-                    "second": 44.45284254544678,
+                    "first": 45.742000000000004,
+                    "second": 75.46284254544678,
                   },
                 ],
-                "lat": 45.51502933047212,
-                "lon": -122.63701587329977,
+                "lat": 45.519972,
+                "lon": -122.815981,
                 "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "SE Taylor St",
+                "streetName": "NW Murray Blvd",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
-                "bogusName": false,
-                "distance": 891.2239999999998,
+                "bogusName": true,
+                "distance": 643.86,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 45.74284254544678,
+                    "second": 75.46284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 45.62284254544678,
+                    "second": 75.69284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 45.20284254544678,
+                    "second": 75.88284254544678,
                   },
                   Object {
                     "first": 30,
-                    "second": 44.542842545446774,
+                    "second": 76.04284254544677,
                   },
                   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,
+                    "second": 76.07284254544678,
                   },
                   Object {
-                    "first": 196.45,
-                    "second": 38.72284254544678,
+                    "first": 46.2,
+                    "second": 76.04284254544677,
                   },
                   Object {
-                    "first": 206.45,
-                    "second": 39.67284254544678,
+                    "first": 46.198,
+                    "second": 76.04284254544677,
                   },
                   Object {
-                    "first": 216.45,
-                    "second": 40.61284254544678,
+                    "first": 56.198,
+                    "second": 75.99284254544678,
                   },
                   Object {
-                    "first": 226.45,
-                    "second": 41.50284254544678,
+                    "first": 66.19800000000001,
+                    "second": 76.21284254544678,
                   },
                   Object {
-                    "first": 236.45999999999998,
-                    "second": 42.19284254544678,
+                    "first": 76.19800000000001,
+                    "second": 76.42284254544677,
                   },
                   Object {
-                    "first": 236.456,
-                    "second": 42.19284254544678,
+                    "first": 86.19800000000001,
+                    "second": 76.74284254544678,
                   },
                   Object {
-                    "first": 246.456,
-                    "second": 42.44284254544678,
+                    "first": 96.19800000000001,
+                    "second": 77.19284254544678,
                   },
                   Object {
-                    "first": 256.456,
-                    "second": 42.58284254544678,
+                    "first": 106.19800000000001,
+                    "second": 77.24284254544678,
                   },
                   Object {
-                    "first": 266.456,
-                    "second": 42.85284254544678,
+                    "first": 116.19800000000001,
+                    "second": 77.49284254544678,
                   },
                   Object {
-                    "first": 276.456,
-                    "second": 43.17284254544678,
+                    "first": 126.19800000000001,
+                    "second": 77.21284254544678,
                   },
                   Object {
-                    "first": 286.456,
-                    "second": 43.51284254544677,
+                    "first": 136.198,
+                    "second": 77.24284254544678,
                   },
                   Object {
-                    "first": 296.456,
-                    "second": 43.84284254544678,
+                    "first": 146.198,
+                    "second": 76.97284254544678,
                   },
                   Object {
-                    "first": 306.456,
-                    "second": 44.14284254544678,
+                    "first": 156.198,
+                    "second": 76.93284254544677,
                   },
                   Object {
-                    "first": 315.056,
-                    "second": 44.34284254544678,
+                    "first": 166.198,
+                    "second": 77.30284254544678,
                   },
                   Object {
-                    "first": 315.06,
-                    "second": 44.34284254544678,
+                    "first": 176.198,
+                    "second": 77.66284254544678,
                   },
                   Object {
-                    "first": 325.06,
-                    "second": 44.49284254544678,
+                    "first": 187.05800000000002,
+                    "second": 77.63284254544678,
                   },
                   Object {
-                    "first": 335.06,
-                    "second": 44.572842545446775,
+                    "first": 187.061,
+                    "second": 77.63284254544678,
                   },
                   Object {
-                    "first": 345.06,
-                    "second": 44.61284254544678,
+                    "first": 197.061,
+                    "second": 77.42284254544677,
                   },
                   Object {
-                    "first": 355.06,
-                    "second": 44.63284254544678,
+                    "first": 207.061,
+                    "second": 77.04284254544677,
                   },
                   Object {
-                    "first": 365.06,
-                    "second": 44.70284254544678,
+                    "first": 217.061,
+                    "second": 76.88284254544678,
                   },
                   Object {
-                    "first": 375.06,
-                    "second": 44.78284254544678,
+                    "first": 227.061,
+                    "second": 76.54284254544677,
                   },
                   Object {
-                    "first": 385.06,
-                    "second": 44.84284254544678,
+                    "first": 237.061,
+                    "second": 76.28284254544678,
                   },
                   Object {
-                    "first": 394.62,
-                    "second": 44.94284254544678,
+                    "first": 247.061,
+                    "second": 76.01284254544677,
                   },
                   Object {
-                    "first": 394.621,
-                    "second": 44.94284254544678,
+                    "first": 257.06100000000004,
+                    "second": 75.60284254544678,
                   },
                   Object {
-                    "first": 404.621,
-                    "second": 44.932842545446775,
+                    "first": 267.06100000000004,
+                    "second": 75.32284254544678,
                   },
                   Object {
-                    "first": 414.621,
-                    "second": 44.902842545446774,
+                    "first": 277.06100000000004,
+                    "second": 74.90284254544679,
                   },
                   Object {
-                    "first": 424.621,
-                    "second": 44.86284254544678,
+                    "first": 287.06100000000004,
+                    "second": 74.51284254544677,
                   },
                   Object {
-                    "first": 434.621,
-                    "second": 44.80284254544678,
+                    "first": 297.06100000000004,
+                    "second": 74.23284254544677,
                   },
                   Object {
-                    "first": 444.621,
-                    "second": 44.792842545446774,
+                    "first": 307.06100000000004,
+                    "second": 73.79284254544677,
                   },
                   Object {
-                    "first": 454.621,
-                    "second": 44.74284254544678,
+                    "first": 317.06100000000004,
+                    "second": 73.50284254544678,
                   },
                   Object {
-                    "first": 464.621,
-                    "second": 44.682842545446775,
+                    "first": 327.06100000000004,
+                    "second": 73.06284254544678,
                   },
                   Object {
-                    "first": 476.231,
-                    "second": 44.72284254544678,
+                    "first": 337.06100000000004,
+                    "second": 72.74284254544678,
                   },
                   Object {
-                    "first": 495.15099999999995,
-                    "second": 44.72284254544678,
+                    "first": 347.06100000000004,
+                    "second": 72.51284254544677,
                   },
                   Object {
-                    "first": 505.15099999999995,
-                    "second": 45.35284254544678,
+                    "first": 357.06100000000004,
+                    "second": 71.87284254544679,
                   },
                   Object {
-                    "first": 514.0709999999999,
-                    "second": 46.26284254544677,
+                    "first": 367.06100000000004,
+                    "second": 71.74284254544678,
                   },
                   Object {
-                    "first": 573.4359999999999,
-                    "second": 43.53284254544678,
+                    "first": 377.06100000000004,
+                    "second": 71.09284254544679,
                   },
                   Object {
-                    "first": 583.4359999999999,
-                    "second": 43.48284254544678,
+                    "first": 387.06100000000004,
+                    "second": 69.44284254544678,
                   },
                   Object {
-                    "first": 593.4359999999999,
-                    "second": 43.38284254544678,
+                    "first": 397.06100000000004,
+                    "second": 65.96284254544678,
                   },
                   Object {
-                    "first": 603.4359999999999,
-                    "second": 43.31284254544678,
+                    "first": 407.06100000000004,
+                    "second": 64.89284254544677,
                   },
                   Object {
-                    "first": 613.4359999999999,
-                    "second": 43.23284254544678,
+                    "first": 417.06100000000004,
+                    "second": 64.63284254544678,
                   },
                   Object {
-                    "first": 623.4359999999999,
-                    "second": 43.152842545446774,
+                    "first": 427.06100000000004,
+                    "second": 64.55284254544678,
                   },
                   Object {
-                    "first": 633.4359999999999,
-                    "second": 43.11284254544678,
+                    "first": 437.06100000000004,
+                    "second": 64.35284254544678,
                   },
                   Object {
-                    "first": 643.4359999999999,
-                    "second": 43.05284254544678,
+                    "first": 447.06100000000004,
+                    "second": 63.962842545446776,
                   },
                   Object {
-                    "first": 651.1659999999999,
-                    "second": 43.03284254544678,
+                    "first": 457.06100000000004,
+                    "second": 63.70284254544678,
                   },
                   Object {
-                    "first": 651.1669999999999,
-                    "second": 43.03284254544678,
+                    "first": 467.06100000000004,
+                    "second": 64.40284254544679,
                   },
                   Object {
-                    "first": 661.1669999999999,
-                    "second": 43.072842545446775,
+                    "first": 477.06100000000004,
+                    "second": 64.86284254544678,
                   },
                   Object {
-                    "first": 671.1669999999999,
-                    "second": 43.17284254544678,
+                    "first": 487.06100000000004,
+                    "second": 64.53284254544678,
                   },
                   Object {
-                    "first": 681.1669999999999,
-                    "second": 43.38284254544678,
+                    "first": 497.06100000000004,
+                    "second": 64.96284254544678,
                   },
                   Object {
-                    "first": 691.1669999999999,
-                    "second": 43.682842545446775,
+                    "first": 507.06100000000004,
+                    "second": 64.74284254544678,
                   },
                   Object {
-                    "first": 701.1669999999999,
-                    "second": 43.98284254544678,
+                    "first": 517.061,
+                    "second": 64.07284254544678,
                   },
                   Object {
-                    "first": 711.1669999999999,
-                    "second": 44.27284254544678,
+                    "first": 527.061,
+                    "second": 64.36284254544678,
                   },
                   Object {
-                    "first": 721.1669999999999,
-                    "second": 44.56284254544678,
+                    "first": 537.061,
+                    "second": 64.99284254544678,
                   },
                   Object {
-                    "first": 731.747,
-                    "second": 44.822842545446775,
+                    "first": 547.061,
+                    "second": 67.31284254544678,
                   },
                   Object {
-                    "first": 731.7449999999999,
-                    "second": 44.822842545446775,
+                    "first": 557.061,
+                    "second": 67.44284254544678,
                   },
                   Object {
-                    "first": 741.7449999999999,
-                    "second": 44.89284254544678,
+                    "first": 567.061,
+                    "second": 67.59284254544679,
                   },
                   Object {
-                    "first": 751.7449999999999,
-                    "second": 44.73284254544678,
+                    "first": 577.061,
+                    "second": 67.19284254544678,
                   },
                   Object {
-                    "first": 761.7449999999999,
-                    "second": 44.44284254544678,
+                    "first": 587.061,
+                    "second": 67.36284254544678,
                   },
                   Object {
-                    "first": 771.7449999999999,
-                    "second": 44.11284254544678,
+                    "first": 597.061,
+                    "second": 67.33284254544678,
                   },
                   Object {
-                    "first": 781.7449999999999,
-                    "second": 43.78284254544678,
+                    "first": 607.061,
+                    "second": 67.27284254544678,
                   },
                   Object {
-                    "first": 791.7449999999999,
-                    "second": 43.462842545446776,
+                    "first": 617.061,
+                    "second": 67.31284254544678,
                   },
                   Object {
-                    "first": 801.7449999999999,
-                    "second": 43.17284254544678,
+                    "first": 627.061,
+                    "second": 67.23284254544677,
                   },
                   Object {
-                    "first": 809.0649999999998,
-                    "second": 43.00284254544678,
+                    "first": 637.061,
+                    "second": 67.17284254544677,
                   },
                   Object {
-                    "first": 809.0639999999999,
-                    "second": 43.00284254544678,
+                    "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": 819.0639999999999,
-                    "second": 43.02284254544678,
+                    "first": 0,
+                    "second": 67.12284254544679,
                   },
                   Object {
-                    "first": 829.0639999999999,
-                    "second": 42.85284254544678,
+                    "first": 10,
+                    "second": 67.04284254544677,
                   },
                   Object {
-                    "first": 839.0639999999999,
-                    "second": 42.75284254544678,
+                    "first": 20,
+                    "second": 66.96284254544678,
                   },
                   Object {
-                    "first": 849.0639999999999,
-                    "second": 42.64284254544678,
+                    "first": 30,
+                    "second": 66.89284254544677,
                   },
                   Object {
-                    "first": 859.0639999999999,
-                    "second": 42.572842545446775,
+                    "first": 40,
+                    "second": 66.82284254544678,
                   },
                   Object {
-                    "first": 869.0639999999999,
-                    "second": 42.52284254544678,
+                    "first": 50,
+                    "second": 66.79284254544677,
                   },
                   Object {
-                    "first": 879.0639999999999,
-                    "second": 42.45284254544678,
+                    "first": 60,
+                    "second": 66.73284254544677,
                   },
                   Object {
-                    "first": 891.2239999999998,
-                    "second": 42.45284254544678,
+                    "first": 70,
+                    "second": 66.72284254544678,
                   },
-                ],
-                "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,
+                    "first": 80,
+                    "second": 66.65284254544679,
                   },
                   Object {
-                    "first": 10,
-                    "second": 42.47284254544678,
+                    "first": 90,
+                    "second": 66.66284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 42.31284254544678,
+                    "first": 100,
+                    "second": 66.61284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 42.27284254544678,
+                    "first": 110,
+                    "second": 66.63284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 42.24284254544678,
+                    "first": 120,
+                    "second": 66.46284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 42.20284254544678,
+                    "first": 130,
+                    "second": 66.53284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 42.13284254544678,
+                    "first": 140,
+                    "second": 66.55284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 42.09284254544678,
+                    "first": 150,
+                    "second": 66.58284254544678,
                   },
                   Object {
-                    "first": 80.63,
-                    "second": 42.042842545446774,
+                    "first": 160,
+                    "second": 66.63284254544678,
                   },
                   Object {
-                    "first": 80.626,
-                    "second": 42.042842545446774,
+                    "first": 170,
+                    "second": 66.63284254544678,
                   },
                   Object {
-                    "first": 90.626,
-                    "second": 41.98284254544678,
+                    "first": 180,
+                    "second": 66.68284254544677,
                   },
                   Object {
-                    "first": 100.626,
-                    "second": 41.87284254544678,
+                    "first": 190,
+                    "second": 66.67284254544677,
                   },
                   Object {
-                    "first": 110.626,
-                    "second": 41.77284254544678,
+                    "first": 200,
+                    "second": 66.74284254544678,
                   },
                   Object {
-                    "first": 120.626,
-                    "second": 41.66284254544678,
+                    "first": 210,
+                    "second": 66.76284254544677,
                   },
                   Object {
-                    "first": 130.626,
-                    "second": 41.572842545446775,
+                    "first": 220,
+                    "second": 66.80284254544678,
                   },
                   Object {
-                    "first": 140.626,
-                    "second": 41.49284254544678,
+                    "first": 230,
+                    "second": 66.83284254544678,
                   },
                   Object {
-                    "first": 150.626,
-                    "second": 41.39284254544678,
+                    "first": 240,
+                    "second": 66.90284254544679,
                   },
                   Object {
-                    "first": 161.906,
-                    "second": 41.28284254544678,
+                    "first": 250,
+                    "second": 66.92284254544677,
                   },
                   Object {
-                    "first": 161.90300000000002,
-                    "second": 41.28284254544678,
+                    "first": 260,
+                    "second": 66.96284254544678,
                   },
                   Object {
-                    "first": 171.90300000000002,
-                    "second": 41.19284254544678,
+                    "first": 270,
+                    "second": 67.04284254544677,
                   },
                   Object {
-                    "first": 181.90300000000002,
-                    "second": 41.08284254544678,
+                    "first": 280,
+                    "second": 67.05284254544678,
                   },
                   Object {
-                    "first": 191.90300000000002,
-                    "second": 40.98284254544678,
+                    "first": 290,
+                    "second": 67.09284254544679,
                   },
                   Object {
-                    "first": 201.90300000000002,
-                    "second": 40.902842545446774,
+                    "first": 300,
+                    "second": 67.13284254544678,
                   },
                   Object {
-                    "first": 211.90300000000002,
-                    "second": 40.792842545446774,
+                    "first": 310,
+                    "second": 67.19284254544678,
                   },
                   Object {
-                    "first": 221.90300000000002,
-                    "second": 40.712842545446776,
+                    "first": 320,
+                    "second": 67.22284254544678,
                   },
                   Object {
-                    "first": 231.90300000000002,
-                    "second": 40.62284254544678,
+                    "first": 330,
+                    "second": 67.28284254544678,
                   },
                   Object {
-                    "first": 238.233,
-                    "second": 40.56284254544678,
+                    "first": 340,
+                    "second": 67.29284254544677,
                   },
                   Object {
-                    "first": 238.233,
-                    "second": 40.56284254544678,
+                    "first": 350,
+                    "second": 67.35284254544678,
                   },
                   Object {
-                    "first": 248.233,
-                    "second": 40.50284254544678,
+                    "first": 360,
+                    "second": 67.35284254544678,
                   },
                   Object {
-                    "first": 258.233,
-                    "second": 40.44284254544678,
+                    "first": 370,
+                    "second": 67.43284254544677,
                   },
                   Object {
-                    "first": 268.233,
-                    "second": 40.34284254544678,
+                    "first": 380,
+                    "second": 67.39284254544677,
                   },
                   Object {
-                    "first": 278.233,
-                    "second": 40.25284254544678,
+                    "first": 390,
+                    "second": 67.49284254544678,
                   },
                   Object {
-                    "first": 288.233,
-                    "second": 40.14284254544678,
+                    "first": 400,
+                    "second": 67.47284254544678,
                   },
                   Object {
-                    "first": 298.233,
-                    "second": 40.03284254544678,
+                    "first": 410,
+                    "second": 67.52284254544678,
                   },
                   Object {
-                    "first": 308.233,
-                    "second": 39.95284254544678,
+                    "first": 420,
+                    "second": 67.07284254544678,
                   },
                   Object {
-                    "first": 317.01300000000003,
-                    "second": 39.902842545446774,
+                    "first": 430,
+                    "second": 67.22284254544678,
                   },
                   Object {
-                    "first": 317.009,
-                    "second": 39.902842545446774,
+                    "first": 440,
+                    "second": 67.31284254544678,
                   },
                   Object {
-                    "first": 327.009,
-                    "second": 39.86284254544678,
+                    "first": 450,
+                    "second": 67.00284254544678,
                   },
                   Object {
-                    "first": 337.009,
-                    "second": 39.91284254544678,
+                    "first": 460,
+                    "second": 67.56284254544678,
                   },
                   Object {
-                    "first": 347.009,
-                    "second": 40.072842545446775,
+                    "first": 470,
+                    "second": 66.92284254544677,
                   },
                   Object {
-                    "first": 357.009,
-                    "second": 40.28284254544678,
+                    "first": 480,
+                    "second": 67.60284254544678,
                   },
                   Object {
-                    "first": 367.009,
-                    "second": 40.47284254544678,
+                    "first": 490,
+                    "second": 66.91284254544678,
                   },
                   Object {
-                    "first": 377.009,
-                    "second": 40.66284254544678,
+                    "first": 500,
+                    "second": 67.68284254544677,
                   },
                   Object {
-                    "first": 387.009,
-                    "second": 40.85284254544678,
+                    "first": 510,
+                    "second": 66.90284254544679,
                   },
                   Object {
-                    "first": 399.629,
-                    "second": 41.12284254544678,
+                    "first": 520,
+                    "second": 67.69284254544678,
                   },
                   Object {
-                    "first": 399.62600000000003,
-                    "second": 41.12284254544678,
+                    "first": 530,
+                    "second": 67.19284254544678,
                   },
                   Object {
-                    "first": 409.62600000000003,
-                    "second": 41.35284254544678,
+                    "first": 540,
+                    "second": 67.78284254544678,
                   },
                   Object {
-                    "first": 419.62600000000003,
-                    "second": 41.52284254544678,
+                    "first": 550,
+                    "second": 67.59284254544679,
                   },
                   Object {
-                    "first": 429.62600000000003,
-                    "second": 41.712842545446776,
+                    "first": 560,
+                    "second": 68.15284254544679,
                   },
                   Object {
-                    "first": 439.62600000000003,
-                    "second": 41.94284254544678,
+                    "first": 570,
+                    "second": 68.27284254544678,
                   },
                   Object {
-                    "first": 449.62600000000003,
-                    "second": 42.19284254544678,
+                    "first": 580,
+                    "second": 68.09284254544679,
                   },
                   Object {
-                    "first": 459.62600000000003,
-                    "second": 42.45284254544678,
+                    "first": 590,
+                    "second": 68.89284254544677,
                   },
                   Object {
-                    "first": 469.62600000000003,
-                    "second": 42.70284254544678,
+                    "first": 600,
+                    "second": 68.67284254544677,
                   },
                   Object {
-                    "first": 479.80600000000004,
-                    "second": 42.902842545446774,
+                    "first": 610,
+                    "second": 69.65284254544679,
                   },
                   Object {
-                    "first": 479.80100000000004,
-                    "second": 42.902842545446774,
+                    "first": 620,
+                    "second": 69.03284254544678,
                   },
                   Object {
-                    "first": 489.80100000000004,
-                    "second": 42.962842545446776,
+                    "first": 630,
+                    "second": 70.04284254544677,
                   },
                   Object {
-                    "first": 499.80100000000004,
-                    "second": 42.86284254544678,
+                    "first": 640,
+                    "second": 69.74284254544678,
                   },
                   Object {
-                    "first": 514.7710000000001,
-                    "second": 42.63284254544678,
+                    "first": 650,
+                    "second": 70.59284254544679,
                   },
                   Object {
-                    "first": 514.773,
-                    "second": 42.63284254544678,
+                    "first": 660,
+                    "second": 70.57284254544678,
                   },
                   Object {
-                    "first": 524.773,
-                    "second": 42.48284254544678,
+                    "first": 670,
+                    "second": 71.11284254544678,
                   },
                   Object {
-                    "first": 534.773,
-                    "second": 42.42284254544678,
+                    "first": 680,
+                    "second": 71.29284254544677,
                   },
                   Object {
-                    "first": 544.773,
-                    "second": 42.50284254544678,
+                    "first": 690,
+                    "second": 71.82284254544678,
                   },
                   Object {
-                    "first": 554.773,
-                    "second": 42.61284254544678,
+                    "first": 700,
+                    "second": 72.23284254544677,
                   },
                   Object {
-                    "first": 559.963,
-                    "second": 42.69284254544678,
+                    "first": 710,
+                    "second": 72.61284254544678,
                   },
                   Object {
-                    "first": 559.966,
-                    "second": 42.69284254544678,
+                    "first": 720,
+                    "second": 72.94284254544678,
                   },
                   Object {
-                    "first": 569.966,
-                    "second": 42.81284254544678,
+                    "first": 730,
+                    "second": 73.33284254544678,
                   },
                   Object {
-                    "first": 579.966,
-                    "second": 42.962842545446776,
+                    "first": 740,
+                    "second": 73.71284254544678,
                   },
                   Object {
-                    "first": 589.966,
-                    "second": 43.28284254544678,
+                    "first": 750,
+                    "second": 74.14284254544677,
                   },
                   Object {
-                    "first": 599.966,
-                    "second": 43.62284254544678,
+                    "first": 760,
+                    "second": 74.52284254544678,
                   },
                   Object {
-                    "first": 608.2860000000001,
-                    "second": 43.88284254544678,
+                    "first": 770,
+                    "second": 74.95284254544677,
                   },
                   Object {
-                    "first": 608.2860000000001,
-                    "second": 43.88284254544678,
+                    "first": 780,
+                    "second": 75.38284254544678,
                   },
                   Object {
-                    "first": 618.2860000000001,
-                    "second": 44.19284254544678,
+                    "first": 790,
+                    "second": 75.82284254544678,
                   },
                   Object {
-                    "first": 628.2860000000001,
-                    "second": 44.51284254544677,
+                    "first": 800,
+                    "second": 76.30284254544678,
                   },
                   Object {
-                    "first": 638.3760000000001,
-                    "second": 44.822842545446775,
+                    "first": 810,
+                    "second": 76.66284254544678,
                   },
                   Object {
-                    "first": 638.3800000000001,
-                    "second": 44.822842545446775,
+                    "first": 820,
+                    "second": 77.28284254544678,
                   },
                   Object {
-                    "first": 648.3800000000001,
-                    "second": 45.05284254544678,
+                    "first": 830,
+                    "second": 77.70284254544677,
                   },
                   Object {
-                    "first": 658.3800000000001,
-                    "second": 45.14284254544678,
+                    "first": 840,
+                    "second": 78.31284254544678,
                   },
                   Object {
-                    "first": 668.3800000000001,
-                    "second": 45.22284254544678,
+                    "first": 850,
+                    "second": 78.80284254544678,
                   },
                   Object {
-                    "first": 678.3800000000001,
-                    "second": 45.292842545446774,
+                    "first": 860,
+                    "second": 79.36284254544678,
                   },
                   Object {
-                    "first": 688.3800000000001,
-                    "second": 45.37284254544678,
+                    "first": 870,
+                    "second": 79.84284254544679,
                   },
                   Object {
-                    "first": 698.5600000000001,
-                    "second": 45.55284254544678,
+                    "first": 880,
+                    "second": 80.40284254544679,
                   },
                   Object {
-                    "first": 698.5640000000001,
-                    "second": 45.55284254544678,
+                    "first": 890,
+                    "second": 80.77284254544678,
                   },
                   Object {
-                    "first": 708.5640000000001,
-                    "second": 45.62284254544678,
+                    "first": 900,
+                    "second": 81.51284254544677,
                   },
                   Object {
-                    "first": 718.5640000000001,
-                    "second": 45.38284254544678,
+                    "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": 728.5640000000001,
-                    "second": 44.98284254544678,
+                    "first": 0,
+                    "second": 81.78284254544678,
                   },
                   Object {
-                    "first": 738.5640000000001,
-                    "second": 44.58284254544678,
+                    "first": 10,
+                    "second": 82.56284254544678,
                   },
                   Object {
-                    "first": 748.5640000000001,
-                    "second": 44.182842545446775,
+                    "first": 20,
+                    "second": 82.73284254544677,
                   },
                   Object {
-                    "first": 758.5640000000001,
-                    "second": 43.78284254544678,
+                    "first": 30,
+                    "second": 83.71284254544678,
                   },
                   Object {
-                    "first": 768.5640000000001,
-                    "second": 43.35284254544678,
+                    "first": 40,
+                    "second": 83.76284254544677,
                   },
                   Object {
-                    "first": 778.5640000000001,
-                    "second": 42.92284254544678,
+                    "first": 50,
+                    "second": 84.83284254544678,
                   },
                   Object {
-                    "first": 789.6840000000001,
-                    "second": 42.60284254544678,
+                    "first": 60,
+                    "second": 85.02284254544678,
                   },
                   Object {
-                    "first": 789.6890000000001,
-                    "second": 42.60284254544678,
+                    "first": 70,
+                    "second": 86.01284254544677,
                   },
                   Object {
-                    "first": 800.8290000000001,
-                    "second": 42.56284254544678,
+                    "first": 80,
+                    "second": 86.15284254544677,
                   },
                   Object {
-                    "first": 800.8330000000001,
-                    "second": 42.56284254544678,
+                    "first": 90,
+                    "second": 86.62284254544677,
                   },
                   Object {
-                    "first": 992.4530000000001,
-                    "second": 42.402842545446774,
+                    "first": 100,
+                    "second": 87.07284254544678,
                   },
                   Object {
-                    "first": 992.45,
-                    "second": 42.402842545446774,
+                    "first": 110,
+                    "second": 87.44284254544678,
                   },
                   Object {
-                    "first": 999.72,
-                    "second": 42.39284254544678,
+                    "first": 120,
+                    "second": 88.03284254544678,
                   },
                   Object {
-                    "first": 999.724,
-                    "second": 42.39284254544678,
+                    "first": 130,
+                    "second": 88.36284254544678,
                   },
                   Object {
-                    "first": 1009.724,
-                    "second": 42.38284254544678,
+                    "first": 140,
+                    "second": 89.00284254544678,
                   },
                   Object {
-                    "first": 1019.724,
-                    "second": 42.31284254544678,
+                    "first": 150,
+                    "second": 89.48284254544677,
                   },
                   Object {
-                    "first": 1032.2440000000001,
-                    "second": 42.20284254544678,
+                    "first": 160,
+                    "second": 90.19284254544678,
                   },
                   Object {
-                    "first": 1032.239,
-                    "second": 42.20284254544678,
+                    "first": 170,
+                    "second": 90.63284254544678,
                   },
                   Object {
-                    "first": 1042.239,
-                    "second": 42.13284254544678,
+                    "first": 180,
+                    "second": 90.98284254544677,
                   },
                   Object {
-                    "first": 1051.339,
-                    "second": 42.08284254544678,
+                    "first": 190,
+                    "second": 91.16284254544678,
                   },
                   Object {
-                    "first": 1051.343,
-                    "second": 42.08284254544678,
+                    "first": 200,
+                    "second": 91.57284254544678,
                   },
                   Object {
-                    "first": 1061.343,
-                    "second": 42.14284254544678,
+                    "first": 210,
+                    "second": 91.55284254544678,
                   },
                   Object {
-                    "first": 1071.343,
-                    "second": 42.152842545446774,
+                    "first": 220,
+                    "second": 92.11284254544678,
                   },
                   Object {
-                    "first": 1081.343,
-                    "second": 42.212842545446776,
+                    "first": 230,
+                    "second": 91.98284254544677,
                   },
                   Object {
-                    "first": 1091.343,
-                    "second": 42.26284254544677,
+                    "first": 240,
+                    "second": 92.35284254544678,
                   },
                   Object {
-                    "first": 1101.343,
-                    "second": 42.30284254544678,
+                    "first": 250,
+                    "second": 92.36284254544678,
                   },
                   Object {
-                    "first": 1111.663,
-                    "second": 42.34284254544678,
+                    "first": 260,
+                    "second": 92.42284254544678,
                   },
                   Object {
-                    "first": 1111.661,
-                    "second": 42.34284254544678,
+                    "first": 270,
+                    "second": 92.67284254544678,
                   },
                   Object {
-                    "first": 1121.661,
-                    "second": 42.402842545446774,
+                    "first": 280,
+                    "second": 92.28284254544678,
                   },
                   Object {
-                    "first": 1131.601,
-                    "second": 42.49284254544678,
+                    "first": 290,
+                    "second": 92.92284254544678,
                   },
                   Object {
-                    "first": 1131.598,
-                    "second": 42.49284254544678,
+                    "first": 300,
+                    "second": 92.57284254544678,
                   },
                   Object {
-                    "first": 1141.598,
-                    "second": 42.66284254544678,
+                    "first": 310,
+                    "second": 92.89284254544678,
                   },
                   Object {
-                    "first": 1151.598,
-                    "second": 42.88284254544678,
+                    "first": 320,
+                    "second": 92.95284254544679,
                   },
                   Object {
-                    "first": 1161.378,
-                    "second": 43.28284254544678,
+                    "first": 330,
+                    "second": 92.77284254544678,
                   },
                   Object {
-                    "first": 1161.378,
-                    "second": 43.28284254544678,
+                    "first": 340,
+                    "second": 93.03284254544678,
                   },
                   Object {
-                    "first": 1171.378,
-                    "second": 43.712842545446776,
+                    "first": 350,
+                    "second": 92.80284254544678,
                   },
                   Object {
-                    "first": 1181.378,
-                    "second": 44.13284254544678,
+                    "first": 360,
+                    "second": 92.91284254544678,
                   },
                   Object {
-                    "first": 1191.378,
-                    "second": 44.55284254544678,
+                    "first": 370,
+                    "second": 93.01284254544677,
                   },
                   Object {
-                    "first": 1203.358,
-                    "second": 45.01284254544677,
+                    "first": 380,
+                    "second": 92.59284254544677,
                   },
-                ],
-                "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,
+                    "first": 390,
+                    "second": 93.09284254544677,
                   },
                   Object {
-                    "first": 5.05,
-                    "second": 45.17284254544678,
+                    "first": 400,
+                    "second": 92.67284254544678,
                   },
-                ],
-                "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,
+                    "first": 410,
+                    "second": 92.97284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 45.182842545446775,
+                    "first": 420,
+                    "second": 92.73284254544677,
                   },
                   Object {
-                    "first": 18.01,
-                    "second": 45.09284254544678,
+                    "first": 430,
+                    "second": 92.35284254544678,
                   },
-                ],
-                "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,
+                    "first": 440,
+                    "second": 92.35284254544678,
                   },
                   Object {
-                    "first": 8.42,
-                    "second": 44.92284254544678,
+                    "first": 453.76,
+                    "second": 92.35284254544678,
                   },
                 ],
-                "lat": 45.5337712,
-                "lon": -122.6367976,
-                "relativeDirection": "SLIGHTLY_LEFT",
+                "exit": "68",
+                "lat": 45.5158447,
+                "lon": -122.7991022,
+                "relativeDirection": "CONTINUE",
                 "stayOn": false,
-                "streetName": "NE 28th Ave",
+                "streetName": "NW Sunset Hwy",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "NORTHEAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 148.913,
+                "distance": 354.957,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 44.92284254544678,
+                    "second": 92.35284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 44.80284254544678,
+                    "second": 92.45284254544679,
                   },
                   Object {
                     "first": 20,
-                    "second": 44.70284254544678,
+                    "second": 92.59284254544677,
                   },
                   Object {
                     "first": 30,
-                    "second": 44.59284254544678,
+                    "second": 92.68284254544677,
                   },
                   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,
+                    "second": 92.76284254544677,
                   },
                   Object {
-                    "first": 71.866,
-                    "second": 44.22284254544678,
+                    "first": 46.41,
+                    "second": 92.88284254544678,
                   },
                   Object {
-                    "first": 78.066,
-                    "second": 44.27284254544678,
+                    "first": 46.405,
+                    "second": 92.88284254544678,
                   },
                   Object {
-                    "first": 78.07,
-                    "second": 44.27284254544678,
+                    "first": 56.405,
+                    "second": 93.26284254544677,
                   },
                   Object {
-                    "first": 88.07,
-                    "second": 44.292842545446774,
+                    "first": 66.405,
+                    "second": 93.94284254544678,
                   },
                   Object {
-                    "first": 98.07,
-                    "second": 44.462842545446776,
+                    "first": 76.405,
+                    "second": 93.84284254544677,
                   },
                   Object {
-                    "first": 108.07,
-                    "second": 44.67284254544678,
+                    "first": 86.405,
+                    "second": 93.92284254544678,
                   },
                   Object {
-                    "first": 118.07,
-                    "second": 44.822842545446775,
+                    "first": 96.405,
+                    "second": 93.87284254544677,
                   },
                   Object {
-                    "first": 128.07,
-                    "second": 45.00284254544678,
+                    "first": 106.405,
+                    "second": 93.63284254544678,
                   },
                   Object {
-                    "first": 138.07,
-                    "second": 45.22284254544678,
+                    "first": 116.405,
+                    "second": 94.07284254544678,
                   },
                   Object {
-                    "first": 148.91,
-                    "second": 45.53284254544678,
+                    "first": 122.105,
+                    "second": 94.33284254544678,
                   },
-                ],
-                "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,
+                    "first": 122.109,
+                    "second": 94.33284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 74.46284254544678,
+                    "first": 132.10899999999998,
+                    "second": 94.61284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 74.43284254544677,
+                    "first": 142.10899999999998,
+                    "second": 94.83284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 74.41284254544678,
+                    "first": 152.10899999999998,
+                    "second": 94.85284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 74.30284254544678,
+                    "first": 162.10899999999998,
+                    "second": 94.77284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 74.31284254544678,
+                    "first": 172.10899999999998,
+                    "second": 94.72284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 74.34284254544679,
+                    "first": 182.10899999999998,
+                    "second": 94.75284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 74.25284254544678,
+                    "first": 192.10899999999998,
+                    "second": 95.16284254544678,
                   },
                   Object {
-                    "first": 79.38,
-                    "second": 74.03284254544678,
+                    "first": 199.379,
+                    "second": 95.40284254544677,
                   },
                   Object {
-                    "first": 79.384,
-                    "second": 74.03284254544678,
+                    "first": 199.375,
+                    "second": 95.40284254544677,
                   },
                   Object {
-                    "first": 89.384,
-                    "second": 74.22284254544678,
+                    "first": 209.375,
+                    "second": 95.77284254544678,
                   },
                   Object {
-                    "first": 99.384,
-                    "second": 74.37284254544679,
+                    "first": 219.375,
+                    "second": 95.91284254544678,
                   },
                   Object {
-                    "first": 109.384,
-                    "second": 74.31284254544678,
+                    "first": 233.555,
+                    "second": 95.97284254544678,
                   },
                   Object {
-                    "first": 119.384,
-                    "second": 74.45284254544677,
+                    "first": 233.559,
+                    "second": 95.97284254544678,
                   },
                   Object {
-                    "first": 129.38400000000001,
-                    "second": 74.48284254544677,
+                    "first": 243.559,
+                    "second": 95.93284254544677,
                   },
                   Object {
-                    "first": 139.38400000000001,
-                    "second": 74.42284254544677,
+                    "first": 254.399,
+                    "second": 95.94284254544678,
                   },
                   Object {
-                    "first": 149.38400000000001,
-                    "second": 74.32284254544678,
+                    "first": 254.401,
+                    "second": 95.94284254544678,
                   },
                   Object {
-                    "first": 158.174,
-                    "second": 74.10284254544678,
+                    "first": 264.401,
+                    "second": 95.86284254544678,
                   },
                   Object {
-                    "first": 158.16899999999998,
-                    "second": 74.10284254544678,
+                    "first": 274.401,
+                    "second": 95.67284254544678,
                   },
                   Object {
-                    "first": 168.16899999999998,
-                    "second": 74.39284254544677,
+                    "first": 284.401,
+                    "second": 95.54284254544677,
                   },
                   Object {
-                    "first": 178.16899999999998,
-                    "second": 74.48284254544677,
+                    "first": 296.041,
+                    "second": 95.32284254544678,
                   },
                   Object {
-                    "first": 188.16899999999998,
-                    "second": 74.42284254544677,
+                    "first": 296.041,
+                    "second": 95.32284254544678,
                   },
                   Object {
-                    "first": 198.16899999999998,
-                    "second": 74.67284254544677,
+                    "first": 306.041,
+                    "second": 95.12284254544677,
                   },
                   Object {
-                    "first": 208.16899999999998,
-                    "second": 74.73284254544677,
+                    "first": 316.041,
+                    "second": 94.91284254544678,
                   },
                   Object {
-                    "first": 218.16899999999998,
-                    "second": 74.85284254544678,
+                    "first": 326.041,
+                    "second": 94.76284254544677,
                   },
                   Object {
-                    "first": 228.16899999999998,
-                    "second": 74.78284254544678,
+                    "first": 339.131,
+                    "second": 94.53284254544678,
                   },
                   Object {
-                    "first": 237.04899999999998,
-                    "second": 74.62284254544679,
+                    "first": 339.131,
+                    "second": 94.53284254544678,
                   },
                   Object {
-                    "first": 237.04699999999997,
-                    "second": 74.62284254544679,
+                    "first": 349.131,
+                    "second": 94.33284254544678,
                   },
                   Object {
-                    "first": 247.04699999999997,
-                    "second": 74.97284254544678,
+                    "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": 257.04699999999997,
-                    "second": 75.03284254544678,
+                    "first": 0,
+                    "second": 94.27284254544678,
                   },
                   Object {
-                    "first": 267.04699999999997,
-                    "second": 74.99284254544678,
+                    "first": 10,
+                    "second": 94.21284254544678,
                   },
                   Object {
-                    "first": 277.04699999999997,
-                    "second": 74.95284254544677,
+                    "first": 18.26,
+                    "second": 94.17284254544678,
                   },
                   Object {
-                    "first": 287.04699999999997,
-                    "second": 75.01284254544677,
+                    "first": 18.257,
+                    "second": 94.17284254544678,
                   },
                   Object {
-                    "first": 297.04699999999997,
-                    "second": 75.00284254544678,
+                    "first": 28.257,
+                    "second": 94.05284254544678,
                   },
                   Object {
-                    "first": 307.04699999999997,
-                    "second": 75.06284254544678,
+                    "first": 38.257000000000005,
+                    "second": 94.03284254544678,
                   },
                   Object {
-                    "first": 316.347,
-                    "second": 74.94284254544678,
+                    "first": 48.257000000000005,
+                    "second": 93.95284254544679,
                   },
                   Object {
-                    "first": 316.34399999999994,
-                    "second": 74.94284254544678,
+                    "first": 58.257000000000005,
+                    "second": 93.84284254544677,
                   },
                   Object {
-                    "first": 326.34399999999994,
-                    "second": 75.32284254544678,
+                    "first": 73.247,
+                    "second": 93.71284254544678,
                   },
                   Object {
-                    "first": 336.34399999999994,
-                    "second": 75.34284254544679,
+                    "first": 73.247,
+                    "second": 93.71284254544678,
                   },
                   Object {
-                    "first": 346.34399999999994,
-                    "second": 75.29284254544677,
+                    "first": 83.247,
+                    "second": 93.60284254544678,
                   },
                   Object {
-                    "first": 356.34399999999994,
-                    "second": 75.33284254544678,
+                    "first": 93.247,
+                    "second": 93.52284254544678,
                   },
                   Object {
-                    "first": 366.34399999999994,
-                    "second": 75.38284254544678,
+                    "first": 100.17699999999999,
+                    "second": 93.47284254544678,
                   },
                   Object {
-                    "first": 376.34399999999994,
-                    "second": 75.33284254544678,
+                    "first": 100.176,
+                    "second": 93.47284254544678,
                   },
                   Object {
-                    "first": 386.34399999999994,
-                    "second": 75.27284254544678,
+                    "first": 114.416,
+                    "second": 93.33284254544678,
                   },
                   Object {
-                    "first": 401.22399999999993,
-                    "second": 74.91284254544678,
+                    "first": 114.412,
+                    "second": 93.33284254544678,
                   },
                   Object {
-                    "first": 401.2269999999999,
-                    "second": 74.91284254544678,
+                    "first": 124.412,
+                    "second": 93.21284254544678,
                   },
                   Object {
-                    "first": 411.2269999999999,
-                    "second": 75.04284254544677,
+                    "first": 134.412,
+                    "second": 93.09284254544677,
                   },
                   Object {
-                    "first": 421.2269999999999,
-                    "second": 75.02284254544678,
+                    "first": 144.412,
+                    "second": 93.00284254544678,
                   },
                   Object {
-                    "first": 431.2269999999999,
-                    "second": 74.85284254544678,
+                    "first": 154.412,
+                    "second": 92.89284254544678,
                   },
                   Object {
-                    "first": 441.2269999999999,
-                    "second": 74.88284254544678,
+                    "first": 164.412,
+                    "second": 92.76284254544677,
                   },
                   Object {
-                    "first": 451.2269999999999,
-                    "second": 74.79284254544677,
+                    "first": 174.412,
+                    "second": 92.61284254544678,
                   },
                   Object {
-                    "first": 461.2269999999999,
-                    "second": 74.67284254544677,
+                    "first": 184.412,
+                    "second": 92.50284254544678,
                   },
                   Object {
-                    "first": 471.2269999999999,
-                    "second": 74.70284254544677,
+                    "first": 194.782,
+                    "second": 92.48284254544677,
                   },
                   Object {
-                    "first": 481.2269999999999,
-                    "second": 74.31284254544678,
+                    "first": 235.01,
+                    "second": 92.02284254544678,
                   },
                   Object {
-                    "first": 486.3169999999999,
-                    "second": 74.16284254544678,
+                    "first": 248.91,
+                    "second": 91.91284254544678,
                   },
-                ],
-                "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,
+                    "first": 248.914,
+                    "second": 91.91284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 74.09284254544679,
+                    "first": 258.914,
+                    "second": 91.81284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 74.04284254544677,
+                    "first": 268.914,
+                    "second": 91.74284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 73.96284254544678,
+                    "first": 278.914,
+                    "second": 91.62284254544677,
                   },
                   Object {
-                    "first": 40,
-                    "second": 73.86284254544678,
+                    "first": 288.914,
+                    "second": 91.54284254544677,
                   },
                   Object {
-                    "first": 50,
-                    "second": 73.74284254544678,
+                    "first": 298.094,
+                    "second": 91.45284254544679,
                   },
                   Object {
-                    "first": 60,
-                    "second": 73.60284254544678,
+                    "first": 298.09,
+                    "second": 91.45284254544679,
                   },
                   Object {
-                    "first": 70,
-                    "second": 73.49284254544678,
+                    "first": 308.09,
+                    "second": 91.35284254544678,
                   },
                   Object {
-                    "first": 80,
-                    "second": 73.37284254544679,
+                    "first": 318.09,
+                    "second": 91.25284254544678,
                   },
                   Object {
-                    "first": 90,
-                    "second": 73.25284254544678,
+                    "first": 325.19,
+                    "second": 91.16284254544678,
                   },
                   Object {
-                    "first": 100,
-                    "second": 73.11284254544678,
+                    "first": 325.18899999999996,
+                    "second": 91.16284254544678,
                   },
                   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 [
+                    "first": 335.18899999999996,
+                    "second": 91.05284254544678,
+                  },
                   Object {
-                    "first": 0,
-                    "second": 74.16284254544678,
+                    "first": 345.18899999999996,
+                    "second": 90.96284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 74.09284254544679,
+                    "first": 355.18899999999996,
+                    "second": 90.85284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 74.04284254544677,
+                    "first": 365.18899999999996,
+                    "second": 90.72284254544678,
                   },
                   Object {
-                    "first": 30,
-                    "second": 73.96284254544678,
+                    "first": 375.18899999999996,
+                    "second": 90.58284254544678,
                   },
                   Object {
-                    "first": 40,
-                    "second": 73.86284254544678,
+                    "first": 385.18899999999996,
+                    "second": 90.47284254544678,
                   },
                   Object {
-                    "first": 50,
-                    "second": 73.74284254544678,
+                    "first": 390.679,
+                    "second": 90.41284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 73.60284254544678,
+                    "first": 435.15199999999993,
+                    "second": 89.99284254544678,
                   },
                   Object {
-                    "first": 70,
-                    "second": 73.49284254544678,
+                    "first": 445.15199999999993,
+                    "second": 89.95284254544679,
                   },
                   Object {
-                    "first": 80,
-                    "second": 73.37284254544679,
+                    "first": 455.15199999999993,
+                    "second": 89.98284254544677,
                   },
                   Object {
-                    "first": 90,
-                    "second": 73.25284254544678,
+                    "first": 465.15199999999993,
+                    "second": 90.02284254544678,
                   },
                   Object {
-                    "first": 100,
-                    "second": 73.11284254544678,
+                    "first": 475.15199999999993,
+                    "second": 90.14284254544678,
                   },
                   Object {
-                    "first": 108.21,
-                    "second": 73.00284254544678,
+                    "first": 483.69199999999995,
+                    "second": 90.31284254544678,
                   },
-                ],
-                "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,
+                    "first": 483.6869999999999,
+                    "second": 90.31284254544678,
                   },
                   Object {
-                    "first": 10,
-                    "second": 71.89284254544677,
+                    "first": 493.6869999999999,
+                    "second": 90.57284254544678,
                   },
                   Object {
-                    "first": 20,
-                    "second": 71.97284254544678,
+                    "first": 503.6869999999999,
+                    "second": 90.90284254544677,
                   },
                   Object {
-                    "first": 30,
-                    "second": 72.09284254544679,
+                    "first": 513.6869999999999,
+                    "second": 91.29284254544677,
                   },
                   Object {
-                    "first": 40,
-                    "second": 72.35284254544678,
+                    "first": 523.6869999999999,
+                    "second": 91.76284254544677,
                   },
                   Object {
-                    "first": 50,
-                    "second": 72.44284254544678,
+                    "first": 533.6869999999999,
+                    "second": 92.27284254544678,
                   },
                   Object {
-                    "first": 60,
-                    "second": 72.59284254544679,
+                    "first": 543.6869999999999,
+                    "second": 92.79284254544677,
                   },
                   Object {
-                    "first": 70,
-                    "second": 72.49284254544678,
+                    "first": 553.6869999999999,
+                    "second": 93.36284254544678,
                   },
                   Object {
-                    "first": 79.13,
-                    "second": 72.28284254544678,
+                    "first": 563.6869999999999,
+                    "second": 93.99284254544678,
                   },
                   Object {
-                    "first": 79.126,
-                    "second": 72.28284254544678,
+                    "first": 573.6869999999999,
+                    "second": 94.62284254544677,
                   },
                   Object {
-                    "first": 89.126,
-                    "second": 72.43284254544677,
+                    "first": 587.5269999999999,
+                    "second": 95.65284254544677,
                   },
                   Object {
-                    "first": 99.126,
-                    "second": 72.47284254544678,
+                    "first": 587.5419999999999,
+                    "second": 95.65284254544677,
                   },
                   Object {
-                    "first": 109.126,
-                    "second": 72.20284254544677,
+                    "first": 597.5419999999999,
+                    "second": 96.35284254544678,
                   },
                   Object {
-                    "first": 119.126,
-                    "second": 72.00284254544678,
+                    "first": 607.5419999999999,
+                    "second": 97.01284254544677,
                   },
                   Object {
-                    "first": 129.126,
-                    "second": 72.03284254544678,
+                    "first": 617.5419999999999,
+                    "second": 97.86284254544678,
                   },
                   Object {
-                    "first": 139.126,
-                    "second": 71.76284254544677,
+                    "first": 627.5419999999999,
+                    "second": 98.59284254544677,
                   },
                   Object {
-                    "first": 149.126,
-                    "second": 71.39284254544677,
+                    "first": 637.5419999999999,
+                    "second": 99.25284254544678,
                   },
                   Object {
-                    "first": 158.32600000000002,
-                    "second": 71.12284254544679,
+                    "first": 647.5419999999999,
+                    "second": 99.97284254544678,
                   },
                   Object {
-                    "first": 158.32999999999998,
-                    "second": 71.12284254544679,
+                    "first": 657.5419999999999,
+                    "second": 100.84284254544677,
                   },
                   Object {
-                    "first": 168.32999999999998,
-                    "second": 71.43284254544677,
+                    "first": 667.5419999999999,
+                    "second": 101.61284254544678,
                   },
                   Object {
-                    "first": 178.32999999999998,
-                    "second": 71.12284254544679,
+                    "first": 677.5419999999999,
+                    "second": 102.34284254544677,
                   },
                   Object {
-                    "first": 188.32999999999998,
-                    "second": 70.87284254544679,
+                    "first": 687.5419999999999,
+                    "second": 103.03284254544678,
                   },
                   Object {
-                    "first": 198.32999999999998,
-                    "second": 70.41284254544678,
+                    "first": 697.5419999999999,
+                    "second": 103.71284254544678,
                   },
                   Object {
-                    "first": 208.32999999999998,
-                    "second": 70.47284254544678,
+                    "first": 707.5419999999999,
+                    "second": 104.39284254544678,
                   },
                   Object {
-                    "first": 218.32999999999998,
-                    "second": 70.14284254544677,
+                    "first": 717.5419999999999,
+                    "second": 105.12284254544677,
                   },
                   Object {
-                    "first": 228.32999999999998,
-                    "second": 69.82284254544678,
+                    "first": 729.9519999999999,
+                    "second": 106.04284254544677,
                   },
                   Object {
-                    "first": 237.26,
-                    "second": 69.38284254544678,
+                    "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.5536923,
-                "lon": -122.6244614,
+                "lat": 45.5163189,
+                "lon": -122.7922059,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE Skidmore St",
+                "streetName": "SW Barnes Rd",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "SOUTH",
                 "area": false,
-                "bogusName": false,
-                "distance": 573.9449999999999,
+                "bogusName": true,
+                "distance": 311.94,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 69.97284254544678,
+                    "second": 109.32284254544678,
                   },
                   Object {
                     "first": 10,
-                    "second": 69.86284254544678,
+                    "second": 109.10284254544678,
                   },
                   Object {
                     "first": 20,
-                    "second": 69.59284254544679,
+                    "second": 108.87284254544677,
                   },
                   Object {
                     "first": 30,
-                    "second": 69.26284254544677,
+                    "second": 108.82284254544678,
                   },
                   Object {
                     "first": 40,
-                    "second": 68.95284254544677,
+                    "second": 109.06284254544678,
                   },
                   Object {
                     "first": 50,
-                    "second": 68.65284254544679,
+                    "second": 109.01284254544677,
                   },
                   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,
+                    "second": 109.22284254544678,
                   },
                   Object {
-                    "first": 232.71099999999998,
-                    "second": 60.41284254544678,
+                    "first": 68.93,
+                    "second": 109.91284254544678,
                   },
                   Object {
-                    "first": 242.71099999999998,
-                    "second": 60.212842545446776,
+                    "first": 68.929,
+                    "second": 109.91284254544678,
                   },
                   Object {
-                    "first": 252.71099999999998,
-                    "second": 60.04284254544678,
+                    "first": 78.929,
+                    "second": 110.67284254544678,
                   },
                   Object {
-                    "first": 262.711,
-                    "second": 59.84284254544678,
+                    "first": 88.929,
+                    "second": 111.06284254544678,
                   },
                   Object {
-                    "first": 272.711,
-                    "second": 59.62284254544678,
+                    "first": 98.929,
+                    "second": 112.14284254544678,
                   },
                   Object {
-                    "first": 282.711,
-                    "second": 59.42284254544678,
+                    "first": 108.929,
+                    "second": 112.73284254544677,
                   },
                   Object {
-                    "first": 292.711,
-                    "second": 59.212842545446776,
+                    "first": 118.929,
+                    "second": 113.51284254544677,
                   },
                   Object {
-                    "first": 302.711,
-                    "second": 59.032842545446776,
+                    "first": 128.929,
+                    "second": 114.32284254544678,
                   },
                   Object {
-                    "first": 312.711,
-                    "second": 58.87284254544678,
+                    "first": 138.929,
+                    "second": 115.02284254544678,
                   },
                   Object {
-                    "first": 322.711,
-                    "second": 58.69284254544678,
+                    "first": 148.929,
+                    "second": 115.71284254544678,
                   },
                   Object {
-                    "first": 328.231,
-                    "second": 58.62284254544678,
+                    "first": 158.929,
+                    "second": 116.67284254544678,
                   },
                   Object {
-                    "first": 328.22799999999995,
-                    "second": 58.62284254544678,
+                    "first": 168.929,
+                    "second": 117.28284254544678,
                   },
                   Object {
-                    "first": 338.22799999999995,
-                    "second": 58.55284254544678,
+                    "first": 178.929,
+                    "second": 118.00284254544678,
                   },
                   Object {
-                    "first": 348.22799999999995,
-                    "second": 58.37284254544678,
+                    "first": 188.249,
+                    "second": 118.66284254544678,
                   },
                   Object {
-                    "first": 358.22799999999995,
-                    "second": 58.29284254544678,
+                    "first": 188.25799999999998,
+                    "second": 118.66284254544678,
                   },
                   Object {
-                    "first": 368.22799999999995,
-                    "second": 58.22284254544678,
+                    "first": 198.25799999999998,
+                    "second": 119.40284254544677,
                   },
                   Object {
-                    "first": 378.22799999999995,
-                    "second": 58.11284254544678,
+                    "first": 208.25799999999998,
+                    "second": 119.94284254544678,
                   },
                   Object {
-                    "first": 388.22799999999995,
-                    "second": 58.032842545446776,
+                    "first": 218.25799999999998,
+                    "second": 120.58284254544678,
                   },
                   Object {
-                    "first": 398.22799999999995,
-                    "second": 57.94284254544678,
+                    "first": 228.25799999999998,
+                    "second": 121.12284254544677,
                   },
                   Object {
-                    "first": 408.22799999999995,
-                    "second": 57.85284254544678,
+                    "first": 238.25799999999998,
+                    "second": 121.50284254544678,
                   },
                   Object {
-                    "first": 416.78799999999995,
-                    "second": 57.782842545446776,
+                    "first": 248.25799999999998,
+                    "second": 121.56284254544678,
                   },
                   Object {
-                    "first": 416.78299999999996,
-                    "second": 57.782842545446776,
+                    "first": 258.258,
+                    "second": 121.97284254544678,
                   },
                   Object {
-                    "first": 426.78299999999996,
-                    "second": 57.74284254544678,
+                    "first": 270.038,
+                    "second": 122.00284254544678,
                   },
                   Object {
-                    "first": 436.78299999999996,
-                    "second": 57.642842545446776,
+                    "first": 270.039,
+                    "second": 122.00284254544678,
                   },
                   Object {
-                    "first": 446.78299999999996,
-                    "second": 57.54284254544678,
+                    "first": 281.539,
+                    "second": 122.26284254544677,
                   },
                   Object {
-                    "first": 456.78299999999996,
-                    "second": 57.45284254544678,
+                    "first": 281.536,
+                    "second": 122.26284254544677,
                   },
                   Object {
-                    "first": 466.78299999999996,
-                    "second": 57.36284254544678,
+                    "first": 288.896,
+                    "second": 122.19284254544678,
                   },
                   Object {
-                    "first": 476.78299999999996,
-                    "second": 57.282842545446776,
+                    "first": 288.896,
+                    "second": 122.19284254544678,
                   },
                   Object {
-                    "first": 486.78299999999996,
-                    "second": 57.19284254544678,
+                    "first": 297.966,
+                    "second": 122.48284254544677,
                   },
                   Object {
-                    "first": 496.78299999999996,
-                    "second": 57.09284254544678,
+                    "first": 297.962,
+                    "second": 122.48284254544677,
                   },
                   Object {
-                    "first": 504.10299999999995,
-                    "second": 57.04284254544678,
+                    "first": 311.942,
+                    "second": 123.00284254544678,
                   },
                 ],
-                "lat": 45.5537382,
-                "lon": -122.6203965,
-                "relativeDirection": "LEFT",
+                "lat": 45.5125719,
+                "lon": -122.7845438,
+                "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE 42nd Ave",
+                "streetName": "service road",
               },
               Object {
-                "absoluteDirection": "EAST",
+                "absoluteDirection": "SOUTHEAST",
                 "area": false,
                 "bogusName": false,
-                "distance": 439.785,
+                "distance": 23.106,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 55.67284254544678,
+                    "second": 123.00284254544678,
                   },
                   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,
+                    "second": 123.17284254544678,
                   },
                   Object {
-                    "first": 114.048,
-                    "second": 54.962842545446776,
+                    "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": 124.048,
-                    "second": 54.91284254544678,
+                    "first": 0,
+                    "second": 124.81284254544678,
                   },
                   Object {
-                    "first": 134.048,
-                    "second": 55.072842545446775,
+                    "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": 144.048,
-                    "second": 55.032842545446776,
+                    "first": 0,
+                    "second": 124.83284254544678,
                   },
                   Object {
-                    "first": 154.048,
-                    "second": 54.86284254544678,
+                    "first": 14.73,
+                    "second": 124.88284254544678,
                   },
                   Object {
-                    "first": 164.048,
-                    "second": 54.73284254544678,
+                    "first": 14.733,
+                    "second": 124.88284254544678,
                   },
                   Object {
-                    "first": 174.048,
-                    "second": 54.682842545446775,
+                    "first": 22.733,
+                    "second": 125.10284254544678,
                   },
                   Object {
-                    "first": 184.048,
-                    "second": 54.712842545446776,
+                    "first": 22.735,
+                    "second": 125.10284254544678,
                   },
                   Object {
-                    "first": 194.048,
-                    "second": 54.63284254544678,
+                    "first": 30.744999999999997,
+                    "second": 125.01284254544677,
                   },
                   Object {
-                    "first": 204.048,
-                    "second": 54.36284254544678,
+                    "first": 30.747,
+                    "second": 125.01284254544677,
                   },
                   Object {
-                    "first": 214.048,
-                    "second": 54.40284254544678,
+                    "first": 40.747,
+                    "second": 124.40284254544677,
                   },
                   Object {
-                    "first": 224.048,
-                    "second": 54.34284254544678,
+                    "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": 234.048,
-                    "second": 54.31284254544678,
+                    "first": 0,
+                    "second": 124.84284254544677,
                   },
                   Object {
-                    "first": 244.048,
-                    "second": 54.34284254544678,
+                    "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": 254.048,
-                    "second": 54.20284254544678,
+                    "first": 0,
+                    "second": 123.03284254544678,
                   },
                   Object {
-                    "first": 264.048,
-                    "second": 54.142842545446776,
+                    "first": 10,
+                    "second": 122.86284254544678,
                   },
                   Object {
-                    "first": 274.048,
-                    "second": 54.13284254544678,
+                    "first": 20,
+                    "second": 123.26284254544677,
                   },
                   Object {
-                    "first": 284.048,
-                    "second": 54.16284254544678,
+                    "first": 30,
+                    "second": 122.91284254544678,
                   },
                   Object {
-                    "first": 294.048,
-                    "second": 54.252842545446775,
+                    "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": 304.048,
-                    "second": 54.22284254544678,
+                    "first": 0,
+                    "second": 7.512842545446778,
                   },
                   Object {
-                    "first": 314.048,
-                    "second": 54.13284254544678,
+                    "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": 324.048,
-                    "second": 54.05284254544678,
+                    "first": 0,
+                    "second": 7.602842545446778,
                   },
                   Object {
-                    "first": 334.048,
-                    "second": 53.932842545446775,
+                    "first": 6.74,
+                    "second": 7.532842545446778,
                   },
                   Object {
-                    "first": 344.048,
-                    "second": 53.822842545446775,
+                    "first": 6.738,
+                    "second": 7.532842545446778,
                   },
                   Object {
-                    "first": 354.048,
-                    "second": 53.70284254544678,
+                    "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": 364.048,
-                    "second": 53.49284254544678,
+                    "first": 0,
+                    "second": 7.482842545446779,
                   },
                   Object {
-                    "first": 374.048,
-                    "second": 53.40284254544678,
+                    "first": 10,
+                    "second": 7.512842545446778,
                   },
                   Object {
-                    "first": 384.048,
-                    "second": 53.22284254544678,
+                    "first": 20,
+                    "second": 7.532842545446778,
                   },
                   Object {
-                    "first": 394.048,
-                    "second": 53.15284254544678,
+                    "first": 30,
+                    "second": 7.492842545446779,
                   },
                   Object {
-                    "first": 404.048,
-                    "second": 52.97284254544678,
+                    "first": 40,
+                    "second": 7.522842545446778,
                   },
                   Object {
-                    "first": 414.048,
-                    "second": 52.79284254544678,
+                    "first": 50,
+                    "second": 7.512842545446778,
                   },
                   Object {
-                    "first": 424.048,
-                    "second": 52.682842545446775,
+                    "first": 60,
+                    "second": 7.602842545446778,
                   },
                   Object {
-                    "first": 434.048,
-                    "second": 52.392842545446776,
+                    "first": 70,
+                    "second": 7.552842545446778,
                   },
                   Object {
-                    "first": 439.788,
-                    "second": 52.31284254544678,
+                    "first": 79.15,
+                    "second": 7.542842545446778,
                   },
                 ],
-                "lat": 45.5588998,
-                "lon": -122.620412,
+                "lat": 45.5204174,
+                "lon": -122.6722269,
                 "relativeDirection": "RIGHT",
                 "stayOn": false,
-                "streetName": "NE Alberta St",
+                "streetName": "SW 1st Ave",
               },
               Object {
-                "absoluteDirection": "NORTH",
+                "absoluteDirection": "WEST",
                 "area": false,
                 "bogusName": false,
-                "distance": 95.49,
+                "distance": 102.78999999999999,
                 "elevation": Array [
                   Object {
                     "first": 0,
-                    "second": 52.31284254544678,
+                    "second": 7.542842545446778,
                   },
                   Object {
-                    "first": 10,
-                    "second": 52.432842545446775,
+                    "first": 11.54,
+                    "second": 7.682842545446778,
                   },
                   Object {
-                    "first": 20,
-                    "second": 52.322842545446775,
+                    "first": 11.536,
+                    "second": 7.682842545446778,
                   },
                   Object {
-                    "first": 30,
-                    "second": 51.99284254544678,
+                    "first": 26.286,
+                    "second": 7.742842545446779,
                   },
                   Object {
-                    "first": 40,
-                    "second": 51.50284254544678,
+                    "first": 26.285,
+                    "second": 7.742842545446779,
                   },
                   Object {
-                    "first": 50,
-                    "second": 51.03284254544678,
+                    "first": 36.285,
+                    "second": 7.702842545446778,
                   },
                   Object {
-                    "first": 60,
-                    "second": 50.63284254544678,
+                    "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": 70,
-                    "second": 50.33284254544678,
+                    "first": 73.964,
+                    "second": 7.8428425454467785,
                   },
                   Object {
-                    "first": 80,
-                    "second": 50.06284254544678,
+                    "first": 83.964,
+                    "second": 7.742842545446779,
                   },
                   Object {
-                    "first": 90,
-                    "second": 49.792842545446774,
+                    "first": 93.964,
+                    "second": 7.852842545446778,
                   },
                   Object {
-                    "first": 95.49,
-                    "second": 49.67284254544678,
+                    "first": 102.794,
+                    "second": 7.922842545446779,
                   },
                 ],
-                "lat": 45.5591513,
-                "lon": -122.614855,
+                "lat": 45.5210839,
+                "lon": -122.6718705,
                 "relativeDirection": "LEFT",
                 "stayOn": false,
-                "streetName": "NE 47th Pl",
+                "streetName": "SW Pine St",
               },
             ],
             "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",
+              "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": 1573688700000,
+        "startTime": 1573689007000,
         "tooSloped": false,
         "transfers": 0,
-        "transitTime": 1350,
-        "waitingTime": 313,
-        "walkDistance": 5057.651506945225,
+        "transitTime": 1280,
+        "waitingTime": 122,
+        "walkDistance": 387.15802624199944,
         "walkLimitExceeded": false,
-        "walkTime": 1116,
+        "walkTime": 990,
       }
     }
   />
 </IntlProvider>
 `;
 
-exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`] = `
-.c22 {
+exports[`Storyshots ItineraryBody/otp-ui Hide Driving Directions 2`] = `
+.c29 {
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
@@ -106033,7 +115585,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   color: #f44256;
 }
 
-.c35 {
+.c21 {
   border-top-style: solid;
   border-top-width: 0;
   padding-top: 0;
@@ -106050,20 +115602,20 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   text-decoration: none;
 }
 
-.c37 {
+.c23 {
   color: #008;
   cursor: pointer;
   margin-left: 5px;
 }
 
-.c37:hover {
+.c23:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
 .c6 {
   color: black;
-  background-color: #e9e9e9;
+  background-color: grey;
   border: 2px solid #bbb;
   text-align: center;
   width: 25px;
@@ -106085,9 +115637,9 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   padding-left: 1px;
 }
 
-.c40 {
+.c26 {
   color: black;
-  background-color: #f5a729;
+  background-color: #e9e9e9;
   border: 2px solid #bbb;
   text-align: center;
   width: 25px;
@@ -106109,7 +115661,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   padding-left: 1px;
 }
 
-.c21::before {
+.c28::before {
   content: "";
   margin: 0 0.125em;
 }
@@ -106119,7 +115671,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
 }
 
 .c4 {
-  border-left: dotted 4px #484848;
+  border-left: dotted 4px grey;
   height: 100%;
   width: 0;
   position: absolute;
@@ -106129,8 +115681,8 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   transform: translateX(-50%);
 }
 
-.c39 {
-  border-left: dotted 4px #f5a729;
+.c25 {
+  border-left: dotted 4px #484848;
   height: 100%;
   width: 0;
   position: absolute;
@@ -106140,8 +115692,8 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   transform: translateX(-50%);
 }
 
-.c42 {
-  border-left: solid 8px #008ab0;
+.c36 {
+  border-left: solid 8px #084C8D;
   height: 100%;
   width: 0;
   position: absolute;
@@ -106203,7 +115755,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   width: 0;
 }
 
-.c49 {
+.c43 {
   font-weight: 200;
 }
 
@@ -106211,17 +115763,17 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   font-weight: inherit;
 }
 
-.c48 {
+.c42 {
   font-size: 13px;
   font-weight: 500;
 }
 
-.c47 {
+.c41 {
   font-weight: 800;
   margin-right: 6px;
 }
 
-.c46 {
+.c40 {
   color: #807373;
   margin-top: 5px;
 }
@@ -106270,29 +115822,6 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   grid-template-columns: 65px 30px auto;
 }
 
-.c29 {
-  border-color: #fff;
-  border-radius: 5px;
-  border-style: solid;
-  border-width: 1px;
-  display: inline-block;
-  font-style: normal;
-  grid-column: 2;
-  grid-row: 1;
-  margin: 0 4px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  vertical-align: middle;
-  width: 75%;
-}
-
-.c29:hover {
-  border-color: #d1d5da;
-  background-color: #f6f8fa;
-}
-
 .c9 {
   grid-column-start: 1;
   grid-row: 1 / span 2;
@@ -106300,7 +115829,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   font-size: 0.9em;
 }
 
-.c38 {
+.c24 {
   padding: 3px 10px 3px 10px;
   border: 0;
   margin-top: -15px;
@@ -106308,11 +115837,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   height: 35px;
 }
 
-.c38:hover {
+.c24:hover {
   cursor: pointer;
 }
 
-.c36 {
+.c22 {
   -webkit-flex: 0 0 25px;
   -ms-flex: 0 0 25px;
   flex: 0 0 25px;
@@ -106348,47 +115877,12 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   padding: 3px 0 10px 0;
 }
 
-.c41 {
-  color: #807373;
-  font-size: 13px;
-  font-weight: 300;
-  padding-top: 1px;
-  margin-bottom: 10px;
-  margin-top: -14px;
-}
-
-.c30 {
-  padding: 2px;
-  width: 100%;
-}
-
-.c32 {
-  font-size: xx-small;
-}
-
-.c32::before {
-  content: "";
-  margin: 0 0.125em;
-}
-
-.c33 {
-  color: #e60000;
-}
-
-.c34 {
-  color: green;
-}
-
-.c31 {
-  font-size: small;
-}
-
-.c43 {
+.c37 {
   text-align: center;
   min-width: 30px;
   min-height: 30px;
   font-size: 1.2em;
-  background-color: #084c8d;
+  background-color: #084C8D;
   color: white;
   border-radius: 50%;
   display: -webkit-box;
@@ -106412,7 +115906,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   cursor: default;
 }
 
-.c44 {
+.c38 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -106424,19 +115918,19 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   border: 0;
 }
 
-.c23 {
+.c30 {
   display: block;
   list-style: none;
   padding: 0;
 }
 
-.c26 {
+.c33 {
   margin-left: 24px;
   line-height: 1.25em;
   padding-top: 1px;
 }
 
-.c26 > span {
+.c33 > span {
   margin-right: 1ch;
 }
 
@@ -106466,937 +115960,255 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
   justify-content: center;
 }
 
+.c27 {
+  color: #676767;
+  font-size: 13px;
+  font-style: normal;
+  padding: 0;
+}
+
 .c20 {
   color: #676767;
   font-size: 13px;
   font-style: normal;
   padding: 0;
+  margin-right: 0.4em;
 }
 
-.c25 {
+.c32 {
   fill: #676767;
   float: left;
   height: 16px;
   width: 16px;
 }
 
-.c24 {
+.c31 {
   font-size: 13px;
   margin-top: 8px;
   color: #676767;
   font-style: normal;
-}
-
-.c27 {
-  font-weight: 500;
-}
-
-.c28 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
-.c45 {
-  font-weight: 200;
-  font-size: 0.9em;
-  margin-left: 10px;
-}
-
-.c56 {
-  float: left;
-  margin-left: -36px;
-  color: #fff;
-}
-
-.c57 {
-  color: #676767;
-  margin-top: 3px;
-}
-
-.c55 {
-  z-index: 30;
-  position: relative;
-}
-
-.c50 {
-  margin-top: 5px;
-}
-
-.c51 {
-  color: #676767;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c53 {
-  font-size: 14px;
-}
-
-.c52 {
-  padding: 0;
-}
-
-<ol
-  className="c0"
->
-  <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"
-      >
-        2943 SE Washington St, Portland, OR, USA 97214
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:45 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Walk 0.4 miles to 
-              <span
-                className="c15"
-              >
-                Shared E-scooter
-              </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]}
-            >
-              9 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 
-                      SOUTH
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE 30th Ave
-                      </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"
-                      >
-                        SE Belmont St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        330 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M114.5 100.5h60v160h60v-170c0-30-20-50-50-50h-70V.5l-100 69.14 100 70.86v-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      LEFT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE 29th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        511 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"
-                      >
-                        SE Taylor St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        235 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c29"
-          >
-            <button
-              className="c16 c30"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c31"
-              >
-                Elevation chart
-                <span
-                  className="c32 c33"
-                >
-                  ↑
-                  29'
-                </span>
-                <span
-                  className="c32 c34"
-                >
-                  ↓
-                  13'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,15.28466404513592 0,15.356471191656691 0,15.392374764917083 0,15.438536501966148 0,15.494956402803897 0,15.551376303641648 0,15.556505385535988 0,15.7206360061549 0,15.807830398358695 0,15.88989570866815 0,15.946315609505898 0,15.946315609505898 0,16.074542656864423 0,16.166866130962553 0,16.22841511369465 0,16.22841511369465 0,16.264318686955036 0,16.315609505898443 0,16.315609505898443 0,16.361771242947512 0,16.40793297999658 0,16.45409471704565 0,16.500256454094718 0,16.551547273038125 0,16.613096255770216 0,16.607967173875878 0,16.654128910924943 0,16.654128910924943 0,16.700290647974015 0,16.75158146691742 0,16.808001367755168 0,16.859292186698582 0,16.90545392374765 0,16.915712087536335 0,16.895195759958966 0,16.82338861343819 0,17.177295264147716 0,17.07984270815524 0,16.91058300564199 0,16.746452385023083 0,16.572063600615493 0,16.392545734313558 0,16.24380235937767 0,16.12070439391349 0,16.054026329287055 0,16.054026329287055 0,15.79757223457001 0,15.407762010600106 0,14.99230637715849 0,14.587108907505556 0,14.181911437852627 0,13.792101213882717 0,13.581808856214739 0,13.510001709693967 0,13.510001709693967 0,13.494614464010944 0,13.392032826124122 0,13.402290989912807 0,13.227902205505217 0,12.940673619422125 0,12.879124636690033 0,12.822704735852284 0,12.827833817746626"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </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-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c39"
-          mode="MICROMOBILITY"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            aria-label="Travel by e-scooter"
-            className="c40"
-            mode="MICROMOBILITY"
-          >
-            <svg
-              style={
-                Object {
-                  "enableBackground": "new 0 0 1186 406.9",
-                }
-              }
-              version="1.1"
-              viewBox="0 0 1186 406.9"
-              width="66%"
-            >
-              <title>
-                Travel by e-scooter
-              </title>
-              <g>
-                <path
-                  d="M1182,335.7c-14.6,0-29.1,0-44.2,0c-1-8.4-2-16.7-3.1-25.5c-0.7,0.8-1,1.1-1.3,1.5 c-11.6,16.4-27.8,25.2-47.4,27.6c-20.3,2.6-40-0.1-58.6-8.9c-25.2-11.9-41.2-31.8-48.4-58.5c-6.4-23.6-6-47.3,1.4-70.6 c10.8-34,34.7-53.5,69.4-60.3c20.2-3.9,39.8-2.2,58.6,6.7c10,4.7,18.9,10.8,25.2,20.1c0.1,0.2,0.5,0.3,1,0.7c0-35,0-69.7,0-104.8 c16,0,31.6,0,47.3,0C1182,154.4,1182,245,1182,335.7z M1072.1,183.7c-17.8,0.6-34.7,9.6-44.4,30.1c-4.9,10.4-6.1,21.6-4.9,33.1 c4.2,39.3,42,58.6,75.7,44.7c20.1-8.4,30.3-24.4,32.8-45.8C1135.2,212.1,1110.1,183.7,1072.1,183.7z"
-                />
-                <path
-                  d="M236.8,62.4c0,34.2,0.1,68.4,0.1,102.7c0,1.1,0,2.2,0,4c1.5-1.8,2.6-2.9,3.6-4.1 c13.2-15.1,29.9-22.9,49.8-24.1c14.2-0.8,28.1,0.6,41.2,6.4c19.7,8.7,31.2,24.4,37.5,44.3c4.3,13.6,5.8,27.6,5.8,41.8 c0,33,0,65.9,0,98.9c0,0.9-0.1,1.9-0.2,3c-15.7,0-31.2,0-47.3,0c0-1.3,0-2.6,0-4c0-31.8,0.1-63.6-0.1-95.4c0-6.7-0.7-13.6-2.3-20.2 c-5.8-24.4-25.1-32.4-45.3-30.6c-24.3,2.2-39.4,22.1-42.1,43.9c-0.5,3.8-0.6,7.7-0.6,11.6c0,30.1,0,60.3,0,90.4c0,1.3,0,2.7,0,4.3 c-15.8,0-31.4,0-47.3,0c-0.1-1.2-0.2-2.5-0.2-3.7c0-88.8,0-177.5,0-266.3c0-1,0.1-2.1,0.2-3.1C205.4,62.4,221.1,62.4,236.8,62.4z"
-                />
-                <path
-                  d="M81.5,342.6c-6.5-0.8-13.1-1.4-19.6-2.5c-22.1-3.9-40.8-14.2-56.4-30.1c-1-1-1.8-1.9-0.7-3.4 c7.4-10.7,14.7-21.4,22.1-32.3c0.6,0.4,1,0.6,1.3,0.9c19.3,17.3,42.3,25,67.8,25.7c8.6,0.2,16.8-2.4,23.7-7.9 c4-3.1,6.9-7.1,7.6-12.2c1.2-8.5-2.1-14.4-10.1-17.8c-8.9-3.9-18.5-4.3-28-5.1c-17.1-1.4-33.9-4.5-49.3-12.5 c-15.3-8-25.9-19.8-28.8-37.3c-4-24.2,5.8-44.7,27.1-57c12.5-7.3,26.2-11.1,40.6-12.3c18.5-1.7,36.9-0.6,54.6,5.4 c12.1,4.1,22.7,10.7,32.4,19.4c-8.8,10.4-17.5,20.7-26.3,31.2c-0.6-0.4-1.1-0.6-1.4-1c-12-11-26.5-15.9-42.5-15.9 c-7.7,0-15.4,1.3-23,2.3c-2.1,0.3-4.2,1.4-6.1,2.4c-5.6,2.9-9.2,7.3-9.3,13.8c-0.2,6.7,3,11.6,8.7,14.9c6.1,3.6,12.9,4.9,19.8,5.7 c13.1,1.7,26.2,2.8,39.2,5.2c7.1,1.3,14.1,4.1,20.7,7.2c19,9.2,28.3,25,29.1,45.7c1.2,29-14.4,51.2-42.9,61.3 c-9.1,3.3-18.6,5.1-28.2,5.8c-1,0.1-2.1,0.3-3.1,0.5C94.1,342.6,87.8,342.6,81.5,342.6z"
-                />
-                <path
-                  d="M962.5,256.6c-49.8,0-99.2,0-149.3,0c1.1,3.9,1.8,7.5,3.2,10.8c6.4,15.5,18.8,24,34.6,27.7 c21.2,5,41.4,1.8,60.5-8.3c3.6-1.9,6.7-4.6,10.1-6.9c9.7,9.9,19.5,19.9,29.6,30.2c-0.3,0.4-1.1,1.3-2,2.1 c-14,13.1-30.8,20.7-49.3,25c-23.3,5.4-46.6,5.2-69.5-2.1c-36.4-11.6-57.3-37.1-64.1-74.2c-3.7-20.1-2.9-40.1,4-59.5 c12.4-34.8,37.5-54.8,73.4-61.7c19.1-3.6,38.2-2.9,56.9,2.6c32.4,9.4,51.5,31.4,59.4,63.7c3.7,15.4,4,31.1,3,46.8 C963,253.9,962.7,255.1,962.5,256.6z M814.5,216.8c34.3,0,68.2,0,102.3,0c-0.1-0.9-0.1-1.6-0.2-2.2c-0.1-0.7-0.2-1.4-0.4-2.2 c-3.3-14.2-11.9-23.7-25.5-28.7c-10.5-3.9-21.5-4.7-32.5-3.1c-20.1,2.8-34.9,12.7-42.5,32.2C815.2,214,814.9,215.3,814.5,216.8z"
-                />
-                <path
-                  d="M667.7,335.6c-15.9,0-31.4,0-47.2,0c0-64,0-127.9,0-192c1.1-0.1,2.1-0.2,3.1-0.2c12.6,0,25.2,0,37.7-0.1 c2.3,0,3.1,0.6,3.3,2.9c0.8,6,1.9,12,2.9,18.3c0.6-0.6,1.1-0.8,1.3-1.2c10.4-15.8,25.3-23.6,43.9-24.8c17-1.1,33.2,1.6,48,10.5 c3.3,2,6.2,4.6,9.3,7c-1.4,3.5-2.6,7-4.3,10.3c-4.8,9.6-9.8,19.2-14.8,28.7c-0.5,0.9-1,1.8-1.7,2.9c-1.5-1.1-2.9-2.1-4.1-3.1 c-16.5-13.1-44.5-11.1-58.7-1.4c-11.2,7.6-16.5,18.6-18.1,31.6c-0.5,4.1-0.6,8.3-0.6,12.5c0,31.2,0,62.4,0,93.6 C667.7,332.5,667.7,333.9,667.7,335.6z"
-                />
-                <path
-                  d="M551.2,143.5c-0.5,8.4-1,16.7-1.6,25c-0.2,0.1-0.5,0.2-0.7,0.3c-0.2-0.4-0.4-0.8-0.6-1.1 c-8.5-12.7-20.6-20.3-34.8-24.9c-15.8-5.1-31.8-4.9-47.8-1.8c-34.6,6.6-59,25.9-70.7,59.6c-6.4,18.3-7.2,37.3-5,56.4 c2,17,7.2,32.8,16.8,47.1c23.9,35.2,73,43.7,103.7,33.8c13.9-4.5,26.3-11.4,35.3-23.4c1.2-1.6,2.3-3.4,3.8-5.7 c0.8,9.4,1.6,18.1,2.3,26.7c15.1,0,29.8,0,44.4,0c0-64.2,0-128,0-191.9C581.2,143.5,566.4,143.5,551.2,143.5z M548.4,246.2 c-0.7,7.8-2.7,15.3-6.3,22.2c-9.5,18.3-24.7,27.9-45.2,29.2c-23.1,1.5-46.3-9.1-55.7-33.4c-2.8-7.1-3.8-14.9-5.6-22.4 c0.3-0.1,0.6-0.1,0.9-0.2c-0.6-25.4,10.7-46.4,33-55.7c23-9.6,50.1-4.2,65.2,13.5C546.1,212.9,549.9,228.9,548.4,246.2z"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        Shared E-scooter
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      3:54 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c41"
-      >
-        Pick up Shared 
-        E-scooter
-         
-      </div>
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Ride 1.4 miles to 
-              <span
-                className="c15"
-              >
-                NE Broadway
-              </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]}
-            >
-              9 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>
-                      CONTINUE
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        SE Taylor St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        26 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"
-                      >
-                        SE 28th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        0.6 miles
-                      </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"
-                      >
-                        NE 28th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        0.7 miles
-                      </span>
-                    </span>
-                  </div>
-                </li>
-                <li
-                  className="c24"
-                >
-                  <div
-                    className="c25"
-                  >
-                    <svg
-                      viewBox="0 0 261 261"
-                    >
-                      <path
-                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    className="c26"
-                  >
-                    <span>
-                      SLIGHTLY_RIGHT
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        NE Halsey St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        17 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"
-                      >
-                        NE Halsey St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        59 feet
-                      </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"
-                      >
-                        NE 28th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        28 feet
-                      </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"
-                      >
-                        NE 28th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        489 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"
-                      >
-                        NE Broadway
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        86 feet
-                      </span>
-                    </span>
-                  </div>
-                </li>
-              </ol>
-            </div>
-          </div>
+}
+
+.c34 {
+  font-weight: 500;
+}
+
+.c35 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
+.c39 {
+  font-weight: 200;
+  font-size: 0.9em;
+  margin-left: 10px;
+}
+
+.c56 {
+  float: left;
+  margin-left: -36px;
+  color: #fff;
+}
+
+.c57 {
+  color: #676767;
+  margin-top: 3px;
+}
+
+.c55 {
+  z-index: 30;
+  position: relative;
+}
+
+.c46 {
+  background-color: #eee;
+  border-radius: 4px;
+  color: #000;
+  display: block;
+  margin-top: 5px;
+  padding: 8px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c48 {
+  font-size: 12px;
+  margin-left: 30px;
+  white-space: pre-wrap;
+}
+
+.c49 {
+  margin-top: 5px;
+  margin-left: 30px;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.c47 {
+  float: left;
+  font-size: 18px;
+}
+
+.c45 {
+  display: block;
+  margin-top: 3px;
+}
+
+.c44 {
+  color: #d14727;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.c50 {
+  margin-top: 5px;
+}
+
+.c51 {
+  color: #676767;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c53 {
+  font-size: 14px;
+}
+
+.c52 {
+  padding: 0;
+}
+
+<ol
+  className="c0"
+>
+  <li
+    className="c1"
+  >
+    <div
+      className="c2"
+    >
+      <div
+        className="c3"
+      >
+        <div
+          className="c4"
+          mode="CAR"
+        />
+        <div
+          className="c5"
+        >
           <div
-            className="c29"
+            aria-label="Travel by car"
+            className="c6"
+            mode="CAR"
+          >
+            <svg
+              viewBox="0 0 390 390"
+              width="66%"
+            >
+              <title>
+                Travel by car
+              </title>
+              <path
+                d="M371.2 175.3l-3.7-12.1-29.8-95.7c-5.8-18.6-22.9-31.2-42.4-31.2H94.7c-19.5 0-36.5 12.6-42.4 31.2l-29.8 95.7-3.7 12.1C7.6 181.4 0 193.1 0 206.5v76.2c0 7.8 6.4 14.2 14.2 14.2h12.4v35.5c0 11.7 9.6 21.3 21.3 21.3H62c11.7 0 21.3-9.6 21.3-21.3v-35.5h223.4v35.5c0 11.7 9.6 21.3 21.3 21.3h14.2c11.7 0 21.3-9.6 21.3-21.3v-35.5h12.4c7.8 0 14.2-6.4 14.2-14.2v-76.2c-.1-13.3-7.7-25.1-18.9-31.2zM55 252.8c-14.7 0-26.6-11.9-26.6-26.6s11.9-26.6 26.6-26.6 26.6 11.9 26.6 26.6-11.9 26.6-26.6 26.6zm240.7-81.6c-9-14.9-25.4-24.8-44-24.8s-34.9 9.9-44 24.8H47.9l29.8-95.6c2.3-7.4 9.2-12.4 16.8-12.4h200.9c7.8 0 14.5 5 16.8 12.4l29.8 95.7-46.3-.1zm39.3 81.6c-14.7 0-26.6-11.9-26.6-26.6s11.9-26.6 26.6-26.6c14.7 0 26.6 11.9 26.6 26.6s-11.8 26.6-26.6 26.6z"
+              />
+              <circle
+                cx={251.7}
+                cy={107.4}
+                r={33.7}
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c7"
+    >
+      <span
+        aria-hidden={true}
+        className="c8"
+      >
+        330 SW Murray Blvd, Washington County, OR, USA 97005
+      </span>
+    </div>
+    <div
+      className="c9"
+    >
+      3:50 PM
+    </div>
+    <span
+      className="c10"
+    >
+      otpUi.TransitLegBody.fromLocation
+    </span>
+    <div
+      className="c11"
+    >
+      <div
+        className="c12"
+      >
+        <div
+          className="styled__LegClickable-sc-1q8npbl-24"
+        >
+          <span
+            className="c13"
           >
+            <span
+              className="c14"
+            />
+            <span
+              className="c10"
+            >
+               - 
+            </span>
+            <span>
+              Drive 2.4 miles to 
+              <span
+                className="c15"
+              >
+                P+R Sunset TC
+              </span>
+            </span>
             <button
-              className="c16 c30"
+              className="c16 c17"
               onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
             >
-              <div
-                className="c31"
-              >
-                Elevation chart
-                <span
-                  className="c32 c33"
-                >
-                  ↑
-                  78'
-                </span>
-                <span
-                  className="c32 c34"
-                >
-                  ↓
-                  74'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
+              <span
+                className="c10"
               >
-                <polyline
-                  fill="none"
-                  points="0,13.503527040644947 0,13.508565670137724 0,12.858582465569363 0,12.9190460194827 0,13.130668458179375 0,13.463218004702721 0,13.820960698689955 0,14.16358750419886 0,14.506214309707758 0,14.838763856231104 0,15.040309035942222 0,15.040309035942222 0,15.070540812898892 0,15.327510917030567 0,15.705408128988914 0,16.09338259993282 0,16.48135707087672 0,16.86933154182062 0,17.277460530735638 0,17.383271750083978 0,17.383271750083978 0,17.403426268055085 0,17.267383271750084 0,16.889486059791736 0,16.395700369499494 0,15.91703056768559 0,15.443399395364459 0,14.994961370507218 0,14.647295935505541 0,14.647295935505541 0,14.521330198186092 0,14.4507893852872 0,14.314746388982197 0,14.153510245213301 0,13.982196842458851 0,13.815922069197178 0,13.664763184413836 0,13.56399059455828 0,13.56399059455828 0,13.48841115216661 0,13.448102116224387 0,13.427947598253272 0,13.417870339267719 0,13.382599932818273 0,13.342290896876047 0,13.312059119919383 0,13.261672824991603 0,13.261672824991603 0,13.26671145448438 0,13.281827342962718 0,13.301981860933822 0,13.332213637890494 0,13.337252267383274 0,13.362445414847162 0,13.39267719180383 0,13.372522673832716 0,13.372522673832716 0,13.055089015787704 0,12.596573731944911 0,13.97211958347329 0,13.997312730937185 0,14.047699025864963 0,14.08296943231441 0,14.123278468256633 0,14.16358750419886 0,14.183742022169968 0,14.213973799126636 0,14.22405105811219 0,14.22405105811219 0,14.203896540141084 0,14.153510245213301 0,14.047699025864963 0,13.896540141081626 0,13.745381256298284 0,13.599261001007726 0,13.453140745717164 0,13.32213637890494 0,13.32213637890494 0,13.286865972455491 0,13.367484044339939 0,13.5136042996305 0,13.67987907289217 0,13.846153846153843 0,14.007389989922743 0,14.153510245213301 0,14.239166946590524 0,14.239166946590524 0,14.22908968760497 0,14.314746388982197 0,14.365132683909973 0,14.420557608330531 0,14.455828014779982 0,14.48102116224387 0,14.516291568693315 0,14.516291568693315 0,14.516291568693315 0,14.506214309707758 0,14.586832381592206 0,14.606986899563319 0,14.622102788041651 0,14.642257306012764 0,14.67752771246221 0,14.69768223043332 0,14.722875377897214 0,14.722875377897214 0,14.753107154853879 0,14.808532079274435 0,14.858918374202217 0,14.914343298622773 0,14.959690964057778 0,15 0,15.050386294927778 0,15.105811219348334 0,15.105811219348334 0,15.151158884783339 0,15.206583809203895 0,15.256970104131675 0,15.297279140073902 0,15.352704064494459 0,15.393013100436683 0,15.43836076587168 0,15.46859254282835 0,15.46859254282835 0,15.498824319785015 0,15.529056096741686 0,15.579442391669465 0,15.624790057104464 0,15.680214981525022 0,15.735639905945579 0,15.775948941887806 0,15.801142089351698 0,15.801142089351698 0,15.821296607322806 0,15.796103459858918 0,15.715485387974473 0,15.60967416862613 0,15.513940208263351 0,15.41820624790057 0,15.32247228753779 0,15.186429291232782 0,15.186429291232782 0,15.070540812898892 0,14.984884111521666 0,14.889150151158885 0,14.773261672824992 0,14.647295935505541 0,14.516291568693315 0,14.390325831373866 0,14.289553241518309 0,14.289553241518309 0,14.25932146456164 0,14.309707759489417 0,14.42559623782331 0,14.42559623782331 0,14.50117568021498 0,14.53140745717165 0,14.491098421229422 0,14.435673496808866 0,14.395364460866643 0,14.395364460866643 0,14.334900906953308 0,14.25932146456164 0,14.098085320792741 0,13.926771918038291 0,13.795767551226064 0,13.795767551226064 0,13.639570036949948 0,13.478333893181055 0,13.32213637890494 0,13.32213637890494 0,13.206247900571043 0,13.16090023513604 0,13.120591199193818 0,13.085320792744376 0,13.045011756802147 0,12.954316425932145 0,12.954316425932145 0,12.9190460194827 0,13.03997312730937 0,13.241518307020488 0,13.443063486731607 0,13.644608666442728 0,13.846153846153843 0,14.0628149143433 0,14.279475982532752 0,14.440712126301646 0,14.440712126301646 0,14.460866644272757 0,14.460866644272757 0,14.541484716157207 0,14.541484716157207 0,14.54652334564998 0,14.54652334564998 0,14.55156197514276 0,14.586832381592206 0,14.642257306012764 0,14.642257306012764 0,14.67752771246221 0,14.7027208599261 0,14.7027208599261 0,14.67248908296943 0,14.667450453476656 0,14.637218676519987 0,14.612025529056098 0,14.591871011084983 0,14.571716493113872 0,14.571716493113872 0,14.541484716157207 0,14.496137050722202 0,14.496137050722202 0,14.410480349344978 0,14.299630500503861 0,14.098085320792741 0,14.098085320792741 0,13.881424252603292 0,13.669801813906616 0,13.45817937520994 0,13.226402418542158 0,13.226402418542158 0,13.14578434665771 0,13.14578434665771 0,13.140745717164933 0,13.186093382599932 0,13.186093382599932 0,13.271750083977157 0,13.271750083977157 0,13.332213637890494 0,13.382599932818273 0,13.43802485723883 0,13.48841115216661 0,13.533758817601615 0,13.584145112529391 0,13.624454148471614 0,13.624454148471614 0,13.599261001007726 0,13.599261001007726 0,13.589183742022172 0,13.503527040644947 0,13.397715821296607 0,13.32213637890494 0,13.231441048034931 0,13.120591199193818 0,12.964393684917699"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
+                Zoom to leg on map
+              </span>
             </button>
-          </div>
+          </span>
+        </div>
+        <span
+          className="c18"
+        >
+          <span
+            className="c19"
+          >
+            <span
+              className="c20"
+            >
+              10 min
+            </span>
+          </span>
         </span>
       </div>
     </div>
     <div
-      className="c35 c36"
+      className="c21 c22"
     >
       <a
         aria-label="View on map"
-        className="c37 c38"
+        className="c23 c24"
         onClick={[Function]}
         title="View on map"
       >
@@ -107427,7 +116239,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c3"
       >
         <div
-          className="c4"
+          className="c25"
           mode="WALK"
         />
         <div
@@ -107435,7 +116247,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         >
           <div
             aria-label="Travel by walking"
-            className="c6"
+            className="c26"
             mode="WALK"
           >
             <svg
@@ -107460,13 +116272,13 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         aria-hidden={true}
         className="c8"
       >
-        NE Broadway
+        P+R Sunset TC
       </span>
     </div>
     <div
       className="c9"
     >
-      4:03 PM
+      4:02 PM
     </div>
     <span
       className="c10"
@@ -107494,11 +116306,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                - 
             </span>
             <span>
-              Walk to 
+              Walk 426 feet to 
               <span
                 className="c15"
               >
-                NE Broadway & 28th
+                Sunset TC MAX Station
               </span>
             </span>
             <button
@@ -107521,16 +116333,16 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
           >
             <button
               aria-expanded={false}
-              className="c16 c20"
+              className="c16 c27"
               onClick={[Function]}
             >
-              0 min
+              3 min
               <span
-                className="c21"
+                className="c28"
               >
                 <svg
                   aria-hidden="true"
-                  className="c22"
+                  className="c29"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -107566,13 +116378,112 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
               style={Object {}}
             >
               <ol
-                className="c23"
+                className="c30"
               >
                 <li
-                  className="c24"
+                  className="c31"
                 >
                   <div
-                    className="c25"
+                    className="c32"
+                  >
+                    <svg
+                      viewBox="0 0 261 261"
+                    >
+                      <path
+                        d="M204.5 120.5l20-120-120 20 30 30-40 40c-20 20-40 40-40 80v90h60v-90c0-20 10-30 20-40l40-40z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c33"
+                  >
+                    <span>
+                      SLIGHTLY_RIGHT
+                       on 
+                      <span
+                        className="c34"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c35"
+                      >
+                        16 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c31"
+                >
+                  <div
+                    className="c32"
+                  >
+                    <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="c33"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c34"
+                      >
+                        steps
+                      </span>
+                      <span
+                        className="c35"
+                      >
+                        232 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c31"
+                >
+                  <div
+                    className="c32"
+                  >
+                    <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="c33"
+                  >
+                    <span>
+                      LEFT
+                       on 
+                      <span
+                        className="c34"
+                      >
+                        Unnamed Path
+                      </span>
+                      <span
+                        className="c35"
+                      >
+                        19 feet
+                      </span>
+                    </span>
+                  </div>
+                </li>
+                <li
+                  className="c31"
+                >
+                  <div
+                    className="c32"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -107583,15 +116494,20 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c26"
+                    className="c33"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c27"
+                        className="c34"
                       >
-                        street transit link
+                        Sunset TC (path)
+                      </span>
+                      <span
+                        className="c35"
+                      >
+                        159 feet
                       </span>
                     </span>
                   </div>
@@ -107603,11 +116519,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
       </div>
     </div>
     <div
-      className="c35 c36"
+      className="c21 c22"
     >
       <a
         aria-label="View on map"
-        className="c37 c38"
+        className="c23 c24"
         onClick={[Function]}
         title="View on map"
       >
@@ -107638,25 +116554,25 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c3"
       >
         <div
-          className="c42"
-          mode="BUS"
+          className="c36"
+          mode="TRAM"
         />
         <div
           className="c5"
         >
           <div
-            className="c43"
+            className="c37"
           >
             <span
               aria-hidden={true}
               className="styled__SRHidden-sc-1q8npbl-57"
             >
-              70
+              MA
             </span>
             <span
-              className="c44"
+              className="c38"
             >
-              12th/NE 33rd Ave
+              MAX Blue Line
             </span>
           </div>
         </div>
@@ -107669,18 +116585,18 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         aria-hidden={true}
         className="c8"
       >
-        NE Broadway & 28th
+        Sunset TC MAX Station
         <span
-          className="c45"
+          className="c39"
         >
-          ID 638
+          ID 9969
         </span>
       </span>
     </div>
     <div
       className="c9"
     >
-      4:08 PM
+      4:05 PM
     </div>
     <span
       className="c10"
@@ -107707,26 +116623,26 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                 Ride
               </span>
               <span
-                className="c13 c46"
+                className="c13 c40"
               >
                 <div>
                   <span
-                    className="c47"
+                    className="c41"
                   >
-                    70
+                    MAX Blue Line
                   </span>
                 </div>
                 <span
-                  className="c48"
+                  className="c42"
                 >
                   <span>
-                    12th/NE 33rd Ave 
+                    MAX Blue Line 
                     <span
-                      className="c49"
+                      className="c43"
                     >
                       to
                     </span>
-                     NE Sunderland
+                     Gresham
                   </span>
                 </span>
               </span>
@@ -107735,11 +116651,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
               >
                  - 
                 Disembark at 
-                NE 33rd & Shaver
+                Oak/ SW 1st Ave MAX Station
                 <span
-                  className="c45"
+                  className="c39"
                 >
-                  ID 7393
+                  ID 8337
                 </span>
               </span>
             </span>
@@ -107759,6 +116675,47 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
           aria-label="Leg details"
           role="group"
         >
+          <button
+            className="c16 c44"
+            onClick={[Function]}
+          >
+            <svg
+              aria-hidden="true"
+              className="c29 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
+              fill="currentColor"
+              focusable="false"
+              height={15}
+              viewBox="0 0 576 512"
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            2 alerts
+            <span
+              className="c28"
+            >
+              <svg
+                aria-hidden="true"
+                className="c29"
+                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>
+          </button>
           <div
             aria-hidden={false}
             className="rah-static rah-static--height-auto "
@@ -107771,7 +116728,80 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
           >
             <div
               style={Object {}}
-            />
+            >
+              <div
+                className="c45"
+              >
+                <a
+                  className="c46"
+                  href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
+                >
+                  <div
+                    className="c47"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c29 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c48"
+                  >
+                    The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
+                  </div>
+                  <div
+                    className="c49"
+                  >
+                    Effective as of November 6, 2019
+                  </div>
+                </a>
+                <a
+                  className="c46"
+                  href="http://trimet.org/alerts/"
+                >
+                  <div
+                    className="c47"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      className="c29 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
+                      fill="currentColor"
+                      focusable="false"
+                      height={18}
+                      viewBox="0 0 576 512"
+                      width={18}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    className="c48"
+                  >
+                    The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
+                  </div>
+                  <div
+                    className="c49"
+                  >
+                    Effective as of November 3, 2019
+                  </div>
+                </a>
+              </div>
+            </div>
           </div>
           <div
             className="c50"
@@ -107784,14 +116814,14 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                 onClick={[Function]}
               >
                 Ride 
-                8 min
+                21 min
                  / 9 stops
                 <span
-                  className="c21"
+                  className="c28"
                 >
                   <svg
                     aria-hidden="true"
-                    className="c22"
+                    className="c29"
                     fill="currentColor"
                     focusable="false"
                     height={15}
@@ -107842,7 +116872,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE Broadway & 32nd
+                        Washington Park MAX Station
                       </div>
                     </li>
                     <li
@@ -107856,7 +116886,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & Schuyler
+                        Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
@@ -107870,7 +116900,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & US Grant Pl
+                        Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
@@ -107884,7 +116914,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & Brazee
+                        Providence Park MAX Station
                       </div>
                     </li>
                     <li
@@ -107898,7 +116928,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & Knott
+                        Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
@@ -107912,7 +116942,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & Stanton
+                        Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
@@ -107926,7 +116956,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & Siskiyou
+                        Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
@@ -107940,7 +116970,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                       <div
                         className="c57"
                       >
-                        NE 33rd & Alameda
+                        Yamhill District MAX Station
                       </div>
                     </li>
                   </ol>
@@ -107952,11 +116982,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
       </div>
     </div>
     <div
-      className="c35 c36"
+      className="c21 c22"
     >
       <a
         aria-label="View on map"
-        className="c37 c38"
+        className="c23 c24"
         onClick={[Function]}
         title="View on map"
       >
@@ -107987,7 +117017,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c3"
       >
         <div
-          className="c4"
+          className="c25"
           mode="WALK"
         />
         <div
@@ -107995,7 +117025,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         >
           <div
             aria-label="Travel by walking"
-            className="c6"
+            className="c26"
             mode="WALK"
           >
             <svg
@@ -108020,18 +117050,18 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         aria-hidden={true}
         className="c8"
       >
-        NE 33rd & Shaver
+        Oak/ SW 1st Ave MAX Station
         <span
-          className="c45"
+          className="c39"
         >
-          ID 7393
+          ID 8337
         </span>
       </span>
     </div>
     <div
       className="c9"
     >
-      4:17 PM
+      4:27 PM
     </div>
     <span
       className="c10"
@@ -108059,11 +117089,11 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                - 
             </span>
             <span>
-              Walk 0.4 miles to 
+              Walk 0.1 miles to 
               <span
                 className="c15"
               >
-                Shared E-scooter
+                205 SW Pine St, Portland, OR, USA 97204
               </span>
             </span>
             <button
@@ -108086,16 +117116,16 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
           >
             <button
               aria-expanded={false}
-              className="c16 c20"
+              className="c16 c27"
               onClick={[Function]}
             >
-              8 min
+              2 min
               <span
-                className="c21"
+                className="c28"
               >
                 <svg
                   aria-hidden="true"
-                  className="c22"
+                  className="c29"
                   fill="currentColor"
                   focusable="false"
                   height={15}
@@ -108131,13 +117161,13 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
               style={Object {}}
             >
               <ol
-                className="c23"
+                className="c30"
               >
                 <li
-                  className="c24"
+                  className="c31"
                 >
                   <div
-                    className="c25"
+                    className="c32"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -108148,350 +117178,30 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c26"
+                    className="c33"
                   >
                     <span>
                       Head 
-                      NORTH
-                       on 
-                      <span
-                        className="c27"
-                      >
-                        NE 33rd Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        33 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"
-                      >
-                        NE Shaver St
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        0.3 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
+                      NORTHEAST
                        on 
                       <span
-                        className="c27"
+                        className="c34"
                       >
-                        NE 38th Ave
+                        Oak/SW 1st Ave (path)
                       </span>
                       <span
-                        className="c28"
+                        className="c35"
                       >
-                        332 feet
+                        13 feet
                       </span>
                     </span>
                   </div>
                 </li>
-              </ol>
-            </div>
-          </div>
-          <div
-            className="c29"
-          >
-            <button
-              className="c16 c30"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c31"
-              >
-                Elevation chart
-                <span
-                  className="c32 c33"
-                >
-                  ↑
-                  9'
-                </span>
-                <span
-                  className="c32 c34"
-                >
-                  ↓
-                  13'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,14.934021801491683 0,14.870912220309814 0,14.888123924268506 0,14.8995983935743 0,14.962707974756169 0,14.95697074010327 0,14.939759036144576 0,14.991394148020653 0,15.117613310384394 0,15.117613310384394 0,15.008605851979347 0,14.922547332185882 0,14.95697074010327 0,14.876649454962715 0,14.859437751004021 0,14.893861158921407 0,14.951233505450377 0,15.077452667814116 0,15.077452667814116 0,14.911072862880099 0,14.859437751004021 0,14.893861158921407 0,14.750430292598974 0,14.716006884681589 0,14.64716006884682 0,14.687320711417096 0,14.77911646586345 0,14.77911646586345 0,14.578313253012048 0,14.543889845094663 0,14.566838783706256 0,14.58978772231785 0,14.555364314400462 0,14.561101549053355 0,14.526678141135973 0,14.595524956970742 0,14.595524956970742 0,14.377510040160647 0,14.366035570854846 0,14.39472174411934 0,14.371772805507746 0,14.34308663224326 0,14.371772805507746 0,14.406196213425131 0,14.612736660929434 0,14.612736660929434 0,14.538152610441772 0,14.549627079747564 0,14.64716006884682 0,14.629948364888126 0,14.681583476764203 0,14.750430292598974 0,14.733218588640282 0,14.95697074010327 0,15.04302925989673 0,15.04302925989673 0,15.083189902467009 0,15.111876075731502 0,15.15777395295468 0,15.215146299483647 0,15.283993115318419 0,15.364314400458982 0,15.427423981640851 0,15.496270797475614 0,15.565117613310383 0,15.645438898450946 0,15.656913367756738"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </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-45"
-          height={15}
-          role="img"
-          viewBox="0 0 390 390"
-          width={15}
-        >
-          <title>
-            View on map
-          </title>
-          <path
-            d="M260.4 54.2L129.6 0 6.6 50.9v335.8l123-50.9L260.4 390l123-50.9V3.3l-123 50.9zM139.2 25l111.5 46.2v294L139.2 319V25zM25.9 63.9l94.1-39v294l-94.1 39v-294zm338.2 262.2l-94.1 39V71.2l94.1-39v293.9z"
-          />
-        </svg>
-      </a>
-    </div>
-  </li>
-  <li
-    className="c1"
-  >
-    <div
-      className="c2"
-    >
-      <div
-        className="c3"
-      >
-        <div
-          className="c39"
-          mode="MICROMOBILITY"
-        />
-        <div
-          className="c5"
-        >
-          <div
-            aria-label="Travel by e-scooter"
-            className="c40"
-            mode="MICROMOBILITY"
-          >
-            <svg
-              style={
-                Object {
-                  "enableBackground": "new 0 0 1186 406.9",
-                }
-              }
-              version="1.1"
-              viewBox="0 0 1186 406.9"
-              width="66%"
-            >
-              <title>
-                Travel by e-scooter
-              </title>
-              <g>
-                <path
-                  d="M1182,335.7c-14.6,0-29.1,0-44.2,0c-1-8.4-2-16.7-3.1-25.5c-0.7,0.8-1,1.1-1.3,1.5 c-11.6,16.4-27.8,25.2-47.4,27.6c-20.3,2.6-40-0.1-58.6-8.9c-25.2-11.9-41.2-31.8-48.4-58.5c-6.4-23.6-6-47.3,1.4-70.6 c10.8-34,34.7-53.5,69.4-60.3c20.2-3.9,39.8-2.2,58.6,6.7c10,4.7,18.9,10.8,25.2,20.1c0.1,0.2,0.5,0.3,1,0.7c0-35,0-69.7,0-104.8 c16,0,31.6,0,47.3,0C1182,154.4,1182,245,1182,335.7z M1072.1,183.7c-17.8,0.6-34.7,9.6-44.4,30.1c-4.9,10.4-6.1,21.6-4.9,33.1 c4.2,39.3,42,58.6,75.7,44.7c20.1-8.4,30.3-24.4,32.8-45.8C1135.2,212.1,1110.1,183.7,1072.1,183.7z"
-                />
-                <path
-                  d="M236.8,62.4c0,34.2,0.1,68.4,0.1,102.7c0,1.1,0,2.2,0,4c1.5-1.8,2.6-2.9,3.6-4.1 c13.2-15.1,29.9-22.9,49.8-24.1c14.2-0.8,28.1,0.6,41.2,6.4c19.7,8.7,31.2,24.4,37.5,44.3c4.3,13.6,5.8,27.6,5.8,41.8 c0,33,0,65.9,0,98.9c0,0.9-0.1,1.9-0.2,3c-15.7,0-31.2,0-47.3,0c0-1.3,0-2.6,0-4c0-31.8,0.1-63.6-0.1-95.4c0-6.7-0.7-13.6-2.3-20.2 c-5.8-24.4-25.1-32.4-45.3-30.6c-24.3,2.2-39.4,22.1-42.1,43.9c-0.5,3.8-0.6,7.7-0.6,11.6c0,30.1,0,60.3,0,90.4c0,1.3,0,2.7,0,4.3 c-15.8,0-31.4,0-47.3,0c-0.1-1.2-0.2-2.5-0.2-3.7c0-88.8,0-177.5,0-266.3c0-1,0.1-2.1,0.2-3.1C205.4,62.4,221.1,62.4,236.8,62.4z"
-                />
-                <path
-                  d="M81.5,342.6c-6.5-0.8-13.1-1.4-19.6-2.5c-22.1-3.9-40.8-14.2-56.4-30.1c-1-1-1.8-1.9-0.7-3.4 c7.4-10.7,14.7-21.4,22.1-32.3c0.6,0.4,1,0.6,1.3,0.9c19.3,17.3,42.3,25,67.8,25.7c8.6,0.2,16.8-2.4,23.7-7.9 c4-3.1,6.9-7.1,7.6-12.2c1.2-8.5-2.1-14.4-10.1-17.8c-8.9-3.9-18.5-4.3-28-5.1c-17.1-1.4-33.9-4.5-49.3-12.5 c-15.3-8-25.9-19.8-28.8-37.3c-4-24.2,5.8-44.7,27.1-57c12.5-7.3,26.2-11.1,40.6-12.3c18.5-1.7,36.9-0.6,54.6,5.4 c12.1,4.1,22.7,10.7,32.4,19.4c-8.8,10.4-17.5,20.7-26.3,31.2c-0.6-0.4-1.1-0.6-1.4-1c-12-11-26.5-15.9-42.5-15.9 c-7.7,0-15.4,1.3-23,2.3c-2.1,0.3-4.2,1.4-6.1,2.4c-5.6,2.9-9.2,7.3-9.3,13.8c-0.2,6.7,3,11.6,8.7,14.9c6.1,3.6,12.9,4.9,19.8,5.7 c13.1,1.7,26.2,2.8,39.2,5.2c7.1,1.3,14.1,4.1,20.7,7.2c19,9.2,28.3,25,29.1,45.7c1.2,29-14.4,51.2-42.9,61.3 c-9.1,3.3-18.6,5.1-28.2,5.8c-1,0.1-2.1,0.3-3.1,0.5C94.1,342.6,87.8,342.6,81.5,342.6z"
-                />
-                <path
-                  d="M962.5,256.6c-49.8,0-99.2,0-149.3,0c1.1,3.9,1.8,7.5,3.2,10.8c6.4,15.5,18.8,24,34.6,27.7 c21.2,5,41.4,1.8,60.5-8.3c3.6-1.9,6.7-4.6,10.1-6.9c9.7,9.9,19.5,19.9,29.6,30.2c-0.3,0.4-1.1,1.3-2,2.1 c-14,13.1-30.8,20.7-49.3,25c-23.3,5.4-46.6,5.2-69.5-2.1c-36.4-11.6-57.3-37.1-64.1-74.2c-3.7-20.1-2.9-40.1,4-59.5 c12.4-34.8,37.5-54.8,73.4-61.7c19.1-3.6,38.2-2.9,56.9,2.6c32.4,9.4,51.5,31.4,59.4,63.7c3.7,15.4,4,31.1,3,46.8 C963,253.9,962.7,255.1,962.5,256.6z M814.5,216.8c34.3,0,68.2,0,102.3,0c-0.1-0.9-0.1-1.6-0.2-2.2c-0.1-0.7-0.2-1.4-0.4-2.2 c-3.3-14.2-11.9-23.7-25.5-28.7c-10.5-3.9-21.5-4.7-32.5-3.1c-20.1,2.8-34.9,12.7-42.5,32.2C815.2,214,814.9,215.3,814.5,216.8z"
-                />
-                <path
-                  d="M667.7,335.6c-15.9,0-31.4,0-47.2,0c0-64,0-127.9,0-192c1.1-0.1,2.1-0.2,3.1-0.2c12.6,0,25.2,0,37.7-0.1 c2.3,0,3.1,0.6,3.3,2.9c0.8,6,1.9,12,2.9,18.3c0.6-0.6,1.1-0.8,1.3-1.2c10.4-15.8,25.3-23.6,43.9-24.8c17-1.1,33.2,1.6,48,10.5 c3.3,2,6.2,4.6,9.3,7c-1.4,3.5-2.6,7-4.3,10.3c-4.8,9.6-9.8,19.2-14.8,28.7c-0.5,0.9-1,1.8-1.7,2.9c-1.5-1.1-2.9-2.1-4.1-3.1 c-16.5-13.1-44.5-11.1-58.7-1.4c-11.2,7.6-16.5,18.6-18.1,31.6c-0.5,4.1-0.6,8.3-0.6,12.5c0,31.2,0,62.4,0,93.6 C667.7,332.5,667.7,333.9,667.7,335.6z"
-                />
-                <path
-                  d="M551.2,143.5c-0.5,8.4-1,16.7-1.6,25c-0.2,0.1-0.5,0.2-0.7,0.3c-0.2-0.4-0.4-0.8-0.6-1.1 c-8.5-12.7-20.6-20.3-34.8-24.9c-15.8-5.1-31.8-4.9-47.8-1.8c-34.6,6.6-59,25.9-70.7,59.6c-6.4,18.3-7.2,37.3-5,56.4 c2,17,7.2,32.8,16.8,47.1c23.9,35.2,73,43.7,103.7,33.8c13.9-4.5,26.3-11.4,35.3-23.4c1.2-1.6,2.3-3.4,3.8-5.7 c0.8,9.4,1.6,18.1,2.3,26.7c15.1,0,29.8,0,44.4,0c0-64.2,0-128,0-191.9C581.2,143.5,566.4,143.5,551.2,143.5z M548.4,246.2 c-0.7,7.8-2.7,15.3-6.3,22.2c-9.5,18.3-24.7,27.9-45.2,29.2c-23.1,1.5-46.3-9.1-55.7-33.4c-2.8-7.1-3.8-14.9-5.6-22.4 c0.3-0.1,0.6-0.1,0.9-0.2c-0.6-25.4,10.7-46.4,33-55.7c23-9.6,50.1-4.2,65.2,13.5C546.1,212.9,549.9,228.9,548.4,246.2z"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c7"
-    >
-      <span
-        aria-hidden={true}
-        className="c8"
-      >
-        Shared E-scooter
-      </span>
-    </div>
-    <div
-      className="c9"
-    >
-      4:25 PM
-    </div>
-    <span
-      className="c10"
-    >
-      otpUi.TransitLegBody.fromLocation
-    </span>
-    <div
-      className="c11"
-    >
-      <div
-        className="c41"
-      >
-        Pick up Shared 
-        E-scooter
-         
-      </div>
-      <div
-        className="c12"
-      >
-        <div
-          className="styled__LegClickable-sc-1q8npbl-24"
-        >
-          <span
-            className="c13"
-          >
-            <span
-              className="c14"
-            />
-            <span
-              className="c10"
-            >
-               - 
-            </span>
-            <span>
-              Ride 1 mile to 
-              <span
-                className="c15"
-              >
-                5112 NE 47th Pl, Portland, OR, USA 97218
-              </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]}
-            >
-              5 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"
+                  className="c31"
                 >
                   <div
-                    className="c25"
+                    className="c32"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -108502,62 +117212,29 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c26"
+                    className="c33"
                   >
                     <span>
                       CONTINUE
                        on 
                       <span
-                        className="c27"
-                      >
-                        NE 38th Ave
-                      </span>
-                      <span
-                        className="c28"
-                      >
-                        355 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"
+                        className="c34"
                       >
-                        NE Skidmore St
+                        Unnamed Path
                       </span>
                       <span
-                        className="c28"
+                        className="c35"
                       >
-                        0.2 miles
+                        27 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c24"
+                  className="c31"
                 >
                   <div
-                    className="c25"
+                    className="c32"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -108568,29 +117245,29 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c26"
+                    className="c33"
                   >
                     <span>
                       LEFT
                        on 
                       <span
-                        className="c27"
+                        className="c34"
                       >
-                        NE 42nd Ave
+                        SW Oak St
                       </span>
                       <span
-                        className="c28"
+                        className="c35"
                       >
-                        0.4 miles
+                        37 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c24"
+                  className="c31"
                 >
                   <div
-                    className="c25"
+                    className="c32"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -108601,29 +117278,29 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c26"
+                    className="c33"
                   >
                     <span>
                       RIGHT
                        on 
                       <span
-                        className="c27"
+                        className="c34"
                       >
-                        NE Alberta St
+                        SW 1st Ave
                       </span>
                       <span
-                        className="c28"
+                        className="c35"
                       >
-                        0.3 miles
+                        260 feet
                       </span>
                     </span>
                   </div>
                 </li>
                 <li
-                  className="c24"
+                  className="c31"
                 >
                   <div
-                    className="c25"
+                    className="c32"
                   >
                     <svg
                       viewBox="0 0 261 261"
@@ -108634,20 +117311,20 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c26"
+                    className="c33"
                   >
                     <span>
                       LEFT
                        on 
                       <span
-                        className="c27"
+                        className="c34"
                       >
-                        NE 47th Pl
+                        SW Pine St
                       </span>
                       <span
-                        className="c28"
+                        className="c35"
                       >
-                        313 feet
+                        337 feet
                       </span>
                     </span>
                   </div>
@@ -108655,56 +117332,15 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
               </ol>
             </div>
           </div>
-          <div
-            className="c29"
-          >
-            <button
-              className="c16 c30"
-              onClick={[Function]}
-              role="button"
-              tabIndex={0}
-              title="Toggle elevation chart"
-            >
-              <div
-                className="c31"
-              >
-                Elevation chart
-                <span
-                  className="c32 c33"
-                >
-                  ↑
-                  10'
-                </span>
-                <span
-                  className="c32 c34"
-                >
-                  ↓
-                  90'
-                </span>
-              </div>
-              <svg
-                height={30}
-                width={null}
-              >
-                <polyline
-                  fill="none"
-                  points="0,10.068465565847767 0,10.096657269432136 0,10.116794200563838 0,10.149013290374548 0,10.189287152637938 0,10.23761578735401 0,10.293999194522755 0,10.33830044301249 0,10.386629077728553 0,10.434957712444625 0,10.491341119613374 0,10.535642368103101 0,11.043093032621833 0,10.982682239226747 0,10.950463149416027 0,10.902134514699956 0,10.797422472815143 0,10.761175996778093 0,10.700765203383003 0,10.741039065646397 0,10.825614176399515 0,10.825614176399515 0,10.765203383004433 0,10.749093838099071 0,10.857833266210235 0,10.938380990737013 0,10.926298832057995 0,11.035038260169156 0,11.184051550543703 0,11.292790978654853 0,11.292790978654853 0,11.167942005638345 0,11.292790978654853 0,11.39347563431333 0,11.57873540072493 0,11.554571083366895 0,11.687474828836091 0,11.81635118807894 0,11.99355618203786 0,11.75594039468385 0,11.800241643173582 0,11.908981071284735 0,12.041884816753932 0,12.166733789770444 0,12.287555376560611 0,12.40434957712445 0,12.525171163914617 0,12.641965364478455 0,12.75875956504229 0,12.93193717277487 0,15.336286749899315 0,15.408779701973419 0,15.529601288763592 0,15.606121627064036 0,15.686669351590819 0,15.755134917438582 0,15.835682641965365 0,15.924285138944827 0,16.00483286347161 0,16.089407974224727 0,16.161900926298834 0,16.22633910592026 0,16.29883205799436 0,16.327023761578737 0,16.327023761578737 0,16.35521546516311 0,16.427708417237213 0,16.459927507047926 0,16.4881192106323 0,16.53242045912203 0,16.564639548932746 0,16.600886024969796 0,16.637132501006846 0,16.665324204591222 0,16.665324204591222 0,16.681433749496577 0,16.72170761175997 0,16.761981474023358 0,16.79822795006041 0,16.83447442609746 0,16.866693515908178 0,16.902939991945228 0,16.943213854208622 0,16.963350785340314 0,17.515102698348773 0,17.426500201369315 0,17.317760773258158 0,17.321788159484495 0,17.490938380990737 0,17.535239629480465 0,17.535239629480465 0,17.551349174385827 0,17.599677809101895 0,17.664115988723317 0,17.71244462343939 0,17.768828030608134 0,17.80104712041885 0,17.821184051550546 0,17.75674587192912 0,17.772855416834474 0,17.84132098268224 0,17.893677003624646 0,17.913813934756345 0,17.901731776077327 0,17.93395086588804 0,18.042690293999193 0,18.02658074909384 0,18.050745066451874 0,18.06282722513089 0,18.050745066451874 0,18.10712847362062 0,18.131292790978655 0,18.135320177204996 0,18.123238018525978 0,18.086991542488924 0,18.099073701167942 0,18.135320177204996 0,18.167539267015705 0,18.215867901731777 0,18.260169150221508 0,18.308497784937575 0,18.3930728956907 0,18.42931937172775 0,18.50181232380185 0,18.530004027386227 0,18.60249697946033 0,18.674989931534434 0,18.719291180024165 0,18.836085380588003 0,18.868304470398712 0,18.868304470398712 0,18.819975835682644 0,18.86427708417237 0,18.997180829641565 0,19.194522754732176 0,19.383809907370114 0,19.544905356423683 0,19.665726943213855 0,19.774466371325012 0,19.88320579943617 0,19.931534434152237"
-                  stroke="black"
-                  strokeWidth={1.3}
-                />
-              </svg>
-              mocked-react-resize-detector
-            </button>
-          </div>
         </span>
       </div>
     </div>
     <div
-      className="c35 c36"
+      className="c21 c22"
     >
       <a
         aria-label="View on map"
-        className="c37 c38"
+        className="c23 c24"
         onClick={[Function]}
         title="View on map"
       >
@@ -108742,7 +117378,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
           >
             <svg
               aria-hidden="true"
-              className="c22 c59"
+              className="c29 c59"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -108766,29 +117402,29 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         aria-hidden={true}
         className="c8"
       >
-        5112 NE 47th Pl, Portland, OR, USA 97218
+        205 SW Pine St, Portland, OR, USA 97204
       </span>
     </div>
     <div
       className="c9"
     >
-      4:31 PM
+      4:29 PM
     </div>
     <span
       className="c10"
     >
       Arrive at 
-      5112 NE 47th Pl, Portland, OR, USA 97218
+      205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
       className="c11"
     />
     <div
-      className="c35 c36"
+      className="c21 c22"
     >
       <a
         aria-label="View on map"
-        className="c37 c38"
+        className="c23 c24"
         onClick={[Function]}
         title="View on map"
       >
@@ -121679,7 +130315,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -121739,7 +130375,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -121773,7 +130409,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -123713,7 +132349,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
           >
             <svg
               aria-hidden="true"
-              className="c25 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c25 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -123773,7 +132409,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                   >
                     <svg
                       aria-hidden="true"
-                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -123807,7 +132443,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                   >
                     <svg
                       aria-hidden="true"
-                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -123841,7 +132477,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                   >
                     <svg
                       aria-hidden="true"
-                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -125640,7 +134276,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -125700,7 +134336,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -125734,7 +134370,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -125768,7 +134404,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -127567,7 +136203,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -127627,7 +136263,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -127661,7 +136297,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -127695,7 +136331,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -129493,7 +138129,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -129553,7 +138189,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -129587,7 +138223,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -129621,7 +138257,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -136052,7 +144688,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -136112,7 +144748,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -136146,7 +144782,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -140731,7 +149367,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -140791,7 +149427,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -140825,7 +149461,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -145410,7 +154046,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -145470,7 +154106,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -145504,7 +154140,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -158493,7 +167129,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -158553,7 +167189,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -158587,7 +167223,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -158621,7 +167257,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -160458,7 +169094,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -160518,7 +169154,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -160552,7 +169188,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -160586,7 +169222,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -162369,7 +171005,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -162429,7 +171065,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -162463,7 +171099,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -162497,7 +171133,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -164287,7 +172923,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -164347,7 +172983,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -164381,7 +173017,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -164415,7 +173051,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -166222,7 +174858,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-83"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -166282,7 +174918,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -166316,7 +174952,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -166350,7 +174986,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-84"
                       fill="currentColor"
                       focusable="false"
                       height={18}

From 1f403c2afa7f59bffdb6aa6f2e721ee015163939 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Mon, 25 Sep 2023 11:17:36 -0500
Subject: [PATCH 12/32] test: update snapshots

---
 __snapshots__/storybook.test.ts.snap | 45 ++++++++++++++++------------
 1 file changed, 26 insertions(+), 19 deletions(-)

diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 1ad56a326..63361c7ba 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -208234,7 +208234,9 @@ exports[`Storyshots PrintableItinerary Tnc Transit Itinerary 2`] = `
          
         <span
           className="c10"
-        />
+        >
+          Burnside/Stark
+        </span>
       </div>
       <div
         className="c6"
@@ -213370,24 +213372,6 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
   overflow: hidden;
 }
 
-.c20 {
-  font-weight: 200;
-}
-
-.c11 {
-  font-weight: inherit;
-}
-
-.c16 {
-  font-weight: 500;
-}
-
-.c17 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
 .c6 {
   -webkit-align-items: center;
   -webkit-box-align: center;
@@ -213426,6 +213410,24 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
   font-weight: 600;
 }
 
+.c20 {
+  font-weight: 200;
+}
+
+.c11 {
+  font-weight: inherit;
+}
+
+.c16 {
+  font-weight: 500;
+}
+
+.c17 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
 .c0 {
   margin-bottom: 10px;
   border-top: 1px solid grey;
@@ -239655,6 +239657,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "accessibilityScore": null,
           "agency": null,
           "agencyBrandingUrl": undefined,
+          "agencyId": undefined,
           "agencyName": undefined,
           "agencyUrl": undefined,
           "alightRule": "scheduled",
@@ -239793,6 +239796,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
             "url": "https://kingcounty.gov/en/dept/metro",
           },
           "agencyBrandingUrl": "https://kingcounty.gov/en/dept/metro",
+          "agencyId": "QWdlbmN5OmtjbTox",
           "agencyName": "Metro Transit",
           "agencyUrl": "https://kingcounty.gov/en/dept/metro",
           "alightRule": "scheduled",
@@ -240314,6 +240318,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "accessibilityScore": null,
           "agency": null,
           "agencyBrandingUrl": undefined,
+          "agencyId": undefined,
           "agencyName": undefined,
           "agencyUrl": undefined,
           "alightRule": "scheduled",
@@ -240406,6 +240411,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
             "url": "https://www.soundtransit.org",
           },
           "agencyBrandingUrl": "https://www.soundtransit.org",
+          "agencyId": "QWdlbmN5OjQwOjQw",
           "agencyName": "Sound Transit",
           "agencyUrl": "https://www.soundtransit.org",
           "alightRule": "scheduled",
@@ -240809,6 +240815,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "accessibilityScore": null,
           "agency": null,
           "agencyBrandingUrl": undefined,
+          "agencyId": undefined,
           "agencyName": undefined,
           "agencyUrl": undefined,
           "alightRule": "scheduled",

From 9ebdebc038c56174f9e783a9ce924ab2366921dd Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Thu, 28 Sep 2023 18:40:26 -0400
Subject: [PATCH 13/32] fix(mode-selector): Fix vert alignment of transit modes

This applies when a mode name tha spans over two lines is next to a mode with a 1-line name.
---
 .../src/MetroModeSelector/MetroModeSelector.story.tsx       | 2 +-
 .../trip-form/src/MetroModeSelector/SubSettingsPane.tsx     | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx b/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx
index a4ec9d0b6..de4e78150 100644
--- a/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx
+++ b/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx
@@ -80,7 +80,7 @@ const modeSettingDefinitionsWithDropdown = [
     default: true,
     key: "tram",
     iconName: "tram",
-    label: "Tram but long",
+    label: "Tram",
     addTransportMode: {
       mode: "TRAM"
     },
diff --git a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
index 257b58a46..46ccb4bf1 100644
--- a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
+++ b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
@@ -19,10 +19,11 @@ export const defaultMessages: Record<string, string> = flatten(
 );
 
 const SubmodeGrid = styled.div`
+  align-items: center;
   display: grid;
   grid-template-columns: 1fr 1fr;
-  width: 100%;
   grid-column: span 2;
+  width: 100%;
 `;
 
 const SettingsPanel = styled.fieldset`
@@ -52,9 +53,6 @@ export const SubSettingsCheckbox = styled(CheckboxSelector)<{
 }>`
   display: ${props => (props.flexbox ? "flex" : "inherit")};
   margin-left: 4px;
-  input {
-    vertical-align: middle;
-  }
 `;
 
 const FormLabelIconWrapper = styled.span`

From d30066f80a036c5dd8a19ec4dd2b57eeb2c79031 Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Fri, 29 Sep 2023 08:46:19 -0400
Subject: [PATCH 14/32] fix(mode-selector): Fix mode button keyboard dropdown
 btn width

---
 packages/trip-form/src/MetroModeSelector/index.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/trip-form/src/MetroModeSelector/index.tsx b/packages/trip-form/src/MetroModeSelector/index.tsx
index 614e6dfb2..26fa1b919 100644
--- a/packages/trip-form/src/MetroModeSelector/index.tsx
+++ b/packages/trip-form/src/MetroModeSelector/index.tsx
@@ -104,13 +104,12 @@ const ModeButtonWrapper = styled.span<{
     bottom: 0;
     left: 4px;
     position: absolute;
-    right: 4px;
   }
 
   & > button:focus {
     clip: initial;
     height: initial;
-    width: initial;
+    width: calc(100% - 8px);
   }
 
   & > input:checked + label {

From 08258e0bc653a3286a9447c4c479ce9a7555c6b0 Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Fri, 29 Sep 2023 09:20:10 -0400
Subject: [PATCH 15/32] test(mode-selector): Update snapshots

---
 __snapshots__/storybook.test.ts.snap | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 7d3527fcd..2a98531e4 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -239210,14 +239210,13 @@ exports[`Storyshots Trip Form Components/Metro Mode Selector Metro Mode Selector
   bottom: 0;
   left: 4px;
   position: absolute;
-  right: 4px;
 }
 
 .c1 > button:focus {
   -webkit-clip: initial;
   clip: initial;
   height: initial;
-  width: initial;
+  width: calc(100% - 8px);
 }
 
 .c1 > input:checked + label {

From e3d504a94f5f62f8f0df5efb50664e814d638c24 Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Fri, 29 Sep 2023 09:20:38 -0400
Subject: [PATCH 16/32] chore(yarn.lock): Update yarn.lock

---
 yarn.lock | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 4325b8dcc..917932aaa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6564,11 +6564,6 @@ bottleneck@^2.18.1:
   resolved "https://registry.yarnpkg.com/bottleneck/-/bottleneck-2.19.5.tgz#5df0b90f59fd47656ebe63c78a98419205cadd91"
   integrity sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==
 
-bowser@^2.7.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/bowser/-/bowser-2.11.0.tgz#5ca3c35757a7aa5771500c70a73a9f91ef420a8f"
-  integrity sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==
-
 boxen@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50"

From 4257d28558a40b8e80b4392964f6cbc329a6d713 Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Fri, 29 Sep 2023 09:28:21 -0400
Subject: [PATCH 17/32] refactor(mode-selector): Sort CSS in modified
 subsetting panel.

---
 packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
index 46ccb4bf1..8d3398cf2 100644
--- a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
+++ b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
@@ -21,8 +21,8 @@ export const defaultMessages: Record<string, string> = flatten(
 const SubmodeGrid = styled.div`
   align-items: center;
   display: grid;
-  grid-template-columns: 1fr 1fr;
   grid-column: span 2;
+  grid-template-columns: 1fr 1fr;
   width: 100%;
 `;
 

From 39efee91be0e5f5689e7758a26761d9e8c52e712 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Mon, 2 Oct 2023 13:31:58 -0500
Subject: [PATCH 18/32] test: update snapshots

---
 __snapshots__/storybook.test.ts.snap | 2041 +++++++++++++-------------
 1 file changed, 982 insertions(+), 1059 deletions(-)

diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 15209adfa..d526a6121 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -184371,7 +184371,7 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c11 {
+.c10 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -184394,20 +184394,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c12 {
+.c11 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c14 {
+.c13 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c13 {
+.c12 {
   float: left;
 }
 
@@ -184476,50 +184476,47 @@ input[aria-expanded="false"] ~ .c7 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c12"
-        >
-          <span
-            className="c13"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c14"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c13"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -184635,7 +184632,7 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c11 {
+.c10 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -184658,20 +184655,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c12 {
+.c11 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c14 {
+.c13 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c13 {
+.c12 {
   float: left;
 }
 
@@ -184740,50 +184737,47 @@ input[aria-expanded="false"] ~ .c7 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c12"
-        >
-          <span
-            className="c13"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c14"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c13"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -184904,7 +184898,7 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c11 {
+.c10 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -184927,20 +184921,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c12 {
+.c11 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c14 {
+.c13 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c13 {
+.c12 {
   float: left;
 }
 
@@ -185009,50 +185003,47 @@ input[aria-expanded="false"] ~ .c7 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c12"
-        >
-          <span
-            className="c13"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c14"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c13"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -185165,7 +185156,7 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c11 {
+.c10 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -185188,20 +185179,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c12 {
+.c11 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c14 {
+.c13 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c13 {
+.c12 {
   float: left;
 }
 
@@ -185273,49 +185264,47 @@ input[aria-expanded="false"] ~ .c7 {
   >
     <li
       aria-hidden={true}
+      aria-live="off"
+      aria-selected={false}
       className="c10"
+      id="otpui-locf-option-0"
+      onClick={null}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-0"
-        onClick={null}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c12"
-        >
-          <span
-            className="c13"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c14"
-          >
-            otpUi.LocationField.currentLocationUnavailable
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c13"
+        >
+          otpUi.LocationField.currentLocationUnavailable
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -185456,7 +185445,7 @@ input[aria-expanded="false"] ~ .c8 {
   position: relative;
 }
 
-.c12 {
+.c11 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -185479,20 +185468,20 @@ input[aria-expanded="false"] ~ .c8 {
   cursor: default;
 }
 
-.c13 {
+.c12 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c15 {
+.c14 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c14 {
+.c13 {
   float: left;
 }
 
@@ -185582,50 +185571,47 @@ input[aria-expanded="false"] ~ .c8 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -185764,7 +185750,7 @@ input[aria-expanded="false"] ~ .c8 {
   position: relative;
 }
 
-.c12 {
+.c11 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -185787,20 +185773,20 @@ input[aria-expanded="false"] ~ .c8 {
   cursor: default;
 }
 
-.c13 {
+.c12 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c15 {
+.c14 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c14 {
+.c13 {
   float: left;
 }
 
@@ -185890,50 +185876,47 @@ input[aria-expanded="false"] ~ .c8 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -186054,7 +186037,7 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c11 {
+.c10 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -186077,20 +186060,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c12 {
+.c11 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c14 {
+.c13 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c13 {
+.c12 {
   float: left;
 }
 
@@ -186159,50 +186142,47 @@ input[aria-expanded="false"] ~ .c7 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c12"
-        >
-          <span
-            className="c13"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c14"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c13"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -186330,7 +186310,7 @@ input[aria-expanded="false"] ~ .c8 {
   position: relative;
 }
 
-.c12 {
+.c11 {
   background-color: transparent;
   clear: both;
   color: #333;
@@ -186353,20 +186333,20 @@ input[aria-expanded="false"] ~ .c8 {
   cursor: default;
 }
 
-.c14 {
+.c13 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c16 {
+.c15 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c15 {
+.c14 {
   float: left;
 }
 
@@ -186376,7 +186356,7 @@ input[aria-expanded="false"] ~ .c8 {
   display: block;
 }
 
-.c1 .c13 {
+.c1 .c12 {
   background-color: pink;
   font-size: 24px;
 }
@@ -186440,50 +186420,47 @@ input[aria-expanded="false"] ~ .c8 {
     role="listbox"
   >
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c12"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c12 c13"
       >
         <span
-          className="c13 c14"
-        >
-          <span
-            className="c15"
-            style={
-              Object {
-                "color": null,
-              }
+          className="c14"
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c4"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c4"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c16"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c15"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -186658,7 +186635,7 @@ exports[`Storyshots LocationField/Mobile Context With Custom Icons 2`] = `
   background: none;
 }
 
-.c17 {
+.c16 {
   clear: both;
 }
 
@@ -186709,19 +186686,6 @@ input[aria-expanded="false"] ~ .c6 {
   position: relative;
 }
 
-.c11 {
-  background-color: transparent;
-  clear: both;
-  color: #333;
-  display: block;
-  font-weight: 400;
-  line-height: 1.42857143;
-  padding: 3px 20px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
 .c9 {
   color: #eee;
   background-color: #333;
@@ -186734,6 +186698,19 @@ input[aria-expanded="false"] ~ .c6 {
   white-space: nowrap;
 }
 
+.c10 {
+  background-color: transparent;
+  clear: both;
+  color: #333;
+  display: block;
+  font-weight: 400;
+  line-height: 1.42857143;
+  padding: 3px 20px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
 .c10:hover {
   background-color: #f5f5f5;
   cursor: pointer;
@@ -186744,24 +186721,24 @@ input[aria-expanded="false"] ~ .c6 {
   cursor: default;
 }
 
-.c18 {
+.c17 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c20 {
+.c19 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c19 {
+.c18 {
   float: left;
 }
 
-.c16 {
+.c15 {
   background-color: gray;
   color: white;
   padding: 2px 3px 0px;
@@ -186774,20 +186751,20 @@ input[aria-expanded="false"] ~ .c6 {
   display: block;
 }
 
-.c14 {
+.c13 {
   margin-left: 30px;
 }
 
-.c13 {
+.c12 {
   font-size: 8px;
 }
 
-.c12 {
+.c11 {
   float: left;
   padding-top: 3px;
 }
 
-.c15 {
+.c14 {
   font-size: 9px;
 }
 
@@ -186855,126 +186832,120 @@ input[aria-expanded="false"] ~ .c6 {
       otpUi.LocationField.nearby
     </h2>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
+        <svg
+          aria-hidden="true"
+          className="c3"
+          fill="currentColor"
+          focusable="false"
+          height={13}
+          viewBox="0 0 512 512"
+          width={13}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M507.31 84.69 464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z"
+            fill="currentColor"
+          />
+        </svg>
         <span
           className="c12"
         >
-          <svg
-            aria-hidden="true"
-            className="c3"
-            fill="currentColor"
-            focusable="false"
-            height={13}
-            viewBox="0 0 512 512"
-            width={13}
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M507.31 84.69 464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z"
-              fill="currentColor"
-            />
-          </svg>
-          <span
-            className="c13"
-          >
-            404 ft
-          </span>
+          404 ft
+        </span>
+      </span>
+      <span
+        className="c13"
+      >
+        <span
+          className="styled__StopName-sc-xahsq2-19"
+        >
+          1st & Main
+           (
+          1
+          )
         </span>
         <span
           className="c14"
         >
-          <span
-            className="styled__StopName-sc-xahsq2-20"
-          >
-            1st & Main
-             (
-            1
-            )
-          </span>
           <span
             className="c15"
           >
-            <span
-              className="c16"
-            >
-              1
-            </span>
+            1
           </span>
         </span>
-        <div
-          className="c17"
-        />
-      </a>
+      </span>
+      <div
+        className="c16"
+      />
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-1"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c11"
-        id="otpui-locf-option-1"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
+        <svg
+          aria-hidden="true"
+          className="c3"
+          fill="currentColor"
+          focusable="false"
+          height={13}
+          viewBox="0 0 512 512"
+          width={13}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M507.31 84.69 464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z"
+            fill="currentColor"
+          />
+        </svg>
         <span
           className="c12"
         >
-          <svg
-            aria-hidden="true"
-            className="c3"
-            fill="currentColor"
-            focusable="false"
-            height={13}
-            viewBox="0 0 512 512"
-            width={13}
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M507.31 84.69 464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z"
-              fill="currentColor"
-            />
-          </svg>
-          <span
-            className="c13"
-          >
-            0.2 mi
-          </span>
+          0.2 mi
+        </span>
+      </span>
+      <span
+        className="c13"
+      >
+        <span
+          className="styled__StopName-sc-xahsq2-19"
+        >
+          Main & 2nd
+           (
+          2
+          )
         </span>
         <span
           className="c14"
         >
-          <span
-            className="styled__StopName-sc-xahsq2-20"
-          >
-            Main & 2nd
-             (
-            2
-            )
-          </span>
           <span
             className="c15"
           >
-            <span
-              className="c16"
-            >
-              2
-            </span>
+            2
           </span>
         </span>
-        <div
-          className="c17"
-        />
-      </a>
+      </span>
+      <div
+        className="c16"
+      />
     </li>
     <h2
       className="c9"
@@ -186982,51 +186953,48 @@ input[aria-expanded="false"] ~ .c6 {
       otpUi.LocationField.recentlySearched
     </h2>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-2"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c11"
-        id="otpui-locf-option-2"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c17"
       >
         <span
           className="c18"
-        >
-          <span
-            className="c19"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm92.49 313-20 25a16 16 0 0 1-22.49 2.5l-67-49.72a40 40 0 0 1-15-31.23V112a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16v144l58 42.5a16 16 0 0 1 2.49 22.5z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              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 8zm92.49 313-20 25a16 16 0 0 1-22.49 2.5l-67-49.72a40 40 0 0 1-15-31.23V112a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16v144l58 42.5a16 16 0 0 1 2.49 22.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c20"
-          >
-            123 Main St
-            
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c19"
+        >
+          123 Main St
+          
+        </span>
+      </span>
     </li>
     <h2
       className="c9"
@@ -187034,234 +187002,219 @@ input[aria-expanded="false"] ~ .c6 {
       otpUi.LocationField.myPlaces
     </h2>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-3"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c11"
-        id="otpui-locf-option-3"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c17"
       >
         <span
           className="c18"
-        >
-          <span
-            className="c19"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 576 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M259.3 17.8 194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 576 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M259.3 17.8 194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c20"
-          >
-            otpUi.LocationField.parenthesisFormat
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c19"
+        >
+          otpUi.LocationField.parenthesisFormat
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-4"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c11"
-        id="otpui-locf-option-4"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c17"
       >
         <span
           className="c18"
-        >
-          <span
-            className="c19"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 448 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76zm0 96c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40zm52 148h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm76 160h-64v-84c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v84zm64-172c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 448 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76zm0 96c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40zm52 148h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm76 160h-64v-84c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v84zm64-172c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c20"
-          >
-            otpUi.LocationField.parenthesisFormat
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c19"
+        >
+          otpUi.LocationField.parenthesisFormat
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-5"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c11"
-        id="otpui-locf-option-5"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c17"
       >
         <span
           className="c18"
-        >
-          <span
-            className="c19"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 576 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M259.3 17.8 194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 576 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M259.3 17.8 194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c20"
-          >
-            Coffee Roasters Shop, 55 Coffee Street
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c19"
+        >
+          Coffee Roasters Shop, 55 Coffee Street
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-6"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c11"
-        id="otpui-locf-option-6"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c17"
       >
         <span
           className="c18"
-        >
-          <span
-            className="c19"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 576 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M259.3 17.8 194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 576 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M259.3 17.8 194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c20"
-          >
-            123 Main St
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c19"
+        >
+          123 Main St
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c10"
-      role="none"
+      id="otpui-locf-option-7"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c11"
-        id="otpui-locf-option-7"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c17"
       >
         <span
           className="c18"
-        >
-          <span
-            className="c19"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M500 224h-30.364C455.724 130.325 381.675 56.276 288 42.364V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v30.364C130.325 56.276 56.276 130.325 42.364 224H12c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h30.364C56.276 381.675 130.325 455.724 224 469.636V500c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-30.364C381.675 455.724 455.724 381.675 469.636 288H500c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12zM288 404.634V364c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40.634C165.826 392.232 119.783 346.243 107.366 288H148c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-40.634C119.768 165.826 165.757 119.783 224 107.366V148c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40.634C346.174 119.768 392.217 165.757 404.634 224H364c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40.634C392.232 346.174 346.243 392.217 288 404.634zM288 256c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-17.673 14.327-32 32-32s32 14.327 32 32z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M500 224h-30.364C455.724 130.325 381.675 56.276 288 42.364V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v30.364C130.325 56.276 56.276 130.325 42.364 224H12c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h30.364C56.276 381.675 130.325 455.724 224 469.636V500c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-30.364C381.675 455.724 455.724 381.675 469.636 288H500c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12zM288 404.634V364c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40.634C165.826 392.232 119.783 346.243 107.366 288H148c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-40.634C119.768 165.826 165.757 119.783 224 107.366V148c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40.634C346.174 119.768 392.217 165.757 404.634 224H364c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40.634C392.232 346.174 346.243 392.217 288 404.634zM288 256c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-17.673 14.327-32 32-32s32 14.327 32 32z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c20"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c19"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -187376,7 +187329,7 @@ exports[`Storyshots LocationField/Mobile Context With Nearby Stops 2`] = `
   background: none;
 }
 
-.c18 {
+.c17 {
   clear: both;
 }
 
@@ -187427,19 +187380,6 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c12 {
-  background-color: transparent;
-  clear: both;
-  color: #333;
-  display: block;
-  font-weight: 400;
-  line-height: 1.42857143;
-  padding: 3px 20px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
 .c10 {
   color: #eee;
   background-color: #333;
@@ -187452,6 +187392,19 @@ input[aria-expanded="false"] ~ .c7 {
   white-space: nowrap;
 }
 
+.c11 {
+  background-color: transparent;
+  clear: both;
+  color: #333;
+  display: block;
+  font-weight: 400;
+  line-height: 1.42857143;
+  padding: 3px 20px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
 .c11:hover {
   background-color: #f5f5f5;
   cursor: pointer;
@@ -187462,24 +187415,24 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c19 {
+.c18 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c21 {
+.c20 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c20 {
+.c19 {
   float: left;
 }
 
-.c17 {
+.c16 {
   background-color: gray;
   color: white;
   padding: 2px 3px 0px;
@@ -187492,20 +187445,20 @@ input[aria-expanded="false"] ~ .c7 {
   display: block;
 }
 
-.c15 {
+.c14 {
   margin-left: 30px;
 }
 
-.c14 {
+.c13 {
   font-size: 8px;
 }
 
-.c13 {
+.c12 {
   float: left;
   padding-top: 3px;
 }
 
-.c16 {
+.c15 {
   font-size: 9px;
 }
 
@@ -187573,79 +187526,140 @@ input[aria-expanded="false"] ~ .c7 {
       otpUi.LocationField.nearby
     </h2>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
+        <svg
+          aria-hidden="true"
+          className="c3"
+          fill="currentColor"
+          focusable="false"
+          height={13}
+          viewBox="0 0 512 512"
+          width={13}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8c-13.25 0-24 10.74-24 24v80c0 13.25 10.75 24 24 24h8v160c0 17.67 14.33 32 32 32v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h192v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8c13.25 0 24-10.75 24-24v-80c0-13.26-10.75-24-24-24zM112 400c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm16-112c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32v128c0 17.67-14.33 32-32 32H128zm272 112c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"
+            fill="currentColor"
+          />
+        </svg>
         <span
           className="c13"
         >
-          <svg
-            aria-hidden="true"
-            className="c3"
-            fill="currentColor"
-            focusable="false"
-            height={13}
-            viewBox="0 0 512 512"
-            width={13}
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8c-13.25 0-24 10.74-24 24v80c0 13.25 10.75 24 24 24h8v160c0 17.67 14.33 32 32 32v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h192v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8c13.25 0 24-10.75 24-24v-80c0-13.26-10.75-24-24-24zM112 400c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm16-112c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32v128c0 17.67-14.33 32-32 32H128zm272 112c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"
-              fill="currentColor"
-            />
-          </svg>
-          <span
-            className="c14"
-          >
-            404 ft
-          </span>
+          404 ft
+        </span>
+      </span>
+      <span
+        className="c14"
+      >
+        <span
+          className="styled__StopName-sc-xahsq2-19"
+        >
+          1st & Main
+           (
+          1
+          )
         </span>
         <span
           className="c15"
         >
           <span
-            className="styled__StopName-sc-xahsq2-20"
+            className="c16"
           >
-            1st & Main
-             (
             1
-            )
           </span>
+        </span>
+      </span>
+      <div
+        className="c17"
+      />
+    </li>
+    <li
+      aria-live="off"
+      aria-selected={false}
+      className="c11"
+      id="otpui-locf-option-1"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
+    >
+      <span
+        className="c12"
+      >
+        <svg
+          aria-hidden="true"
+          className="c3"
+          fill="currentColor"
+          focusable="false"
+          height={13}
+          viewBox="0 0 512 512"
+          width={13}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8c-13.25 0-24 10.74-24 24v80c0 13.25 10.75 24 24 24h8v160c0 17.67 14.33 32 32 32v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h192v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8c13.25 0 24-10.75 24-24v-80c0-13.26-10.75-24-24-24zM112 400c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm16-112c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32v128c0 17.67-14.33 32-32 32H128zm272 112c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"
+            fill="currentColor"
+          />
+        </svg>
+        <span
+          className="c13"
+        >
+          0.2 mi
+        </span>
+      </span>
+      <span
+        className="c14"
+      >
+        <span
+          className="styled__StopName-sc-xahsq2-19"
+        >
+          Main & 2nd
+           (
+          2
+          )
+        </span>
+        <span
+          className="c15"
+        >
           <span
             className="c16"
           >
-            <span
-              className="c17"
-            >
-              1
-            </span>
-          </span>
-        </span>
-        <div
-          className="c18"
-        />
-      </a>
+            2
+          </span>
+        </span>
+      </span>
+      <div
+        className="c17"
+      />
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-2"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
-        className="c12"
-        id="otpui-locf-option-1"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
+      <span
+        className="c18"
       >
         <span
-          className="c13"
+          className="c19"
+          style={
+            Object {
+              "color": null,
+            }
+          }
         >
           <svg
             aria-hidden="true"
@@ -187658,87 +187672,17 @@ input[aria-expanded="false"] ~ .c7 {
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8c-13.25 0-24 10.74-24 24v80c0 13.25 10.75 24 24 24h8v160c0 17.67 14.33 32 32 32v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h192v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8c13.25 0 24-10.75 24-24v-80c0-13.26-10.75-24-24-24zM112 400c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm16-112c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32v128c0 17.67-14.33 32-32 32H128zm272 112c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
             />
           </svg>
-          <span
-            className="c14"
-          >
-            0.2 mi
-          </span>
-        </span>
-        <span
-          className="c15"
-        >
-          <span
-            className="styled__StopName-sc-xahsq2-20"
-          >
-            Main & 2nd
-             (
-            2
-            )
-          </span>
-          <span
-            className="c16"
-          >
-            <span
-              className="c17"
-            >
-              2
-            </span>
-          </span>
         </span>
-        <div
-          className="c18"
-        />
-      </a>
-    </li>
-    <li
-      className="c11"
-      role="none"
-    >
-      <a
-        className="c12"
-        id="otpui-locf-option-2"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
-      >
         <span
-          className="c19"
+          className="c20"
         >
-          <span
-            className="c20"
-            style={
-              Object {
-                "color": null,
-              }
-            }
-          >
-            <svg
-              aria-hidden="true"
-              className="c3"
-              fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c21"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+          otpUi.LocationField.useCurrentLocation
         </span>
-      </a>
+      </span>
     </li>
   </ul>
 </div>
@@ -187875,19 +187819,6 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c12 {
-  background-color: transparent;
-  clear: both;
-  color: #333;
-  display: block;
-  font-weight: 400;
-  line-height: 1.42857143;
-  padding: 3px 20px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
 .c10 {
   color: #eee;
   background-color: #333;
@@ -187900,6 +187831,19 @@ input[aria-expanded="false"] ~ .c7 {
   white-space: nowrap;
 }
 
+.c11 {
+  background-color: transparent;
+  clear: both;
+  color: #333;
+  display: block;
+  font-weight: 400;
+  line-height: 1.42857143;
+  padding: 3px 20px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
 .c11:hover {
   background-color: #f5f5f5;
   cursor: pointer;
@@ -187910,20 +187854,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c13 {
+.c12 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c15 {
+.c14 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c14 {
+.c13 {
   float: left;
 }
 
@@ -187997,97 +187941,91 @@ input[aria-expanded="false"] ~ .c7 {
       otpUi.LocationField.recentlySearched
     </h2>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            123 Main St
-            
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          123 Main St
+          
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-1"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-1"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -188247,19 +188185,6 @@ input[aria-expanded="false"] ~ .c7 {
   position: relative;
 }
 
-.c12 {
-  background-color: transparent;
-  clear: both;
-  color: #333;
-  display: block;
-  font-weight: 400;
-  line-height: 1.42857143;
-  padding: 3px 20px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
 .c10 {
   color: #eee;
   background-color: #333;
@@ -188272,6 +188197,19 @@ input[aria-expanded="false"] ~ .c7 {
   white-space: nowrap;
 }
 
+.c11 {
+  background-color: transparent;
+  clear: both;
+  color: #333;
+  display: block;
+  font-weight: 400;
+  line-height: 1.42857143;
+  padding: 3px 20px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
 .c11:hover {
   background-color: #f5f5f5;
   cursor: pointer;
@@ -188282,20 +188220,20 @@ input[aria-expanded="false"] ~ .c7 {
   cursor: default;
 }
 
-.c13 {
+.c12 {
   display: block;
   padding-top: 5px;
   padding-bottom: 3px;
 }
 
-.c15 {
+.c14 {
   margin-left: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c14 {
+.c13 {
   float: left;
 }
 
@@ -188369,234 +188307,219 @@ input[aria-expanded="false"] ~ .c7 {
       otpUi.LocationField.myPlaces
     </h2>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-0"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-0"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 576 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M280.37 148.26 96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47 488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 576 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M280.37 148.26 96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47 488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            otpUi.LocationField.parenthesisFormat
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          otpUi.LocationField.parenthesisFormat
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-1"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-1"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            otpUi.LocationField.parenthesisFormat
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          otpUi.LocationField.parenthesisFormat
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-2"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-2"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 384 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <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 0z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 384 512"
-              width={13}
-              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 0z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            Coffee Roasters Shop, 55 Coffee Street
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          Coffee Roasters Shop, 55 Coffee Street
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-3"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-3"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 384 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <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 0z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 384 512"
-              width={13}
-              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 0z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            123 Main St
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          123 Main St
+        </span>
+      </span>
     </li>
     <li
+      aria-live="off"
+      aria-selected={false}
       className="c11"
-      role="none"
+      id="otpui-locf-option-4"
+      onClick={[Function]}
+      role="option"
+      tabIndex={-1}
     >
-      <a
+      <span
         className="c12"
-        id="otpui-locf-option-4"
-        onClick={[Function]}
-        role="option"
-        tabIndex={-1}
       >
         <span
           className="c13"
-        >
-          <span
-            className="c14"
-            style={
-              Object {
-                "color": null,
-              }
+          style={
+            Object {
+              "color": null,
             }
+          }
+        >
+          <svg
+            aria-hidden="true"
+            className="c3"
+            fill="currentColor"
+            focusable="false"
+            height={13}
+            viewBox="0 0 512 512"
+            width={13}
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              aria-hidden="true"
-              className="c3"
+            <path
+              d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
               fill="currentColor"
-              focusable="false"
-              height={13}
-              viewBox="0 0 512 512"
-              width={13}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M444.52 3.52 28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            className="c15"
-          >
-            otpUi.LocationField.useCurrentLocation
-          </span>
+            />
+          </svg>
         </span>
-      </a>
+        <span
+          className="c14"
+        >
+          otpUi.LocationField.useCurrentLocation
+        </span>
+      </span>
     </li>
   </ul>
 </div>
@@ -214296,6 +214219,24 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
   overflow: hidden;
 }
 
+.c20 {
+  font-weight: 200;
+}
+
+.c11 {
+  font-weight: inherit;
+}
+
+.c16 {
+  font-weight: 500;
+}
+
+.c17 {
+  font-weight: 200;
+  opacity: 0.8975;
+  padding-left: 1ch;
+}
+
 .c6 {
   -webkit-align-items: center;
   -webkit-box-align: center;
@@ -214334,24 +214275,6 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
   font-weight: 600;
 }
 
-.c20 {
-  font-weight: 200;
-}
-
-.c11 {
-  font-weight: inherit;
-}
-
-.c16 {
-  font-weight: 500;
-}
-
-.c17 {
-  font-weight: 200;
-  opacity: 0.8975;
-  padding-left: 1ch;
-}
-
 .c0 {
   margin-bottom: 10px;
   border-top: 1px solid grey;

From 631fda7981ed1342647e4a1afdb25274e5da29d3 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Mon, 2 Oct 2023 19:09:08 +0000
Subject: [PATCH 19/32] chore(release): 2.0.11 [skip ci]

# [@opentripplanner/location-field-v2.0.11](https://github.com/opentripplanner/otp-ui/compare/@opentripplanner/location-field-v2.0.10...@opentripplanner/location-field-v2.0.11) (2023-10-02)

### Bug Fixes

* **location-field:** add aria-assertive to results ([35a6cd0](https://github.com/opentripplanner/otp-ui/commit/35a6cd02743edb18634ccb41b76cbe9687fd5698))
---
 packages/location-field/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/location-field/package.json b/packages/location-field/package.json
index 48c25b176..a6dcd5069 100644
--- a/packages/location-field/package.json
+++ b/packages/location-field/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/location-field",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "description": "A component for display and finding a location",
   "main": "lib/index.js",
   "module": "esm/index.js",

From ceaf0725aa88b35e76a44e0803601b7a76da9775 Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Mon, 2 Oct 2023 20:03:30 -0400
Subject: [PATCH 20/32] fix(mode-selector): Fix label padding for submode
 labels without an icon.

---
 packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
index 8d3398cf2..41209f902 100644
--- a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
+++ b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
@@ -85,7 +85,7 @@ const ModeSettingRenderer = ({
   const labelWithIcon =
     "icon" in setting ? (
       <FormLabelIconWrapper>
-        <div role="none">{setting.icon}</div>
+        {setting.icon && <div role="none">{setting.icon}</div>}
         <div>{label}</div>
       </FormLabelIconWrapper>
     ) : (

From 0cd4bd8e6bf517058160fb429e5db051ac01804d Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Mon, 2 Oct 2023 20:12:01 -0400
Subject: [PATCH 21/32] docs(core-utils): Fix typos.

---
 packages/core-utils/src/itinerary.ts | 4 ++--
 packages/core-utils/src/query.js     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts
index 42363ff1c..6db453f9c 100644
--- a/packages/core-utils/src/itinerary.ts
+++ b/packages/core-utils/src/itinerary.ts
@@ -293,7 +293,7 @@ export function legElevationAtDistance(
     const elevDistanceSpan = points[i][0] - start[0];
     if (distance >= traversed && distance <= traversed + elevDistanceSpan) {
       // Distance falls within this point and the previous one;
-      // compute & return iterpolated elevation value
+      // compute & return interpolated elevation value
       if (start[1] === null) {
         console.warn(
           "Elevation value does not exist for distance.",
@@ -369,7 +369,7 @@ export function getElevationProfile(
  * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393
  */
 export function getTextWidth(text: string, font = "22px Arial"): number {
-  // Create custom type for function including re-used canvas object
+  // Create custom type for function including reused canvas object
   type GetTextWidth = typeof getTextWidth & { canvas: HTMLCanvasElement };
 
   // re-use canvas object for better performance
diff --git a/packages/core-utils/src/query.js b/packages/core-utils/src/query.js
index 80e091bc4..2716b27d1 100644
--- a/packages/core-utils/src/query.js
+++ b/packages/core-utils/src/query.js
@@ -171,7 +171,7 @@ export function expandOtpFlexMode(mode) {
   const modes = reduceOtpFlexModes(mode.split(","));
   return modes
     .map(m => {
-      // If both the expanded and shrunk modes are included, remove the exapnded one
+      // If both the expanded and shrunk modes are included, remove the expanded one
       if (m === "FLEX_EGRESS" || m === "FLEX_ACCESS" || m === "FLEX_DIRECT") {
         if (mode.includes("FLEX")) return "";
       }

From 8a00e1bd3d970535957e1ffa48de826da96d1737 Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Mon, 2 Oct 2023 20:19:09 -0400
Subject: [PATCH 22/32] docs(core-utils): Fix typo

---
 packages/core-utils/src/itinerary.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts
index 6db453f9c..670177407 100644
--- a/packages/core-utils/src/itinerary.ts
+++ b/packages/core-utils/src/itinerary.ts
@@ -372,7 +372,7 @@ export function getTextWidth(text: string, font = "22px Arial"): number {
   // Create custom type for function including reused canvas object
   type GetTextWidth = typeof getTextWidth & { canvas: HTMLCanvasElement };
 
-  // re-use canvas object for better performance
+  // reuse canvas object for better performance
   const canvas =
     (getTextWidth as GetTextWidth).canvas ||
     ((getTextWidth as GetTextWidth).canvas = document.createElement("canvas"));

From c32ad164bf7228028669ebc0eadfdea83919593c Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 3 Oct 2023 14:25:23 +0000
Subject: [PATCH 23/32] chore(release): 3.3.3 [skip ci]

# [@opentripplanner/trip-form-v3.3.3](https://github.com/opentripplanner/otp-ui/compare/@opentripplanner/trip-form-v3.3.2...@opentripplanner/trip-form-v3.3.3) (2023-10-03)

### Bug Fixes

* **mode-selector:** Fix label padding for submode labels without an icon. ([ceaf072](https://github.com/opentripplanner/otp-ui/commit/ceaf0725aa88b35e76a44e0803601b7a76da9775))
* **mode-selector:** Fix mode button keyboard dropdown btn width ([d30066f](https://github.com/opentripplanner/otp-ui/commit/d30066f80a036c5dd8a19ec4dd2b57eeb2c79031))
* **mode-selector:** Fix vert alignment of transit modes ([9ebdebc](https://github.com/opentripplanner/otp-ui/commit/9ebdebc038c56174f9e783a9ce924ab2366921dd))
---
 packages/trip-form/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/trip-form/package.json b/packages/trip-form/package.json
index 23bab275b..6b9a954a8 100644
--- a/packages/trip-form/package.json
+++ b/packages/trip-form/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/trip-form",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "Trip Settings Form and Related Components",
   "author": "@binh-dam-ibigroup",
   "homepage": "https://github.com/opentripplanner/otp-ui/#readme",

From 3dd9c3fe92806ec40257fbf610fdc6613b2da3f1 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 3 Oct 2023 16:55:14 +0000
Subject: [PATCH 24/32] chore(release): 5.1.0 [skip ci]

# [@opentripplanner/itinerary-body-v5.1.0](https://github.com/opentripplanner/otp-ui/compare/@opentripplanner/itinerary-body-v5.0.9...@opentripplanner/itinerary-body-v5.1.0) (2023-10-03)

### Features

* **itinerary-body:** drive direction configurable ([6780379](https://github.com/opentripplanner/otp-ui/commit/678037928d3e64003ddc04ef23d3aff71c824729))
---
 packages/itinerary-body/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json
index 917723c7f..3e302a2fc 100644
--- a/packages/itinerary-body/package.json
+++ b/packages/itinerary-body/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/itinerary-body",
-  "version": "5.0.9",
+  "version": "5.1.0",
   "description": "A component for displaying an itinerary body of a trip planning result",
   "main": "lib/index.js",
   "module": "esm/index.js",

From ffc311b15b418dd35b92072a86b90ca610b01f92 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Wed, 4 Oct 2023 08:48:05 -0500
Subject: [PATCH 25/32] feat(core-utils): Add gtfsId to GraphQL query

---
 packages/core-utils/src/itinerary.ts      | 2 +-
 packages/core-utils/src/planQuery.graphql | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts
index 42363ff1c..602dc9061 100644
--- a/packages/core-utils/src/itinerary.ts
+++ b/packages/core-utils/src/itinerary.ts
@@ -670,7 +670,7 @@ export const convertGraphQLResponseToLegacy = (leg: any): any => ({
   },
   route: leg.route?.shortName,
   routeColor: leg.route?.color,
-  routeId: leg.route?.id,
+  routeId: leg.route?.gtfsId,
   routeLongName: leg.route?.longName,
   routeShortName: leg.route?.shortName,
   routeTextColor: leg.route?.textColor,
diff --git a/packages/core-utils/src/planQuery.graphql b/packages/core-utils/src/planQuery.graphql
index 3aa7d4372..eefd74dc6 100644
--- a/packages/core-utils/src/planQuery.graphql
+++ b/packages/core-utils/src/planQuery.graphql
@@ -157,6 +157,7 @@ query Plan(
             id
           }
           color
+          gtfsId
           id
           longName
           shortName

From 3a875596b0dbc743140b3d5d21c500bfadc2fcab Mon Sep 17 00:00:00 2001
From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com>
Date: Mon, 9 Oct 2023 14:58:09 -0400
Subject: [PATCH 26/32] fix(trip-form): Fix submode selector alignment in
 Safari.

---
 .../trip-form/src/MetroModeSelector/SubSettingsPane.tsx     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
index 41209f902..7d01e7995 100644
--- a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
+++ b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
@@ -19,7 +19,6 @@ export const defaultMessages: Record<string, string> = flatten(
 );
 
 const SubmodeGrid = styled.div`
-  align-items: center;
   display: grid;
   grid-column: span 2;
   grid-template-columns: 1fr 1fr;
@@ -51,8 +50,13 @@ const SettingsPanel = styled.fieldset`
 export const SubSettingsCheckbox = styled(CheckboxSelector)<{
   flexbox: boolean;
 }>`
+  ${props => (props.flexbox ? "align-items: center;" : "")};
   display: ${props => (props.flexbox ? "flex" : "inherit")};
   margin-left: 4px;
+
+  input {
+    flex-shrink: 0;
+  }
 `;
 
 const FormLabelIconWrapper = styled.span`

From fd6b06fb4d48a357e781cdaebcc7b05728d28f03 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 10 Oct 2023 20:31:18 +0000
Subject: [PATCH 27/32] chore(release): 3.3.4 [skip ci]

# [@opentripplanner/trip-form-v3.3.4](https://github.com/opentripplanner/otp-ui/compare/@opentripplanner/trip-form-v3.3.3...@opentripplanner/trip-form-v3.3.4) (2023-10-10)

### Bug Fixes

* **trip-form:** Fix submode selector alignment in Safari. ([3a87559](https://github.com/opentripplanner/otp-ui/commit/3a875596b0dbc743140b3d5d21c500bfadc2fcab))
---
 packages/trip-form/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/trip-form/package.json b/packages/trip-form/package.json
index 6b9a954a8..2c6fcb416 100644
--- a/packages/trip-form/package.json
+++ b/packages/trip-form/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/trip-form",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "Trip Settings Form and Related Components",
   "author": "@binh-dam-ibigroup",
   "homepage": "https://github.com/opentripplanner/otp-ui/#readme",

From 57517966ae9d0c18f84d3b14b53e9e0058c102ca Mon Sep 17 00:00:00 2001
From: miles-grant-ibigroup <miles.grant@ibigroup.com>
Date: Wed, 11 Oct 2023 13:18:04 -0400
Subject: [PATCH 28/32] fix: get real agency id in graphql plan request

---
 packages/core-utils/src/planQuery.graphql | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core-utils/src/planQuery.graphql b/packages/core-utils/src/planQuery.graphql
index 3aa7d4372..8482e8bd6 100644
--- a/packages/core-utils/src/planQuery.graphql
+++ b/packages/core-utils/src/planQuery.graphql
@@ -48,7 +48,7 @@ query Plan(
             effectiveStartDate
             id
           }
-          id
+          gtfsId: id
           name
           timezone
           url

From 6fc6d712317fb5d2f22e5401561a0971699301c0 Mon Sep 17 00:00:00 2001
From: miles-grant-ibigroup <miles.grant@ibigroup.com>
Date: Wed, 11 Oct 2023 13:52:15 -0400
Subject: [PATCH 29/32] fix: get real route id on graphql request

---
 packages/core-utils/src/planQuery.graphql | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core-utils/src/planQuery.graphql b/packages/core-utils/src/planQuery.graphql
index 8482e8bd6..32057e53b 100644
--- a/packages/core-utils/src/planQuery.graphql
+++ b/packages/core-utils/src/planQuery.graphql
@@ -157,7 +157,7 @@ query Plan(
             id
           }
           color
-          id
+          gtfsId: id
           longName
           shortName
           textColor

From 1143d09f78d2b6f8b7134ac46b3557ae344d528f Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Wed, 11 Oct 2023 18:02:47 -0500
Subject: [PATCH 30/32] test: update snapshots

---
 __snapshots__/storybook.test.ts.snap | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 7d3527fcd..ee812d638 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -24951,7 +24951,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "rentedBike": null,
             "route": "347",
             "routeColor": null,
-            "routeId": "Um91dGU6a2NtOjEwMDIwNA",
+            "routeId": undefined,
             "routeLongName": null,
             "routeShortName": "347",
             "routeTextColor": null,
@@ -25448,7 +25448,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "rentedBike": null,
             "route": "1-Line",
             "routeColor": "28813F",
-            "routeId": "Um91dGU6NDA6MTAwNDc5",
+            "routeId": undefined,
             "routeLongName": "Northgate - Angle Lake",
             "routeShortName": "1-Line",
             "routeTextColor": "FFFFFF",
@@ -44475,7 +44475,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
             "rideHailingEstimate": null,
             "route": "20",
             "routeColor": null,
-            "routeId": "Um91dGU6dHJpbWV0OjIw",
+            "routeId": undefined,
             "routeLongName": "Burnside/Stark",
             "routeShortName": "20",
             "routeTextColor": null,
@@ -241210,7 +241210,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "rentedBike": null,
           "route": "347",
           "routeColor": null,
-          "routeId": "Um91dGU6a2NtOjEwMDIwNA",
+          "routeId": undefined,
           "routeLongName": null,
           "routeShortName": "347",
           "routeTextColor": null,
@@ -241707,7 +241707,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "rentedBike": null,
           "route": "1-Line",
           "routeColor": "28813F",
-          "routeId": "Um91dGU6NDA6MTAwNDc5",
+          "routeId": undefined,
           "routeLongName": "Northgate - Angle Lake",
           "routeShortName": "1-Line",
           "routeTextColor": "FFFFFF",

From 2dbe9672b479769673883de242550d65fa4c957d Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Thu, 12 Oct 2023 20:37:53 +0000
Subject: [PATCH 31/32] chore(release): 11.1.0 [skip ci]

# [@opentripplanner/core-utils-v11.1.0](https://github.com/opentripplanner/otp-ui/compare/@opentripplanner/core-utils-v11.0.6...@opentripplanner/core-utils-v11.1.0) (2023-10-12)

### Features

* **core-utils:** Add gtfsId to GraphQL query ([ffc311b](https://github.com/opentripplanner/otp-ui/commit/ffc311b15b418dd35b92072a86b90ca610b01f92))
---
 packages/core-utils/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core-utils/package.json b/packages/core-utils/package.json
index 57f9045c6..6a1edd49c 100644
--- a/packages/core-utils/package.json
+++ b/packages/core-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/core-utils",
-  "version": "11.0.6",
+  "version": "11.1.0",
   "description": "Core functionality that is shared among numerous UI components",
   "engines": {
     "node": ">=13"

From 1d77e3aa293cce0c09c6e916f12d11312a42414c Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Fri, 13 Oct 2023 17:12:23 +0000
Subject: [PATCH 32/32] chore(release): 11.1.1 [skip ci]

# [@opentripplanner/core-utils-v11.1.1](https://github.com/opentripplanner/otp-ui/compare/@opentripplanner/core-utils-v11.1.0...@opentripplanner/core-utils-v11.1.1) (2023-10-13)

### Bug Fixes

* get real agency id in graphql plan request ([5751796](https://github.com/opentripplanner/otp-ui/commit/57517966ae9d0c18f84d3b14b53e9e0058c102ca))
* get real route id on graphql request ([6fc6d71](https://github.com/opentripplanner/otp-ui/commit/6fc6d712317fb5d2f22e5401561a0971699301c0))
---
 packages/core-utils/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core-utils/package.json b/packages/core-utils/package.json
index 6a1edd49c..4be2013a4 100644
--- a/packages/core-utils/package.json
+++ b/packages/core-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/core-utils",
-  "version": "11.1.0",
+  "version": "11.1.1",
   "description": "Core functionality that is shared among numerous UI components",
   "engines": {
     "node": ">=13"