From 877aecb5dadc0478bc4d5499aca2af0520b9e79e Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 11:14:50 -0400 Subject: [PATCH 01/64] fix(core-utils): Add getLegRouteNumber helper function. --- packages/core-utils/src/__tests__/route.js | 18 ++++++++++++++++++ packages/core-utils/src/route.ts | 11 +++++++++++ 2 files changed, 29 insertions(+) diff --git a/packages/core-utils/src/__tests__/route.js b/packages/core-utils/src/__tests__/route.js index fe81853df..bfefad87b 100644 --- a/packages/core-utils/src/__tests__/route.js +++ b/packages/core-utils/src/__tests__/route.js @@ -1,4 +1,5 @@ import { + getLegRouteNumber, getMostReadableTextColor, getTransitOperatorFromLeg, getTransitOperatorFromOtpRoute, @@ -199,4 +200,21 @@ describe("util > route", () => { expect(getMostReadableTextColor("#000", "#000")).toBe("#ffffff"); }); }); + describe("getLegRouteNumber", () => { + it("should extract a route number from an OTP1 leg", () => { + expect(getLegRouteNumber({ route: "15" })).toBe("15"); + expect(getLegRouteNumber({ route: "15", routeShortName: "31" })).toBe( + "31" + ); + }); + + it("should extract a route number from an OTP2 leg", () => { + expect( + getLegRouteNumber({ + route: { id: "id15", shortName: "15" }, + routeShortName: "31" + }) + ).toBe("15"); + }); + }); }); diff --git a/packages/core-utils/src/route.ts b/packages/core-utils/src/route.ts index fcd3f8fdb..3857726d2 100644 --- a/packages/core-utils/src/route.ts +++ b/packages/core-utils/src/route.ts @@ -471,3 +471,14 @@ export function getMostReadableTextColor( // When generating colors, white is preferred. return chroma(backgroundColor).luminance() < 0.4 ? "#ffffff" : "#000000"; } + +/** Extracts the route number for a leg returned from OTP1 or OTP2. */ +export const getLegRouteNumber = ( + leg: Pick +): string => { + const { route, routeShortName } = leg; + if (typeof route === "string") { + return typeof routeShortName === "string" ? routeShortName : route; + } + return route?.shortName; +}; From 4c385f22de6c08e8dcccd745f544ae773853953a Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 13:13:25 -0400 Subject: [PATCH 02/64] refactor(core-utils): Move getLegRouteNumber from route to itinerary file. --- .../__tests__/{itinerary.js => itinerary.ts} | 18 ++++++++++++++++++ packages/core-utils/src/__tests__/route.js | 18 ------------------ packages/core-utils/src/itinerary.ts | 11 +++++++++++ packages/core-utils/src/route.ts | 11 ----------- 4 files changed, 29 insertions(+), 29 deletions(-) rename packages/core-utils/src/__tests__/{itinerary.js => itinerary.ts} (91%) diff --git a/packages/core-utils/src/__tests__/itinerary.js b/packages/core-utils/src/__tests__/itinerary.ts similarity index 91% rename from packages/core-utils/src/__tests__/itinerary.js rename to packages/core-utils/src/__tests__/itinerary.ts index 9fc2474b5..0546109a6 100644 --- a/packages/core-utils/src/__tests__/itinerary.js +++ b/packages/core-utils/src/__tests__/itinerary.ts @@ -4,6 +4,7 @@ import { getDisplayedStopId, getItineraryCost, getLegCost, + getLegRouteNumber, isTransit } from "../itinerary"; @@ -180,4 +181,21 @@ describe("util > itinerary", () => { }); }); }); + describe("getLegRouteNumber", () => { + it("should extract a route number from an OTP1 leg", () => { + expect(getLegRouteNumber({ route: "15" })).toBe("15"); + expect(getLegRouteNumber({ route: "15", routeShortName: "31" })).toBe( + "31" + ); + }); + + it("should extract a route number from an OTP2 leg", () => { + expect( + getLegRouteNumber({ + route: { id: "id15", shortName: "15" }, + routeShortName: "31" + }) + ).toBe("15"); + }); + }); }); diff --git a/packages/core-utils/src/__tests__/route.js b/packages/core-utils/src/__tests__/route.js index bfefad87b..fe81853df 100644 --- a/packages/core-utils/src/__tests__/route.js +++ b/packages/core-utils/src/__tests__/route.js @@ -1,5 +1,4 @@ import { - getLegRouteNumber, getMostReadableTextColor, getTransitOperatorFromLeg, getTransitOperatorFromOtpRoute, @@ -200,21 +199,4 @@ describe("util > route", () => { expect(getMostReadableTextColor("#000", "#000")).toBe("#ffffff"); }); }); - describe("getLegRouteNumber", () => { - it("should extract a route number from an OTP1 leg", () => { - expect(getLegRouteNumber({ route: "15" })).toBe("15"); - expect(getLegRouteNumber({ route: "15", routeShortName: "31" })).toBe( - "31" - ); - }); - - it("should extract a route number from an OTP2 leg", () => { - expect( - getLegRouteNumber({ - route: { id: "id15", shortName: "15" }, - routeShortName: "31" - }) - ).toBe("15"); - }); - }); }); diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts index 81ab742a1..0aead841b 100644 --- a/packages/core-utils/src/itinerary.ts +++ b/packages/core-utils/src/itinerary.ts @@ -681,3 +681,14 @@ export const convertGraphQLResponseToLegacy = (leg: any): any => ({ tripHeadsign: leg.trip?.tripHeadsign, tripId: leg.trip?.gtfsId }); + +/** Extracts the route number for a leg returned from OTP1 or OTP2. */ +export const getLegRouteNumber = ( + leg: Pick +): string => { + const { route, routeShortName } = leg; + if (typeof route === "string") { + return typeof routeShortName === "string" ? routeShortName : route; + } + return route?.shortName; +}; diff --git a/packages/core-utils/src/route.ts b/packages/core-utils/src/route.ts index 3857726d2..fcd3f8fdb 100644 --- a/packages/core-utils/src/route.ts +++ b/packages/core-utils/src/route.ts @@ -471,14 +471,3 @@ export function getMostReadableTextColor( // When generating colors, white is preferred. return chroma(backgroundColor).luminance() < 0.4 ? "#ffffff" : "#000000"; } - -/** Extracts the route number for a leg returned from OTP1 or OTP2. */ -export const getLegRouteNumber = ( - leg: Pick -): string => { - const { route, routeShortName } = leg; - if (typeof route === "string") { - return typeof routeShortName === "string" ? routeShortName : route; - } - return route?.shortName; -}; From ef6a7210d754b7148ca101f698678b216e7f31a2 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 14:02:58 -0400 Subject: [PATCH 03/64] refactor(core-utils): Rename getLegRouteNumber to getLegRouteShortName --- packages/core-utils/src/__tests__/itinerary.ts | 10 +++++----- packages/core-utils/src/itinerary.ts | 2 +- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/core-utils/src/__tests__/itinerary.ts b/packages/core-utils/src/__tests__/itinerary.ts index 0546109a6..02ce8eec5 100644 --- a/packages/core-utils/src/__tests__/itinerary.ts +++ b/packages/core-utils/src/__tests__/itinerary.ts @@ -4,7 +4,7 @@ import { getDisplayedStopId, getItineraryCost, getLegCost, - getLegRouteNumber, + getLegRouteShortName, isTransit } from "../itinerary"; @@ -181,17 +181,17 @@ describe("util > itinerary", () => { }); }); }); - describe("getLegRouteNumber", () => { + describe("getLegRouteShortName", () => { it("should extract a route number from an OTP1 leg", () => { - expect(getLegRouteNumber({ route: "15" })).toBe("15"); - expect(getLegRouteNumber({ route: "15", routeShortName: "31" })).toBe( + expect(getLegRouteShortName({ route: "15" })).toBe("15"); + expect(getLegRouteShortName({ route: "15", routeShortName: "31" })).toBe( "31" ); }); it("should extract a route number from an OTP2 leg", () => { expect( - getLegRouteNumber({ + getLegRouteShortName({ route: { id: "id15", shortName: "15" }, routeShortName: "31" }) diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts index 0aead841b..0911831a8 100644 --- a/packages/core-utils/src/itinerary.ts +++ b/packages/core-utils/src/itinerary.ts @@ -683,7 +683,7 @@ export const convertGraphQLResponseToLegacy = (leg: any): any => ({ }); /** Extracts the route number for a leg returned from OTP1 or OTP2. */ -export const getLegRouteNumber = ( +export const getLegRouteShortName = ( leg: Pick ): string => { const { route, routeShortName } = leg; From 40ff7ca29b349789d6785130e0d1108b7bcbed52 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 14:24:57 -0400 Subject: [PATCH 04/64] fix(core-utils): Add helper func getLegRouteLongName. --- .../core-utils/src/__tests__/itinerary.ts | 21 +++++++++++++++++-- packages/core-utils/src/itinerary.ts | 8 +++++++ 2 files changed, 27 insertions(+), 2 deletions(-) diff --git a/packages/core-utils/src/__tests__/itinerary.ts b/packages/core-utils/src/__tests__/itinerary.ts index 02ce8eec5..1319d5eb7 100644 --- a/packages/core-utils/src/__tests__/itinerary.ts +++ b/packages/core-utils/src/__tests__/itinerary.ts @@ -4,6 +4,7 @@ import { getDisplayedStopId, getItineraryCost, getLegCost, + getLegRouteLongName, getLegRouteShortName, isTransit } from "../itinerary"; @@ -182,14 +183,14 @@ describe("util > itinerary", () => { }); }); describe("getLegRouteShortName", () => { - it("should extract a route number from an OTP1 leg", () => { + it("should extract a route short name from an OTP1 leg", () => { expect(getLegRouteShortName({ route: "15" })).toBe("15"); expect(getLegRouteShortName({ route: "15", routeShortName: "31" })).toBe( "31" ); }); - it("should extract a route number from an OTP2 leg", () => { + it("should extract a route short name from an OTP2 leg", () => { expect( getLegRouteShortName({ route: { id: "id15", shortName: "15" }, @@ -198,4 +199,20 @@ describe("util > itinerary", () => { ).toBe("15"); }); }); + describe("getLegRouteLongName", () => { + it("should extract a route long name from an OTP1 leg", () => { + expect(getLegRouteLongName({ route: "15" })).toBeUndefined(); + expect( + getLegRouteLongName({ route: "15", routeLongName: "Candler Road" }) + ).toBe("Candler Road"); + }); + it("should extract a route long name from an OTP2 leg", () => { + expect( + getLegRouteLongName({ + route: { id: "id15", longName: "15" }, + routeLongName: "31" + }) + ).toBe("15"); + }); + }); }); diff --git a/packages/core-utils/src/itinerary.ts b/packages/core-utils/src/itinerary.ts index 0911831a8..069452b76 100644 --- a/packages/core-utils/src/itinerary.ts +++ b/packages/core-utils/src/itinerary.ts @@ -692,3 +692,11 @@ export const getLegRouteShortName = ( } return route?.shortName; }; + +/** Extract the route ling name for a leg returned from OTP1 or OTP2. */ +export const getLegRouteLongName = ( + leg: Pick +): string => { + const { route, routeLongName } = leg; + return typeof route === "string" ? routeLongName : route?.longName; +}; From c378e3e3537f5288c692e214248593bdc049c750 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 15:36:49 -0400 Subject: [PATCH 05/64] fix(Fix logic to obtain leg route long name.): --- packages/icons/src/trimet-leg-icon.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/icons/src/trimet-leg-icon.js b/packages/icons/src/trimet-leg-icon.js index d9dfcf230..a0b8bb765 100644 --- a/packages/icons/src/trimet-leg-icon.js +++ b/packages/icons/src/trimet-leg-icon.js @@ -1,12 +1,14 @@ import React from "react"; +import { getLegRouteLongName } from "@opentripplanner/core-utils/lib/itinerary"; import LegIcon from "./leg-icon"; import TriMetModeIcon from "./trimet-mode-icon"; import BiketownIcon from "./companies/biketown-icon"; const TriMetLegIcon = ({ leg, ...props }) => { // Custom TriMet icon logic. - if (leg.routeLongName && leg.routeLongName.startsWith("Portland Streetcar")) { + const routeLongName = getLegRouteLongName(leg); + if (routeLongName && routeLongName.startsWith("Portland Streetcar")) { return ; } if (leg.rentedBike) { From 1b59548706d353ba849cd25c2508b7a6cf24bbfe Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 15:38:34 -0400 Subject: [PATCH 06/64] fix(itinerary-body): Fix logic to obtain route short/long names. --- .../src/defaults/line-column-content.tsx | 10 +++++++--- .../itinerary-body/src/defaults/route-description.tsx | 3 ++- .../itinerary-body/src/defaults/route-long-name.tsx | 5 ++++- .../src/otp-react-redux/route-description.tsx | 3 ++- 4 files changed, 15 insertions(+), 6 deletions(-) diff --git a/packages/itinerary-body/src/defaults/line-column-content.tsx b/packages/itinerary-body/src/defaults/line-column-content.tsx index 9a9e5cd22..a75e2fac4 100644 --- a/packages/itinerary-body/src/defaults/line-column-content.tsx +++ b/packages/itinerary-body/src/defaults/line-column-content.tsx @@ -1,3 +1,7 @@ +import { + getLegRouteLongName, + getLegRouteShortName +} from "@opentripplanner/core-utils/lib/itinerary"; import LocationIcon from "@opentripplanner/location-icon"; import React, { ReactElement } from "react"; import { IntlShape, useIntl } from "react-intl"; @@ -52,7 +56,7 @@ export default function LineColumnContent({ LegIcon, toRouteAbbreviation }: LineColumnContentProps): ReactElement { - const { mode, route, routeColor, routeLongName, transitLeg } = leg; + const { mode, routeColor, transitLeg } = leg; const intl = useIntl(); const travelByMessage = intl.formatMessage( { @@ -65,7 +69,7 @@ export default function LineColumnContent({ } ); - const routeNumber = typeof route === "string" ? route : route?.shortName; + const routeNumber = getLegRouteShortName(leg); return ( @@ -78,7 +82,7 @@ export default function LineColumnContent({ parseInt(routeNumber, 10) || routeNumber )} color={routeColor} - name={routeLongName || ""} + name={getLegRouteLongName(leg) || ""} /> )} {!interline && !isDestination && !transitLeg && ( diff --git a/packages/itinerary-body/src/defaults/route-description.tsx b/packages/itinerary-body/src/defaults/route-description.tsx index 530b1a24b..cccfe2c79 100644 --- a/packages/itinerary-body/src/defaults/route-description.tsx +++ b/packages/itinerary-body/src/defaults/route-description.tsx @@ -1,3 +1,4 @@ +import { getLegRouteShortName } from "@opentripplanner/core-utils/lib/itinerary"; import React, { ReactElement } from "react"; import * as S from "../styled"; @@ -8,7 +9,7 @@ import RouteLongName from "./route-long-name"; export default function RouteDescription({ leg }: RouteDescriptionProps): ReactElement { - const { routeShortName } = leg; + const routeShortName = getLegRouteShortName(leg); return ( {routeShortName && ( diff --git a/packages/itinerary-body/src/defaults/route-long-name.tsx b/packages/itinerary-body/src/defaults/route-long-name.tsx index 7a5cc36f2..89718becd 100644 --- a/packages/itinerary-body/src/defaults/route-long-name.tsx +++ b/packages/itinerary-body/src/defaults/route-long-name.tsx @@ -1,3 +1,4 @@ +import { getLegRouteLongName } from "@opentripplanner/core-utils/lib/itinerary"; import { Leg } from "@opentripplanner/types"; import React, { HTMLAttributes, ReactElement } from "react"; import { FormattedMessage } from "react-intl"; @@ -24,7 +25,9 @@ export default function RouteLongName({ leg, style }: Props): ReactElement { - const { headsign, routeLongName } = leg; + const { headsign: otp1Headsign, trip } = leg; + const headsign = trip?.tripHeadsign || otp1Headsign; + const routeLongName = getLegRouteLongName(leg); // Hide route long name if it contains similar information to the headsign const hideRouteLongName = compareTwoStrings(headsign || "", routeLongName || "") > 0.25 || diff --git a/packages/itinerary-body/src/otp-react-redux/route-description.tsx b/packages/itinerary-body/src/otp-react-redux/route-description.tsx index 23aae2385..55bb64024 100644 --- a/packages/itinerary-body/src/otp-react-redux/route-description.tsx +++ b/packages/itinerary-body/src/otp-react-redux/route-description.tsx @@ -1,3 +1,4 @@ +import { getLegRouteShortName } from "@opentripplanner/core-utils/lib/itinerary"; import React, { ReactElement } from "react"; import RouteLongName from "../defaults/route-long-name"; @@ -8,7 +9,7 @@ export default function RouteDescription({ leg, LegIcon }: RouteDescriptionProps): ReactElement { - const { routeShortName } = leg; + const routeShortName = getLegRouteShortName(leg); return ( From 8de9323ba9593a129c23009b5013ebc6ebbc6edf Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 15:42:48 -0400 Subject: [PATCH 07/64] fix(transitive-overlay): Fix logic to obtain route short/long names. --- packages/transitive-overlay/src/util.ts | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/transitive-overlay/src/util.ts b/packages/transitive-overlay/src/util.ts index 6be088f47..6cd9fff7f 100644 --- a/packages/transitive-overlay/src/util.ts +++ b/packages/transitive-overlay/src/util.ts @@ -7,6 +7,16 @@ import destination from "@turf/destination"; import bearing from "@turf/bearing"; import distance from "@turf/distance"; +import { + getLegBounds, + getLegRouteLongName, + getLegRouteShortName, + isAccessMode, + isFlex, + isRideshareLeg, + isTransit +} from "@opentripplanner/core-utils/lib/itinerary"; +import { getPlaceName } from "@opentripplanner/itinerary-body"; import { Company, Itinerary, @@ -16,18 +26,8 @@ import { TransitivePlace, TransitiveStop } from "@opentripplanner/types"; -import coreUtils from "@opentripplanner/core-utils"; -import { getPlaceName } from "@opentripplanner/itinerary-body"; import { IntlShape } from "react-intl"; -const { - getLegBounds, - isAccessMode, - isFlex, - isRideshareLeg, - isTransit -} = coreUtils.itinerary; - const CAR_PARK_ITIN_PREFIX = "itin_car_"; /** @@ -385,12 +385,12 @@ export function itineraryToTransitive( const routeLabel = typeof getRouteLabel === "function" ? getRouteLabel(leg) - : leg.routeShortName; + : getLegRouteShortName(leg); routes[leg.routeId] = { agency_id: leg.agencyId, route_id: leg.routeId, route_short_name: routeLabel || "", - route_long_name: leg.routeLongName || "", + route_long_name: getLegRouteLongName(leg) || "", route_type: leg.routeType, route_color: leg.routeColor, route_text_color: leg.routeTextColor From bb6239c340af9512f816c0b8b07abec45b677c11 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 15:44:51 -0400 Subject: [PATCH 08/64] fix(trip-details): Fix logic to obtain route short/long names. --- packages/trip-details/src/fare-table.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/trip-details/src/fare-table.tsx b/packages/trip-details/src/fare-table.tsx index d516be8a4..4cc9dcd38 100644 --- a/packages/trip-details/src/fare-table.tsx +++ b/packages/trip-details/src/fare-table.tsx @@ -5,7 +5,9 @@ import { Transfer } from "@styled-icons/boxicons-regular/Transfer"; import { getItineraryCost, - getLegCost + getLegCost, + getLegRouteLongName, + getLegRouteShortName } from "@opentripplanner/core-utils/lib/itinerary"; import { useIntl } from "react-intl"; import { flatten } from "flat"; @@ -120,7 +122,7 @@ const FareTypeTable = ({ {filteredLegs.map((leg, index) => ( - {leg.routeShortName || leg.routeLongName} + {getLegRouteShortName(leg) || getLegRouteLongName(leg)} {colsToRender.map(col => { const fare = getLegCost(leg, col.mediumId, col.riderCategoryId); From f2510dc88c7e3127707b1052291a4c0f189faa83 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 1 Aug 2023 16:07:52 -0400 Subject: [PATCH 09/64] test: Update snapshots --- __snapshots__/storybook.test.ts.snap | 4036 +++++++++++++++----------- 1 file changed, 2326 insertions(+), 1710 deletions(-) diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index 1a7374546..03ed145b9 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -13015,7 +13015,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` color: #333; } -.c62 { +.c64 { color: #f44256; } @@ -13055,7 +13055,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` margin: 0 0.125em; } -.c57 { +.c59 { display: block; font-size: 13px; list-style: none; @@ -13107,7 +13107,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` width: 0; } -.c45 { +.c47 { font-weight: 200; } @@ -13115,11 +13115,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` font-weight: inherit; } -.c44 { +.c46 { font-size: 13px; font-weight: 500; } +.c45 { + font-weight: 800; + margin-right: 6px; +} + .c43 { color: #807373; margin-top: 5px; @@ -13273,23 +13278,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` padding-left: 1ch; } -.c60 { +.c62 { float: left; margin-left: -36px; color: #fff; } -.c61 { +.c63 { color: #676767; margin-top: 3px; } -.c58 { +.c60 { z-index: 30; position: relative; } -.c49 { +.c51 { background-color: #eee; border-radius: 4px; color: #000; @@ -13300,30 +13305,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` text-decoration: none; } -.c51 { +.c53 { font-size: 12px; margin-left: 30px; white-space: pre-wrap; } -.c52 { +.c54 { margin-top: 5px; margin-left: 30px; font-size: 12px; font-style: italic; } -.c50 { +.c52 { float: left; font-size: 18px; } -.c48 { +.c50 { display: block; margin-top: 3px; } -.c47 { +.c49 { color: #d14727; cursor: pointer; display: inline-block; @@ -13332,11 +13337,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` padding: 0; } -.c53 { +.c55 { margin-top: 5px; } -.c54 { +.c56 { color: #676767; display: -webkit-box; display: -webkit-flex; @@ -13344,30 +13349,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` display: flex; } -.c56 { +.c58 { font-size: 14px; } -.c55 { +.c57 { padding: 0; } -.c46 { +.c48 { margin-top: 5px; } -.c46 a { +.c48 a { color: #337ab7; -webkit-text-decoration: none; text-decoration: none; } -.c46 a:hover { +.c48 a:hover { -webkit-text-decoration: underline; text-decoration: underline; } -.c46 img { +.c48 img { margin-left: 5px; vertical-align: middle; } @@ -13381,6 +13386,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike 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; @@ -13405,7 +13430,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` width: 100%; } -.c1 .c59 { +.c1 .c61 { margin-left: -23px; } @@ -14367,14 +14392,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` /> + + MAX Blue Line + MAX Blue Line to @@ -14407,7 +14437,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` role="group" >
Service operated by
@@ -165298,21 +165900,21 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom style={Object {}} >
  1. •
    Galleria/SW 10th Ave MAX Station
    @@ -165689,11 +166291,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom className="c5" >
    + > + Burnside/Stark +
    + > + 347 + @@ -243240,7 +243846,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` + > + 1-Line + @@ -243324,7 +243932,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` + > + 347 + @@ -243339,7 +243949,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` + > + 1-Line + @@ -243388,7 +244000,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` + > + 347 + @@ -243403,7 +244017,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` + > + 1-Line + From e45d4cd62d081f48ae754bc402737898be22f7e6 Mon Sep 17 00:00:00 2001 From: miles-grant-ibigroup Date: Tue, 29 Aug 2023 12:32:40 -0400 Subject: [PATCH 10/64] fix: use OTP2 rideshare naming --- packages/itinerary-body/src/util.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/itinerary-body/src/util.ts b/packages/itinerary-body/src/util.ts index c5d99ef24..7692873da 100644 --- a/packages/itinerary-body/src/util.ts +++ b/packages/itinerary-body/src/util.ts @@ -152,7 +152,10 @@ export function getPlaceName( // Other times, it can be a name with relevant information for the user. // Here we detect if the name is just a UUID and generate a better name. // It is also possible to configure station name overrides in the config using overridePlaceNames. - const company = getCompanyForNetwork(place.networks?.[0], companies); + const company = getCompanyForNetwork( + place.networks?.[0] || place?.rentalVehicle?.network, + companies + ); if ( (place.name.match(/-/g) || []).length > 3 || company?.overridePlaceNames From afd4ca9875946464d1cb4797cf64708052892285 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 29 Aug 2023 18:14:06 -0400 Subject: [PATCH 11/64] chore(deps): Update select packages to use core-utils 11.0.1. --- packages/icons/package.json | 2 +- packages/itinerary-body/package.json | 2 +- packages/printable-itinerary/package.json | 4 ++-- packages/transitive-overlay/package.json | 2 +- packages/trip-details/package.json | 4 ++-- yarn.lock | 2 +- 6 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/icons/package.json b/packages/icons/package.json index 9ce232c67..4ebb30069 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -10,7 +10,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.1", "prop-types": "^15.7.2" }, "peerDependencies": { diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json index ef4888152..51bdee168 100644 --- a/packages/itinerary-body/package.json +++ b/packages/itinerary-body/package.json @@ -10,7 +10,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.1", "@opentripplanner/humanize-distance": "^1.2.0", "@opentripplanner/icons": "^2.0.4", "@opentripplanner/location-icon": "^1.4.1", diff --git a/packages/printable-itinerary/package.json b/packages/printable-itinerary/package.json index 990d5f087..8f14e0674 100644 --- a/packages/printable-itinerary/package.json +++ b/packages/printable-itinerary/package.json @@ -10,8 +10,8 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", - "@opentripplanner/itinerary-body": "^5.0.2" + "@opentripplanner/core-utils": "^11.0.1", + "@opentripplanner/itinerary-body": "^5.0.5" }, "devDependencies": { "@opentripplanner/icons": "^2.0.4" diff --git a/packages/transitive-overlay/package.json b/packages/transitive-overlay/package.json index 9f0076298..b1cff58ac 100644 --- a/packages/transitive-overlay/package.json +++ b/packages/transitive-overlay/package.json @@ -21,7 +21,7 @@ "dependencies": { "@mapbox/polyline": "^1.1.1", "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.1", "@opentripplanner/itinerary-body": "^5.0.2", "@turf/bbox": "^6.5.0", "@turf/bearing": "^6.5.0", diff --git a/packages/trip-details/package.json b/packages/trip-details/package.json index 184cd5081..dce469715 100644 --- a/packages/trip-details/package.json +++ b/packages/trip-details/package.json @@ -11,13 +11,13 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.3", + "@opentripplanner/core-utils": "^11.0.1", "@styled-icons/fa-solid": "^10.34.0", "flat": "^5.0.2", "react-animate-height": "^3.0.4" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0-alpha.9", + "@opentripplanner/types": "^6.0.0", "@types/flat": "^5.0.2" }, "peerDependencies": { diff --git a/yarn.lock b/yarn.lock index 67767b438..7abdb5390 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3260,7 +3260,7 @@ lodash.isequal "^4.5.0" qs "^6.9.1" -"@opentripplanner/core-utils@^9.0.2", "@opentripplanner/core-utils@^9.0.3": +"@opentripplanner/core-utils@^9.0.2": version "9.0.3" resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-9.0.3.tgz#c1ebdcc3ad5999fb28427102c9be7d7268f6bd37" integrity sha512-8P3Bi41jF7z18P/soo6lEw+nrqarsyGMAxivsF1/kMJdRo4wnakp0zcrVZjDXTxoR6LPtj6Kkuxv3JQFO9jKiw== From abfe4f6bf6883d0e9e4897062e34d98ce8dbb793 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Thu, 31 Aug 2023 09:50:01 -0400 Subject: [PATCH 12/64] refactor(trip-details): Use getLegRouteName in fare table. --- packages/trip-details/src/fare-table.tsx | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/packages/trip-details/src/fare-table.tsx b/packages/trip-details/src/fare-table.tsx index 4cc9dcd38..02b1d8c49 100644 --- a/packages/trip-details/src/fare-table.tsx +++ b/packages/trip-details/src/fare-table.tsx @@ -6,8 +6,7 @@ import { Transfer } from "@styled-icons/boxicons-regular/Transfer"; import { getItineraryCost, getLegCost, - getLegRouteLongName, - getLegRouteShortName + getLegRouteName } from "@opentripplanner/core-utils/lib/itinerary"; import { useIntl } from "react-intl"; import { flatten } from "flat"; @@ -121,9 +120,7 @@ const FareTypeTable = ({ {filteredLegs.map((leg, index) => ( - - {getLegRouteShortName(leg) || getLegRouteLongName(leg)} - + {getLegRouteName(leg)} {colsToRender.map(col => { const fare = getLegCost(leg, col.mediumId, col.riderCategoryId); return ( From 1d1cd935841df55d1b87998f253cbdbc99f00e82 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Fri, 1 Sep 2023 12:49:44 -0400 Subject: [PATCH 13/64] chore(deps): Use core-utils 11.0.2. --- packages/icons/package.json | 2 +- packages/itinerary-body/package.json | 2 +- packages/printable-itinerary/package.json | 2 +- packages/transitive-overlay/package.json | 2 +- packages/trip-details/package.json | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/icons/package.json b/packages/icons/package.json index 4ebb30069..7dcc9f519 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -10,7 +10,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^11.0.1", + "@opentripplanner/core-utils": "^11.0.2", "prop-types": "^15.7.2" }, "peerDependencies": { diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json index 51bdee168..8daa6c1ba 100644 --- a/packages/itinerary-body/package.json +++ b/packages/itinerary-body/package.json @@ -10,7 +10,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^11.0.1", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/humanize-distance": "^1.2.0", "@opentripplanner/icons": "^2.0.4", "@opentripplanner/location-icon": "^1.4.1", diff --git a/packages/printable-itinerary/package.json b/packages/printable-itinerary/package.json index fec0145db..00e813374 100644 --- a/packages/printable-itinerary/package.json +++ b/packages/printable-itinerary/package.json @@ -10,7 +10,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^11.0.1", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/itinerary-body": "^5.0.5" }, "devDependencies": { diff --git a/packages/transitive-overlay/package.json b/packages/transitive-overlay/package.json index b1cff58ac..3365326f3 100644 --- a/packages/transitive-overlay/package.json +++ b/packages/transitive-overlay/package.json @@ -21,7 +21,7 @@ "dependencies": { "@mapbox/polyline": "^1.1.1", "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^11.0.1", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/itinerary-body": "^5.0.2", "@turf/bbox": "^6.5.0", "@turf/bearing": "^6.5.0", diff --git a/packages/trip-details/package.json b/packages/trip-details/package.json index dce469715..0faf73d5a 100644 --- a/packages/trip-details/package.json +++ b/packages/trip-details/package.json @@ -11,7 +11,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^11.0.1", + "@opentripplanner/core-utils": "^11.0.2", "@styled-icons/fa-solid": "^10.34.0", "flat": "^5.0.2", "react-animate-height": "^3.0.4" From a0145d8cdb6ab094ead39dcf6a408aed5dee434f Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Fri, 1 Sep 2023 14:02:00 -0400 Subject: [PATCH 14/64] test(itinerary-body): Convert select otp2 story legs to legacy, update snapshots. --- __snapshots__/storybook.test.ts.snap | 338 +++++++++++++++--- .../src/stories/OtpRrItineraryBody.story.tsx | 14 +- 2 files changed, 304 insertions(+), 48 deletions(-) diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index ce3d0fa4a..18024beae 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -24323,9 +24323,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 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, @@ -24336,6 +24345,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "name": "47.7792, -122.29032", "rentalVehicle": null, "stop": null, + "stopCode": undefined, + "stopId": undefined, "vertexType": "NORMAL", }, "interlineWithPreviousLeg": false, @@ -24350,7 +24361,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "realTime": false, "realtimeState": null, "rentedBike": false, - "route": null, + "route": undefined, + "routeColor": undefined, + "routeId": undefined, + "routeLongName": undefined, + "routeShortName": undefined, + "routeTextColor": undefined, "startTime": 1685139787000, "steps": Array [ Object { @@ -24428,10 +24444,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "kcm:82405", "id": "U3RvcDprY206ODI0MDU", }, + "stopCode": "82405", + "stopId": "kcm:82405", "vertexType": "TRANSIT", }, "transitLeg": false, "trip": null, + "tripHeadsign": undefined, + "tripId": undefined, }, Object { "accessibilityScore": null, @@ -24442,9 +24462,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "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, @@ -24615,6 +24644,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "kcm:82405", "id": "U3RvcDprY206ODI0MDU", }, + "stopCode": "82405", + "stopId": "kcm:82405", "vertexType": "TRANSIT", }, "interlineWithPreviousLeg": false, @@ -24918,15 +24949,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "realTime": false, "realtimeState": null, "rentedBike": null, - "route": Object { - "alerts": Array [], - "color": null, - "id": "Um91dGU6a2NtOjEwMDIwNA", - "longName": null, - "shortName": "347", - "textColor": null, - "type": 3, - }, + "route": "347", + "routeColor": null, + "routeId": "Um91dGU6a2NtOjEwMDIwNA", + "routeLongName": null, + "routeShortName": "347", + "routeTextColor": null, "startTime": 1685140428000, "steps": Array [], "to": Object { @@ -24940,6 +24968,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "kcm:35318", "id": "U3RvcDprY206MzUzMTg", }, + "stopCode": "35318", + "stopId": "kcm:35318", "vertexType": "TRANSIT", }, "transitLeg": true, @@ -24948,13 +24978,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "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, @@ -24970,6 +25011,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "kcm:35318", "id": "U3RvcDprY206MzUzMTg", }, + "stopCode": "35318", + "stopId": "kcm:35318", "vertexType": "TRANSIT", }, "interlineWithPreviousLeg": false, @@ -24984,7 +25027,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "realTime": false, "realtimeState": null, "rentedBike": false, - "route": null, + "route": undefined, + "routeColor": undefined, + "routeId": undefined, + "routeLongName": undefined, + "routeShortName": undefined, + "routeTextColor": undefined, "startTime": 1685142540000, "steps": Array [ Object { @@ -25011,10 +25059,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "40:990005", "id": "U3RvcDo0MDo5OTAwMDU", }, + "stopCode": "N11-T1", + "stopId": "40:990005", "vertexType": "TRANSIT", }, "transitLeg": false, "trip": null, + "tripHeadsign": undefined, + "tripId": undefined, }, Object { "accessibilityScore": null, @@ -25025,9 +25077,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "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, @@ -25264,6 +25325,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "40:990005", "id": "U3RvcDo0MDo5OTAwMDU", }, + "stopCode": "N11-T1", + "stopId": "40:990005", "vertexType": "TRANSIT", }, "interlineWithPreviousLeg": false, @@ -25383,15 +25446,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "realTime": false, "realtimeState": null, "rentedBike": null, - "route": Object { - "alerts": Array [], - "color": "28813F", - "id": "Um91dGU6NDA6MTAwNDc5", - "longName": "Northgate - Angle Lake", - "shortName": "1-Line", - "textColor": "FFFFFF", - "type": 0, - }, + "route": "1-Line", + "routeColor": "28813F", + "routeId": "Um91dGU6NDA6MTAwNDc5", + "routeLongName": "Northgate - Angle Lake", + "routeShortName": "1-Line", + "routeTextColor": "FFFFFF", "startTime": 1685142780000, "steps": Array [], "to": Object { @@ -25405,6 +25465,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "40:56159", "id": "U3RvcDo0MDo1NjE1OQ", }, + "stopCode": "C27-T1", + "stopId": "40:56159", "vertexType": "TRANSIT", }, "transitLeg": true, @@ -25413,13 +25475,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "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, @@ -25435,6 +25508,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "gtfsId": "40:56159", "id": "U3RvcDo0MDo1NjE1OQ", }, + "stopCode": "C27-T1", + "stopId": "40:56159", "vertexType": "TRANSIT", }, "interlineWithPreviousLeg": false, @@ -25449,7 +25524,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "realTime": false, "realtimeState": null, "rentedBike": false, - "route": null, + "route": undefined, + "routeColor": undefined, + "routeId": undefined, + "routeLongName": undefined, + "routeShortName": undefined, + "routeTextColor": undefined, "startTime": 1685145000000, "steps": Array [ Object { @@ -25605,10 +25685,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components "name": "New Light Christian Church, Seattle, WA, USA", "rentalVehicle": null, "stop": null, + "stopCode": undefined, + "stopId": undefined, "vertexType": "NORMAL", }, "transitLeg": false, "trip": null, + "tripHeadsign": undefined, + "tripId": undefined, }, ], "startTime": 1685139787000, @@ -25631,7 +25715,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components color: #333; } -.c62 { +.c63 { color: #f44256; } @@ -26095,6 +26179,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components z-index: 10; } +.c62 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #28813F; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + .c9 { left: 0; line-height: inherit; @@ -26624,7 +26719,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
    +
    + Stop ID 35318 + + Stop Viewer + +
    @@ -27558,7 +27671,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components className="c4 c5" >
    - Stop ID + Stop ID N11-T1 + > + Sound Transit + +
    +
    + Stop ID C27-T1 + + Stop Viewer + +
    @@ -28644,7 +28775,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components +
    +
    + Stop ID 13327 + + Stop Viewer + +
    @@ -240259,6 +240500,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", @@ -240397,6 +240639,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", @@ -240918,6 +241161,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", @@ -241010,6 +241254,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", @@ -241413,6 +241658,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", diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx index 020e731e1..c89f2984c 100644 --- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx @@ -1,3 +1,4 @@ +import { convertGraphQLResponseToLegacy } from "@opentripplanner/core-utils/lib/itinerary"; import { FareProductSelector, Itinerary } from "@opentripplanner/types"; import React, { ReactElement } from "react"; @@ -33,6 +34,13 @@ const walkTransitWalkTransitWalkA11yItinerary = require("../__mocks__/itinerarie const otp2ScooterItinerary = require("../__mocks__/itineraries/otp2-scooter.json"); const flexItinerary = require("../__mocks__/itineraries/flex-itinerary.json"); +function withLegacyLegs(itinerary) { + return { + ...itinerary, + legs: itinerary.legs.map(convertGraphQLResponseToLegacy) + }; +} + if (!isRunningJest()) { // Generate same-day/next day alerts at a fixed time for the walk-transit-walk itinerary // for illustration outside of the CI environment. @@ -136,7 +144,9 @@ export const EScooterRentalTransitItinerary = (): ReactElement => ( ); export const TncTransitItinerary = (): ReactElement => ( - + ); export const OTP2ScooterItinerary = (): ReactElement => ( @@ -153,7 +163,7 @@ export const IndividualLegFareComponents = (): ReactElement => ( mediumId: "orca:cash", riderCategoryId: "orca:regular" }} - itinerary={fareProductsItinerary} + itinerary={withLegacyLegs(fareProductsItinerary)} /> ); From 37b1225fd86f6716702a4cdd4ed2806f086d0424 Mon Sep 17 00:00:00 2001 From: Rosales Date: Fri, 8 Sep 2023 14:06:06 -0700 Subject: [PATCH 15/64] first try doing anything here going back to master --- __snapshots__/storybook.test.ts.snap | 270777 ++------------- .../src/AccessLegBody/index.tsx | 4 +- .../src/ItineraryBody/index.tsx | 4 +- .../src/ItineraryBody/place-row.tsx | 2 + .../src/TransitLegBody/index.tsx | 4 + .../src/defaults/route-description-footer.tsx | 19 + .../src/stories/OtpRrItineraryBody.story.tsx | 4 +- .../src/stories/OtpUiItineraryBody.story.tsx | 70 +- .../itinerary-body/src/stories/components.tsx | 28 + .../itinerary-body-defaults-wrapper.tsx | 5 + packages/itinerary-body/src/styled.tsx | 16 + packages/itinerary-body/src/types.ts | 14 + .../MetroModeSelector.story.tsx | 2 +- 13 files changed, 27204 insertions(+), 243745 deletions(-) create mode 100644 packages/itinerary-body/src/defaults/route-description-footer.tsx create mode 100644 packages/itinerary-body/src/stories/components.tsx diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index 1ad56a326..e0c223493 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -1,360 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots EndpointsOverlay Endpoints Overlay With Custom Map Markers 1`] = ` - - - - - - - -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With Custom Map Markers 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With Intermediate Place 1`] = ` - - - - - - - -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With Intermediate Place 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With Unnamed Place 1`] = ` - - - - - - - -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With Unnamed Place 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With User Settings 1`] = ` - - - - - - - -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay With User Settings 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay Without User Settings 1`] = ` - - - - - - - -`; - -exports[`Storyshots EndpointsOverlay Endpoints Overlay Without User Settings 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - exports[`Storyshots From-To-Picker Custom Style And Text 1`] = ` @@ -2786,19 +2446,34 @@ exports[`Storyshots Icons/TrimetLegIcon Trimetxamples 2`] = ` > @@ -3342,17 +3017,23 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] > @@ -3376,17 +3057,23 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] > @@ -3418,7 +3105,13 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] > @@ -3633,7 +3360,7 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] `; -exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 1`] = ` +exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 1`] = ` - + + + - + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + inputPlaceholder="Select from location" + locationType="from" + onLocationSelected={[Function]} + /> +
    + `; -exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = ` -.c8 { +exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 2`] = ` +.c3 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c11 { +.c4 { color: #333; } -.c44 { - 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; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c0 { - list-style: none; - padding: 0; +.c1 { + border: none; + background: none; } -.c21 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; +.c2 { + width: 30px; } -.c27 { - bottom: 0; - cursor: pointer; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 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; + text-align: left; + top: 100%; + z-index: 1000000; } -.c19 { +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); 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; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.c23 { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c5 { - grid-column-start: 2; - grid-row: span 2; - padding-right: 5px; -} +
    + + +
    + + + +
      +
    +
    +`; -.c28 { - display: grid; - grid-template-columns: 100px auto; -} +exports[`Storyshots LocationField/Desktop Context Blank 1`] = ` + + + +`; +exports[`Storyshots LocationField/Desktop Context Blank 2`] = ` .c3 { - max-width: 500px; - display: grid; - 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; - 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 { - padding: 2px; - width: 100%; -} - -.c41 { - font-size: xx-small; } -.c41::before { - content: ""; - margin: 0 0.125em; +.c4 { + color: #333; } -.c42 { - color: #e60000; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c43 { - color: green; +.c1 { + border: none; + background: none; } -.c40 { - font-size: small; +.c2 { + width: 30px; } -.c32 { - display: block; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; list-style: none; - padding: 0; -} - -.c35 { - margin-left: 24px; - line-height: 1.25em; - padding-top: 1px; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c35 > span { - margin-right: 1ch; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.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; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.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; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c30 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} +
    + + + +
      +
    +`; -.c34 { - fill: #676767; - float: left; - height: 16px; - width: 16px; -} +exports[`Storyshots LocationField/Desktop Context Geocoder No Results 1`] = ` + + + +`; -.c33 { - font-size: 13px; - margin-top: 8px; - color: #676767; - font-style: normal; +exports[`Storyshots LocationField/Desktop Context Geocoder No Results 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c36 { - font-weight: 500; +.c4 { + color: #333; } -.c37 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } .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; + border: none; + background: none; } -.c1 .c2 { - width: 100%; +.c2 { + width: 30px; } -.c1 .c17 { - color: #676767; - display: table-cell; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; 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,red,red 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; position: absolute; - top: 11px; - z-index: 10; + text-align: left; + top: 100%; + z-index: 1000000; } -.c9 { - left: 0; - line-height: inherit; - position: absolute; - text-align: center; - width: 100%; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c10 { - top: 3px; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.c12 { - left: 0; - position: absolute; - text-align: center; - width: 100%; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -
      -
    1. -
      2. -
    2. + + + +
        +
    +`; + +exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    +
    2. -
+ + + + + +
    +
`; -exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 1`] = ` +exports[`Storyshots LocationField/Desktop Context Here Geocoder 1`] = ` - `; -exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = ` -.c8 { +exports[`Storyshots LocationField/Desktop Context Here Geocoder 2`] = ` +.c3 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c11 { +.c4 { color: #333; } -.c46 { - 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; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c0 { - list-style: none; - padding: 0; +.c1 { + border: none; + background: none; } -.c21 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; +.c2 { + width: 30px; } -.c27 { - bottom: 0; - cursor: pointer; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 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; + text-align: left; + top: 100%; + z-index: 1000000; } -.c19 { +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); 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; + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.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; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; 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; - 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; -} - -.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; +
+ + + +
    +
+`; + +exports[`Storyshots LocationField/Desktop Context Location Unavailable 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Location Unavailable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c32 { - display: block; - list-style: none; - padding: 0; +.c4 { + color: #333; } -.c35 { - margin-left: 24px; - line-height: 1.25em; - padding-top: 1px; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c35 > span { - margin-right: 1ch; +.c1 { + border: none; + background: none; } -.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; +.c2 { + width: 30px; } -.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; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c30 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c34 { - fill: #676767; - float: left; - height: 16px; - width: 16px; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.c33 { - font-size: 13px; - margin-top: 8px; - color: #676767; - font-style: normal; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c36 { - font-weight: 500; +
+ + + +
    +
+`; + +exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 1`] = ` + +
+ + + +
+ +`; + +exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c37 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; +.c4 { + color: #333; } -.c1 { - font-size: 16px; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c1 *:not(.fa) { - box-sizing: border-box; - font-family: Hind,sans-serif; +.c1 { + border: none; + background: none; } -.c1 .c4 { - display: table-cell; - max-width: 20px; - width: 20px; - padding: 0; - position: relative; +.c2 { + width: 30px; } -.c1 .c13 { - color: #000; - font-size: 18px; - font-weight: 500; - line-height: 20px; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c1 .c15 { - height: inherit; - white-space: normal; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c1 .c2 { - width: 100%; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.c1 .c17 { - color: #676767; - display: table-cell; - font-size: 14px; - padding-right: 4px; - padding-top: 2px; - text-align: right; - vertical-align: top; - width: 60px; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c7 { - position: absolute; - width: 100%; - top: 3px; - z-index: 20; +
+ + +
+ + + +
    +
+
+`; + +exports[`Storyshots LocationField/Desktop Context Required And Invalid State 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Required And Invalid State 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.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; +.c4 { + color: #333; } -.c38 { - background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c9 { - left: 0; - line-height: inherit; - position: absolute; - text-align: center; - width: 100%; +.c1 { + border: none; + background: none; } -.c10 { - top: 3px; +.c2 { + width: 30px; } -.c12 { +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; position: absolute; - text-align: center; - width: 100%; + text-align: left; + top: 100%; + z-index: 1000000; } -
    -
  1. -
    -
    - - - - -
    -
    - - 2624 SE 30th Ave, Portland, OR, USA 97202 - -
    -
    - 3:45 PM -
    - - otpUi.TransitLegBody.fromLocation - -
    -
    -
    - - - - - - - - - - - - - - - Walk 498 feet to - - SE 30th at Division - - - - -
    - - - - -
    -
    -
      -
    1. -
      - - - -
      -
      - - Head - WEST - on - - SE Clinton St - - - 79 feet - - -
      -
      2. -
    2. -
      - - - -
      -
      - - RIGHT - on - - SE 30th Ave - - - 419 feet - - -
      -
      3. -
    -
    -
    -     -
    -
    -
    2. -
  2. -
    -
    - - - -
    -
    - - SE 30th at Division - -
    -
    - 3:48 PM -
    - - otpUi.TransitLegBody.fromLocation - -
    -
    - Pick up - shared bike - -
    -
    -
    - - - - - - - - - - - - - - Bicycle 0.6 miles to - - SE 29th at Hawthorne - - - - -
    - - - - -
    -
    -
      -
    1. -
      - - - -
      -
      - - CONTINUE - on - - SE 30th Ave - - - 0.3 miles - - -
      -
      2. -
    2. -
      - - - -
      -
      - - LEFT - on - - SE Harrison St - - - 361 feet - - -
      -
      3. -
    3. -
      - - - -
      -
      - - RIGHT - on - - SE 29th Ave - - - 0.2 miles - - -
      -
      4. -
    4. -
      - - - -
      -
      - - LEFT - on - - SE Hawthorne Blvd - - - 50 feet - - -
      -
      5. -
    -
    -
    -
    - -
    -     -
    -
    -
    3. -
  3. + - - - - - - -
    -
    -
      -
    1. -
      - - - -
      -
      - - CONTINUE - on - - SE Hawthorne Blvd - - - 210 feet - - -
      -
      2. -
    2. -
      - - - -
      -
      - - RIGHT - on - - SE 28th Ave - - - 295 feet - - -
      -
      3. -
    3. -
      - - - -
      -
      - - LEFT - on - - SE Madison St - - - 114 feet - - -
      -
      4. -
    -
    -
    -     - - -
    4. -
  4. -
    - - - - -
    -
    - - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
    -
    - 3:58 PM -
    - - Arrive at - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
    -
    5. -
+ + + + +
    + `; -exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 1`] = ` +exports[`Storyshots LocationField/Desktop Context Selected Location 1`] = ` - + +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 1`] = ` + + + } + currentPosition={ + Object { + "coords": Object { + "latitude": 45.508246, + "longitude": -122.711574, + }, + } + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, }, - 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, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + location={ + Object { + "lat": 0, + "lon": 0, + "name": "123 Main St", + } + } + locationType="to" + onLocationSelected={[Function]} + /> + +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Slow Geocoder 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Slow Geocoder 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 1`] = ` + + , } } /> `; -exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 2`] = ` -.c8 { +exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 2`] = ` +.c3 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c11 { +.c4 { color: #333; } -.c70 { - color: #f44256; -} - -.c26 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - text-decoration: none; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c47 { - color: #008; - cursor: pointer; - margin-left: 5px; +.c1 { + border: none; + background: none; } -.c47:hover { - -webkit-text-decoration: underline; - text-decoration: underline; +.c2 { + width: 30px; } -.c48 { - padding-left: 0px; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c48:before { - content: "|"; - color: black; - margin-right: 5px; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c31::before { - content: ""; - margin: 0 0.125em; -} - -.c65 { - display: block; - font-size: 13px; - list-style: none; - padding: 0; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } .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; -} - -.c53 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c52 { - font-size: 13px; - font-weight: 500; -} - -.c51 { - font-weight: 800; - margin-right: 6px; -} - -.c49 { - color: #807373; - margin-top: 5px; -} - -.c24 img, -.c24 svg { - margin-right: 6px; - 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; -} - -.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; - 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; -} - -.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; - 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; -} - -.c68 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c69 { - color: #676767; - margin-top: 3px; -} - -.c66 { - z-index: 30; - position: relative; -} - -.c57 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c59 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c60 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c58 { - float: left; - font-size: 18px; -} - -.c56 { - display: block; - margin-top: 3px; -} - -.c55 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c61 { - margin-top: 5px; -} - -.c62 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c64 { - font-size: 14px; -} - -.c63 { - padding: 0; -} - -.c54 { - margin-top: 5px; -} - -.c54 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c54 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c54 img { - margin-left: 5px; - vertical-align: middle; -} - -.c1 { - font-size: 16px; -} - -.c1 *:not(.fa) { - box-sizing: border-box; - font-family: Hind,sans-serif; -} - -.c1 .c50 { - background-color: rgb(15,106,172); - border-color: white; - border-image: initial; - border-radius: 12px; - border-style: solid; - border-width: 1px; - box-shadow: rgb(0,0,0) 0px 0px 0.25em; - color: white; - display: inline-block; - font-size: 14px; - font-weight: 500; - height: 24px; - line-height: 1.5; - margin-right: 8px; - min-width: 24px; - padding: 2px 3px; - text-align: center; -} - -.c1 .c4 { - display: table-cell; - max-width: 20px; - width: 20px; - padding: 0; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; 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 .c67 { - 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: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c46 { - background-color: gray; - left: 5px; - right: 5px; - background-color: #000088; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c9 { - left: 0; - line-height: inherit; - position: absolute; - text-align: center; - width: 100%; -} - -.c10 { - top: 3px; -} - -.c12 { - left: 0; - position: absolute; - text-align: center; - width: 100%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 2943 SE Washington St, Portland, OR, USA 97214 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 400 feet to - - SE 29th at Stark - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTH - on - - SE 30th Ave - - - 103 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Stark St - - - 277 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE 29th Ave - - - 19 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      3. -
    3. -
      -
      - - - -
      -
      - - NE Glisan at 24th - -
      -
      - 3:59 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 497 feet to - - NE Sandy & 24th - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - HARD_LEFT - on - - NE Glisan St - - - 57 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - NE 24th Ave - - - 382 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - NE Sandy Blvd - - - 58 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - NE Sandy & 24th - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 5066 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 12 - - - - - Barbur/Sandy Blvd - - to - - Parkrose TC - - - - - - - Disembark at - NE Sandy & 57th - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - - -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - NE Sandy & Lawrence -
        -
        2. -
      2. -
        - • -
        -
        - NE Sandy & 28th -
        -
        3. -
      3. -
        - • -
        -
        - NE Sandy & 31st -
        -
        4. -
      4. -
        - • -
        -
        - NE Sandy & 33rd -
        -
        5. -
      5. -
        - • -
        -
        - NE Sandy & Imperial -
        -
        6. -
      6. -
        - • -
        -
        - NE Sandy & 38th -
        -
        7. -
      7. -
        - • -
        -
        - NE Sandy & 42nd -
        -
        8. -
      8. -
        - • -
        -
        - NE Sandy & 44th -
        -
        9. -
      9. -
        - • -
        -
        - NE Sandy & 48th -
        -
        10. -
      10. -
        - • -
        -
        - NE Sandy & 50th -
        -
        11. -
      11. -
        - • -
        -
        - NE Sandy & Sacramento -
        -
        12. -
      12. -
        - • -
        -
        - NE Sandy & 54th -
        -
        13. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - NE Sandy & 57th - -
      -
      - 4:14 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 5104 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 279 feet to - - 0086 BIKETOWN - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - NE Sandy Blvd - - - 75 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - HARD_LEFT - on - - NE Alameda St - - - 203 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - -
      -
      - - 0086 BIKETOWN - -
      -
      - 4:16 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up - shared bike - -
      -
      -
      - - - - - - - - - - - - - - Bicycle 1 mile to - - NE 60th at Cully - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - HARD_LEFT - on - - NE Alameda St - - - 203 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - HARD_LEFT - on - - NE 57th Ave - - - 0.6 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NE Cully Blvd - - - 0.3 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - NE 60th Ave - - - 171 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      -
      7. -
    7. -
      -
      - - - -
      -
      - - NE 60th at Cully - -
      -
      - 4:24 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 494 feet to - - 5916 NE Going St, Portland, OR, USA 97218 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - NE 60th Ave - - - 270 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - NE Going St - - - 225 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      8. -
    8. -
      - - - - -
      -
      - - 5916 NE Going St, Portland, OR, USA 97218 - -
      -
      - 4:26 PM -
      - - Arrive at - 5916 NE Going St, Portland, OR, USA 97218 - -
      -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c62 { - 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; -} - -.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; - -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; -} - -.c45 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c44 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c60 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c61 { - color: #676767; - margin-top: 3px; -} - -.c58 { - z-index: 30; - position: relative; -} - -.c49 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c51 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c52 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c50 { - float: left; - font-size: 18px; -} - -.c48 { - display: block; - margin-top: 3px; -} - -.c47 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c53 { - margin-top: 5px; -} - -.c54 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c56 { - font-size: 14px; -} - -.c55 { - 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 .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 .c59 { - 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: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c39 { - background-color: gray; - left: 5px; - right: 5px; - background-color: #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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 91 feet to - - corner of path and Pioneer Courthouse Sq (pedestrian street) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - Unnamed Path - - - 91 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - corner of path and Pioneer Courthouse Sq (pedestrian street) - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - Bicycle 0.1 miles to - - corner of path and Pioneer Sq N (path) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 20 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - SW 6th Ave - - - 245 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Morrison St - - - 241 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 27 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - corner of path and Pioneer Sq N (path) - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 22 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 22 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Pioneer Square North MAX Station - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8383 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - - - -
      - -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - Providence Park MAX Station - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 9757 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 19 feet to - - corner of path and Providence Park (path) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - - -
      -
      - - corner of path and Providence Park (path) - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - Bicycle 230 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      7. -
    7. -
      - - - - -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      8. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c56 { - color: #f44256; -} - -.c27 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - 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 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c38:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c39 { - padding-left: 0px; -} - -.c39:before { - content: "|"; - color: black; - margin-right: 5px; -} - -.c53 { - bottom: 0; - left: 110px; - position: absolute; - right: 0; - top: 0; -} - -.c54 { - background-color: #fcf9d3; - display: table; - height: 100%; - width: 100%; -} - -.c52 { - 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; -} - -.c55 { - 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; -} - -.c47 { - display: block; - font-size: 13px; - list-style: none; - padding: 0; -} - -.c0 { - list-style: none; - padding: 0; -} - -.c22 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c28 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c23 { - -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; -} - -.c26 { - font-weight: inherit; -} - -.c41 { - font-size: 13px; - font-weight: 500; -} - -.c40 { - color: #807373; - margin-top: 5px; -} - -.c25 img, -.c25 svg { - margin-right: 6px; - height: 24px; - width: 24px; - vertical-align: bottom; -} - -.c24 { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c5 { - grid-column-start: 2; - grid-row: span 2; - padding-right: 5px; -} - -.c32 { - 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; -} - -.c21 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - margin-top: -14px; -} - -.c36 { - display: block; - list-style: none; - padding: 0; -} - -.c33 { - 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; -} - -.c33 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; -} - -.c34 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c50 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c51 { - color: #676767; - margin-top: 3px; -} - -.c48 { - z-index: 30; - position: relative; -} - -.c43 { - margin-top: 5px; -} - -.c44 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c46 { - font-size: 14px; -} - -.c45 { - padding: 0; -} - -.c42 { - margin-top: 5px; -} - -.c42 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c42 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c42 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c49 { - 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; -} - -.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; -} - -.c37 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 128 NW 12th Ave, Portland - -
      -
      -
      - - 10:58 AM - -
      -
      - - Delayed xx min. -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - Wait 4 minutes for pickup -
      -
      -
      - - - - - - - - - - - - - - - - - Ride 0.4 miles to - - West Burnside Street - - - - -
      - -
      - Estimated travel time: - 2 min - (does not account for traffic) -
      -
      - Estimated cost: - $17.00 - - - $19.00 -
      -
      -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - West Burnside Street - -
      -
      -
      - - 11:01 AM - -
      -
      - - Delayed xx min. -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - W Burnside & SW 6th - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - W Burnside & SW 6th - -
      -
      -
      - - 11:02 AM - -
      -
      - - Delayed xx min. -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - - - - - - - - Disembark at - E Burnside & SE 12th - - - - -
      -
      -
      - Service operated by - -
      -
      -
      -
      -
      - -
      -
      -
      -
        -
      1. -
        - • -
        -
        - W Burnside & SW 2nd -
        -
        2. -
      2. -
        - • -
        -
        - E Burnside & SE 8th -
        -
        3. -
      -
      -
      -
      -
      -
      -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - E Burnside & SE 12th - -
      -
      -
      - - 11:08 AM - -
      -
      - - Delayed xx min. -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - East Burnside Street - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      5. -
    5. -
      -
      - - - -
      -
      - - East Burnside Street - -
      -
      -
      - - 11:09 AM - -
      -
      - - Delayed xx min. -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - Wait for pickup -
      -
      -
      - - - - - - - - - - - - - - - - - Ride 0.2 miles to - - 407 NE 12th Ave, Portland - - - - -
      -
      - - Book Ride - -
      -
      -
      -
      - Wait until 11:08 AM to book -
      -
      -
      -
      -
      - Estimated travel time: - 1 min - (does not account for traffic) -
      -
      - Estimated cost: - $17.00 - - - $18.00 -
      -
      -
      -
      -
      6. -
    6. -
      - - - - -
      -
      - - 407 NE 12th Ave, Portland - -
      -
      -
      - - 11:10 AM - -
      -
      - - Delayed xx min. -
      -
      - - Arrive at - 407 NE 12th Ave, Portland - -
      -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c40 { - color: #f44256; -} - -.c26 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c31::before { - content: ""; - margin: 0 0.125em; -} - -.c0 { - list-style: none; - padding: 0; -} - -.c21 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c27 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c22 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - line-height: 16px; - min-height: 31px; - position: relative; -} - -.c19 { - display: inline-block; - grid-row-start: 2; - grid-column-start: 1; - height: 0; - overflow: hidden; - width: 0; -} - -.c25 { - font-weight: inherit; -} - -.c24 img, -.c24 svg { - margin-right: 6px; - height: 24px; - width: 24px; - vertical-align: bottom; -} - -.c23 { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c5 { - grid-column-start: 2; - grid-row: span 2; - padding-right: 5px; -} - -.c28 { - display: grid; - grid-template-columns: 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; -} - -.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; -} - -.c38 { - background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c9 { - left: 0; - line-height: inherit; - position: absolute; - text-align: center; - width: 100%; -} - -.c10 { - top: 3px; -} - -.c12 { - left: 0; - position: absolute; - text-align: center; - width: 100%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 600 SW 5th Ave, Portland, OR, USA 97204 - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 206 feet to - - EMAQ - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - SW Alder St - - - 118 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - SW 4th Ave - - - 88 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - EMAQ - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Razor - E-scooter - -
      -
      -
      - - - - - RAZOR - - - - - - - - - Ride 0.3 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SW 4th Ave - - - 0.2 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Pine St - - - 456 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      3. -
    3. -
      - - - - -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 3:48 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      4. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit 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; -} - -.c47 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c47:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c48 { - padding-left: 0px; -} - -.c48:before { - content: "|"; - color: black; - margin-right: 5px; -} - -.c31::before { - content: ""; - margin: 0 0.125em; -} - -.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; -} - -.c53 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c52 { - font-size: 13px; - font-weight: 500; -} - -.c51 { - font-weight: 800; - margin-right: 6px; -} - -.c49 { - color: #807373; - margin-top: 5px; -} - -.c24 img, -.c24 svg { - margin-right: 6px; - 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; -} - -.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; - 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; -} - -.c45 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - 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 { - 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; -} - -.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; -} - -.c54 { - margin-top: 5px; -} - -.c54 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c54 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c54 img { - margin-left: 5px; - vertical-align: middle; -} - -.c1 { - font-size: 16px; -} - -.c1 *:not(.fa) { - box-sizing: border-box; - font-family: Hind,sans-serif; -} - -.c1 .c50 { - background-color: rgb(15,106,172); - border-color: white; - border-image: initial; - border-radius: 12px; - border-style: solid; - border-width: 1px; - box-shadow: rgb(0,0,0) 0px 0px 0.25em; - color: white; - display: inline-block; - font-size: 14px; - font-weight: 500; - height: 24px; - line-height: 1.5; - margin-right: 8px; - min-width: 24px; - padding: 2px 3px; - text-align: center; -} - -.c1 .c4 { - 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: 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; -} - -.c44 { - background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c46 { - background-color: gray; - left: 5px; - right: 5px; - background-color: #000088; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c9 { - left: 0; - line-height: inherit; - position: absolute; - text-align: center; - width: 100%; -} - -.c10 { - top: 3px; -} - -.c12 { - left: 0; - position: absolute; - text-align: center; - width: 100%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 2943 SE Washington St, Portland, OR, USA 97214 - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.4 miles to - - Shared E-scooter - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - SE 30th Ave - - - 0.2 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Belmont St - - - 330 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE 29th Ave - - - 511 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SE Taylor St - - - 235 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - Shared E-scooter - -
      -
      - 3:54 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Shared - E-scooter - -
      -
      -
      - - - - - SHARED - - - - - - - - - Ride 1.4 miles to - - NE Broadway - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SE Taylor St - - - 26 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 28th Ave - - - 0.6 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NE 28th Ave - - - 0.7 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NE Halsey St - - - 17 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - NE Halsey St - - - 59 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - SLIGHTLY_LEFT - on - - NE 28th Ave - - - 28 feet - - -
        -
        7. -
      7. -
        - - - -
        -
        - - SLIGHTLY_LEFT - on - - NE 28th Ave - - - 489 feet - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - NE Broadway - - - 86 feet - - -
        -
        9. -
      -
      -
      -
      - -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - -
      -
      - - NE Broadway - -
      -
      - 4:03 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - NE Broadway & 28th - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - RIGHT - on - - street transit link - - -
        -
        2. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - NE Broadway & 28th - -
      -
      - 4:08 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 638 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 70 - - - - - 12th/NE 33rd Ave - - to - - NE Sunderland - - - - - - - Disembark at - NE 33rd & Shaver - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - NE Broadway & 32nd -
        -
        2. -
      2. -
        - • -
        -
        - NE 33rd & Schuyler -
        -
        3. -
      3. -
        - • -
        -
        - NE 33rd & US Grant Pl -
        -
        4. -
      4. -
        - • -
        -
        - NE 33rd & Brazee -
        -
        5. -
      5. -
        - • -
        -
        - NE 33rd & Knott -
        -
        6. -
      6. -
        - • -
        -
        - NE 33rd & Stanton -
        -
        7. -
      7. -
        - • -
        -
        - NE 33rd & Siskiyou -
        -
        8. -
      8. -
        - • -
        -
        - NE 33rd & Alameda -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - NE 33rd & Shaver - -
      -
      - 4:17 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7393 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.4 miles to - - Shared E-scooter - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTH - on - - NE 33rd Ave - - - 33 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - NE Shaver St - - - 0.3 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - NE 38th Ave - - - 332 feet - - -
        -
        4. -
      -
      -
      -
      - -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - -
      -
      - - Shared E-scooter - -
      -
      - 4:25 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Shared - E-scooter - -
      -
      -
      - - - - - SHARED - - - - - - - - - Ride 1 mile to - - 5112 NE 47th Pl, Portland, OR, USA 97218 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - NE 38th Ave - - - 355 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - NE Skidmore St - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - NE 42nd Ave - - - 0.4 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - NE Alberta St - - - 0.3 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - NE 47th Pl - - - 313 feet - - -
        -
        6. -
      -
      -
      -
      - -
      -       -
      -
      -
      7. -
    7. -
      - - - - -
      -
      - - 5112 NE 47th Pl, Portland, OR, USA 97218 - -
      -
      - 4:31 PM -
      - - Arrive at - 5112 NE 47th Pl, Portland, OR, USA 97218 - -
      -
      8. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c60 { - 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; -} - -.c55 { - 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; -} - -.c25 { - font-weight: inherit; -} - -.c49 { - font-size: 13px; - font-weight: 500; -} - -.c48 { - 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; -} - -.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; - 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; -} - -.c45 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - 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 { - 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; -} - -.c58 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c59 { - color: #676767; - margin-top: 3px; -} - -.c56 { - z-index: 30; - position: relative; -} - -.c51 { - margin-top: 5px; -} - -.c52 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c54 { - font-size: 14px; -} - -.c53 { - padding: 0; -} - -.c50 { - margin-top: 5px; -} - -.c50 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c50 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c50 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c57 { - 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; -} - -.c44 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 47.7792, -122.29032 - -
      -
      - 3:23 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.5 miles to - - 48th Ave W & 244th St SW - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - ENTER_STATION - at - - fake station entrance name - - -
        -
        2. -
      2. -
        - - - -
        -
        - - Follow signs to - - fake station exit - - -
        -
        3. -
      3. -
        - - - -
        -
        - - EXIT_STATION - at - - fake station entrance name - - -
        -
        4. -
      4. -
        - - - -
        -
        - - Head - EAST - on - - 242nd Street Southwest - - - 120 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - Cedar Way - - - 0.1 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - RIGHT - on - - Northeast 205th Street - 244th Street Southwest - - - 0.4 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 91 feet - - -
        -
        8. -
      -
      -
      -
      - -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - 48th Ave W & 244th St SW - -
      -
      - 3:33 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - - - - - - - - Disembark at - Northgate Station - Bay 4 - - - - -
      -
      -
      - Service operated by - -
      -
      -
      -
      -
      - -
      -
      -
      -
        -
      1. -
        - • -
        -
        - NE 205th St & 52nd Ave W -
        -
        2. -
      2. -
        - • -
        -
        - NE 205th St & 56th Ave W -
        -
        3. -
      3. -
        - • -
        -
        - NE 205th St & 58th Pl W -
        -
        4. -
      4. -
        - • -
        -
        - 15th Ave NE & Ballinger Way NE -
        -
        5. -
      5. -
        - • -
        -
        - 15th Ave NE & Forest Park Dr NE -
        -
        6. -
      6. -
        - • -
        -
        - 15th Ave NE & NE 200th Ct -
        -
        7. -
      7. -
        - • -
        -
        - 15th Ave NE & NE 192nd St -
        -
        8. -
      8. -
        - • -
        -
        - 15th Ave NE & NE Perkins Way -
        -
        9. -
      9. -
        - • -
        -
        - 15th Ave NE & 24th Ave NE -
        -
        10. -
      10. -
        - • -
        -
        - 15th Ave NE & NE 180th St -
        -
        11. -
      11. -
        - • -
        -
        - NE 175th St & 15th Ave NE -
        -
        12. -
      12. -
        - • -
        -
        - NE 175th St & 10th Ave NE -
        -
        13. -
      13. -
        - • -
        -
        - 5th Ave NE & NE 174th St -
        -
        14. -
      14. -
        - • -
        -
        - 5th Ave NE & NE 170th St -
        -
        15. -
      15. -
        - • -
        -
        - 5th Ave NE & NE 163rd St -
        -
        16. -
      16. -
        - • -
        -
        - 5th Ave NE & NE 161st St -
        -
        17. -
      17. -
        - • -
        -
        - 5th Ave NE & NE 158th St -
        -
        18. -
      18. -
        - • -
        -
        - 5th Ave NE & NE 155th St -
        -
        19. -
      19. -
        - • -
        -
        - 5th Ave NE & NE 152nd St -
        -
        20. -
      20. -
        - • -
        -
        - 5th Ave NE & NE 148th St -
        -
        21. -
      21. -
        - • -
        -
        - NE 145th St & 6th Ave NE -
        -
        22. -
      22. -
        - • -
        -
        - NE 145th St & 12th Ave NE -
        -
        23. -
      23. -
        - • -
        -
        - 15th Ave NE & NE 145th St -
        -
        24. -
      24. -
        - • -
        -
        - 15th Ave NE & NE 143rd St -
        -
        25. -
      25. -
        - • -
        -
        - 15th Ave NE & NE 140th St -
        -
        26. -
      26. -
        - • -
        -
        - 15th Ave NE & NE 135th St -
        -
        27. -
      27. -
        - • -
        -
        - 15th Ave NE & NE 130th St -
        -
        28. -
      28. -
        - • -
        -
        - 15th Ave NE & NE 127th St -
        -
        29. -
      29. -
        - • -
        -
        - 15th Ave NE & NE 125th St -
        -
        30. -
      30. -
        - • -
        -
        - 15th Ave NE & NE 123rd St -
        -
        31. -
      31. -
        - • -
        -
        - 15th Ave NE & NE 120th St -
        -
        32. -
      32. -
        - • -
        -
        - Pinehurst Way NE & NE 115th St -
        -
        33. -
      33. -
        - • -
        -
        - NE Northgate Way & Roosevelt Way NE -
        -
        34. -
      34. -
        - • -
        -
        - 5th Ave NE & NE Northgate Way -
        -
        35. -
      35. -
        - • -
        -
        - 5th Ave NE & Northgate Mall -
        -
        36. -
      36. -
        - • -
        -
        - NE 103rd St & 5th Ave NE -
        -
        37. -
      -
      - Fare: - $2.75 -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Northgate Station - Bay 4 - -
      -
      - 4:09 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 200 feet to - - Northgate Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTH - on - - Unnamed Path - - - 200 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Northgate Station - -
      -
      - 4:13 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - - - - - Disembark at - Othello Station - - - - -
      -
      -
      - Service operated by - -
      -
      -
      -
      -
      - -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Roosevelt Station -
        -
        2. -
      2. -
        - • -
        -
        - U District Station -
        -
        3. -
      3. -
        - • -
        -
        - Univ of Washington Station -
        -
        4. -
      4. -
        - • -
        -
        - Capitol Hill Station -
        -
        5. -
      5. -
        - • -
        -
        - Westlake Station -
        -
        6. -
      6. -
        - • -
        -
        - University St Station -
        -
        7. -
      7. -
        - • -
        -
        - Pioneer Square Station -
        -
        8. -
      8. -
        - • -
        -
        - Int'l Dist/Chinatown Station -
        -
        9. -
      9. -
        - • -
        -
        - Stadium Station -
        -
        10. -
      10. -
        - • -
        -
        - SODO Station -
        -
        11. -
      11. -
        - • -
        -
        - Beacon Hill Station -
        -
        12. -
      12. -
        - • -
        -
        - Mount Baker Station -
        -
        13. -
      13. -
        - • -
        -
        - Columbia City Station -
        -
        14. -
      -
      - Fare: - $3.00 -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - Othello Station - -
      -
      - 4:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 1.3 miles to - - New Light Christian Church, Seattle, WA, USA - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - Martin Luther King Junior Way South - - - 49 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 40 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - parking aisle - - - 260 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - sidewalk - - - 0.1 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - sidewalk - - - 0.1 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - HARD_RIGHT - on - - Unnamed Path - - - 0.1 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - RIGHT - on - - South Webster Street - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 181 feet - - -
        -
        9. -
      9. -
        - - - -
        -
        - - LEFT - on - - South Webster Street - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - SLIGHTLY_LEFT - on - - 29th Avenue South - - - 190 feet - - -
        -
        11. -
      11. -
        - - - -
        -
        - - CONTINUE - on - - Military Road South - - - 0.4 miles - - -
        -
        12. -
      12. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 433 feet - - -
        -
        13. -
      -
      -
      -
      - -
      -       -
      -
      -
      6. -
    6. -
      - - - - -
      -
      - - New Light Christian Church, Seattle, WA, USA - -
      -
      - 5:18 PM -
      - - Arrive at - New Light Christian Church, Seattle, WA, USA - -
      -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c66 { - 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; -} - -.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; -} - -.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; -} - -.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; - 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; -} - -.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; - 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; -} - -.c45 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - 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 { - 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; -} - -.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; -} - -.c1 *:not(.fa) { - box-sizing: border-box; - 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; - 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; -} - -.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; - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 2nd Avenue, Longmont, CO, USA - -
      -
      - 4:59 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.3 miles to - - S Main St & 1st Ave - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - parking aisle - - - 148 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Emery Street - - - 0.1 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - 1st Avenue - - - 0.1 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - parking aisle - - - 280 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - S Main St & 1st Ave - -
      -
      - 5:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 25633 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - LD3 - - - - - Longmont / Denver - - to - - US36/Broomfield Stn - - - - - - - Disembark at - US 287 & Arapahoe Rd - - - - -
      -
      -
      - Service operated by - - Regional Transportation District - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - S Main St & Ken Pratt Blvd -
        -
        2. -
      2. -
        - • -
        -
        - S Main St & Jersey Ave -
        -
        3. -
      3. -
        - • -
        -
        - S Main St & Missouri Ave -
        -
        4. -
      4. -
        - • -
        -
        - S Main St & Quebec Ave -
        -
        5. -
      5. -
        - • -
        -
        - US 287 & Pike Rd -
        -
        6. -
      6. -
        - • -
        -
        - US 287 & Niwot Rd -
        -
        7. -
      7. -
        - • -
        -
        - US 287 & Hwy 52 -
        -
        8. -
      8. -
        - • -
        -
        - US 287 & Lookout Rd -
        -
        9. -
      9. -
        - • -
        -
        - US 287 & Dawson Dr -
        -
        10. -
      10. -
        - • -
        -
        - US 287 & Goose Haven Dr -
        -
        11. -
      11. -
        - • -
        -
        - US 287 & Isabelle Rd -
        -
        12. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - US 287 & Arapahoe Rd - -
      -
      - 5:25 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 33109 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.2 miles to - - Arapahoe Rd & Stonehenge Dr - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - US Highway 287 - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Arapahoe Road - - - 485 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Arapahoe Rd & Stonehenge Dr - -
      -
      - 6:00 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 33465 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - JUMP - - - - - Boulder / Lafayette via Arapahoe - - to - - Erie Community Center - - - - - - - Disembark at - Erie Community Center - - - - -
      -
      -
      - Service operated by - - Regional Transportation District - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Arapahoe Rd & US 287 -
        -
        2. -
      2. -
        - • -
        -
        - Arapahoe Rd & 111th St -
        -
        3. -
      3. -
        - • -
        -
        - Arapahoe Rd & Hawkridge Rd -
        -
        4. -
      4. -
        - • -
        -
        - 2800 Block 119th St -
        -
        5. -
      5. -
        - • -
        -
        - 119th St & Austin Ave -
        -
        6. -
      6. -
        - • -
        -
        - Erie Pkwy & Brennan St -
        -
        7. -
      7. -
        - • -
        -
        - Erie Pkwy & Meller St -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - Erie Community Center - -
      -
      - 6:12 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 33200 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 124 feet to - - corner of path and Powers Street - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - sidewalk - - - 86 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 38 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - - -
      -
      - - 60plusride-co-us:area_626 - -
      -
      - 6:12 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID area_626 -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - - - 60+ Ride - - - - - - - Disembark at - 60plusride-co-us:area_626 - - - - -
      -
      -
      - Service operated by - - 60+ Ride - -
      -
      - To take this route, you must - call 555-352-9348 - at least 7 days in advance - . -
      -
      -
      -
      -
      -
      -
      -
      7. -
    7. -
      - - - - -
      -
      - - 60plusride-co-us:area_626 - -
      -
      - 6:37 PM -
      - - Arrive at - 60plusride-co-us:area_626 - -
      -
      8. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c46 { - 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; -} - -.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; - 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; -} - -.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; - padding: 0; -} - -.c35 { - margin-left: 24px; - line-height: 1.25em; - padding-top: 1px; -} - -.c35 > span { - margin-right: 1ch; -} - -.c29 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - margin-top: 10px; -} - -.c29 a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.c30 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c34 { - fill: #676767; - float: left; - height: 16px; - width: 16px; -} - -.c33 { - font-size: 13px; - margin-top: 8px; - color: #676767; - font-style: normal; -} - -.c36 { - font-weight: 500; -} - -.c37 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c1 { - font-size: 16px; -} - -.c1 *:not(.fa) { - box-sizing: border-box; - font-family: Hind,sans-serif; -} - -.c1 .c4 { - 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; -} - -.c38 { - background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px ); - left: 7.5px; - right: 7.5px; - bottom: -11px; - position: absolute; - top: 11px; - z-index: 10; -} - -.c9 { - left: 0; - line-height: inherit; - position: absolute; - text-align: center; - width: 100%; -} - -.c10 { - top: 3px; -} - -.c12 { - left: 0; - position: absolute; - text-align: center; - width: 100%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 300 Courtland St NE, Atlanta, GA 30303-12ND, United States - -
      -
      - 9:15 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.2 miles to - - Razor Vehicle - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - Courtland Street Northeast - - - 172 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 0.1 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Peachtree Center Avenue Northeast - - - 140 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - Razor E-scooter - -
      -
      - 9:19 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Razor - E-scooter - -
      -
      -
      - - - - - - - - - - - - - - Ride 1 mile to - - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - HARD_RIGHT - on - - Peachtree Center Avenue Northeast - - - 12 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - service road - - - 10 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Peachtree Center Cycle Track - - - 0.5 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Edgewood Avenue Northeast - - - 0.1 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - Pryor Street Southwest - - - 269 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - Pryor Street - - - 518 feet - - -
        -
        7. -
      7. -
        - - - -
        -
        - - CONTINUE - on - - Pryor Street Southwest - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 19 feet - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - sidewalk - - - 22 feet - - -
        -
        10. -
      -
      -
      -
      - -
      -       -
      -
      -
      3. -
    3. -
      - - - - -
      -
      - - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - -
      -
      - 9:26 AM -
      - - Arrive at - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - -
      -
      4. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c62 { - 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; -} - -.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; - -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; -} - -.c45 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c44 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c60 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c61 { - color: #676767; - margin-top: 3px; -} - -.c58 { - z-index: 30; - position: relative; -} - -.c49 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c51 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c52 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c50 { - float: left; - font-size: 18px; -} - -.c48 { - display: block; - margin-top: 3px; -} - -.c47 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c53 { - margin-top: 5px; -} - -.c54 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c56 { - font-size: 14px; -} - -.c55 { - 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 .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 .c59 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Sunset TC MAX Station - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2600 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - - -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Oak/ SW 1st Ave MAX Station - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8337 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      -
      5. -
    5. -
      - - - - -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c61 { - 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; -} - -.c56 { - 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; -} - -.c44 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c43 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c59 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c60 { - color: #676767; - margin-top: 3px; -} - -.c57 { - z-index: 30; - position: relative; -} - -.c48 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c50 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c51 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c49 { - float: left; - font-size: 18px; -} - -.c47 { - display: block; - margin-top: 3px; -} - -.c46 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c52 { - margin-top: 5px; -} - -.c53 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c55 { - font-size: 14px; -} - -.c54 { - padding: 0; -} - -.c45 { - margin-top: 5px; -} - -.c45 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c45 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c45 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c58 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Pioneer Square North MAX Station - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8383 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - -
      -
      - -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Providence Park MAX Station - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 9757 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      - - - - -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c61 { - 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; -} - -.c56 { - 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; -} - -.c44 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c43 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c59 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c60 { - color: #676767; - margin-top: 3px; -} - -.c57 { - z-index: 30; - position: relative; -} - -.c48 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c50 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c51 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c49 { - float: left; - font-size: 18px; -} - -.c47 { - display: block; - margin-top: 3px; -} - -.c46 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c52 { - margin-top: 5px; -} - -.c53 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c55 { - font-size: 14px; -} - -.c54 { - padding: 0; -} - -.c45 { - margin-top: 5px; -} - -.c45 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c45 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c45 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c58 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Pioneer Square North MAX Station - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8383 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - -
      -
      - -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Providence Park MAX Station - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 9757 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      - - - - -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c61 { - 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; -} - -.c56 { - 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; -} - -.c44 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c43 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c59 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c60 { - color: #676767; - margin-top: 3px; -} - -.c57 { - z-index: 30; - position: relative; -} - -.c48 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c50 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c51 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c49 { - float: left; - font-size: 18px; -} - -.c47 { - display: block; - margin-top: 3px; -} - -.c46 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c52 { - margin-top: 5px; -} - -.c53 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c55 { - font-size: 14px; -} - -.c54 { - padding: 0; -} - -.c45 { - margin-top: 5px; -} - -.c45 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c45 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c45 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c58 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Pioneer Square North MAX Station - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8383 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - -
      -
      - -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Providence Park MAX Station - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 9757 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      - - - - -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c56 { - color: #f44256; -} - -.c27 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - 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 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c38:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c39 { - padding-left: 0px; -} - -.c39:before { - content: "|"; - color: black; - margin-right: 5px; -} - -.c53 { - bottom: 0; - left: 110px; - position: absolute; - right: 0; - top: 0; -} - -.c54 { - background-color: #fcf9d3; - display: table; - height: 100%; - width: 100%; -} - -.c52 { - 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; -} - -.c55 { - 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; -} - -.c47 { - display: block; - font-size: 13px; - list-style: none; - padding: 0; -} - -.c0 { - list-style: none; - padding: 0; -} - -.c22 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c28 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c23 { - -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; -} - -.c26 { - font-weight: inherit; -} - -.c41 { - font-size: 13px; - font-weight: 500; -} - -.c40 { - color: #807373; - margin-top: 5px; -} - -.c25 img, -.c25 svg { - margin-right: 6px; - height: 24px; - width: 24px; - vertical-align: bottom; -} - -.c24 { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c5 { - grid-column-start: 2; - grid-row: span 2; - padding-right: 5px; -} - -.c32 { - 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; -} - -.c21 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - margin-top: -14px; -} - -.c36 { - display: block; - list-style: none; - padding: 0; -} - -.c33 { - 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; -} - -.c33 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; -} - -.c34 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c50 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c51 { - color: #676767; - margin-top: 3px; -} - -.c48 { - z-index: 30; - position: relative; -} - -.c43 { - margin-top: 5px; -} - -.c44 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c46 { - font-size: 14px; -} - -.c45 { - padding: 0; -} - -.c42 { - margin-top: 5px; -} - -.c42 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c42 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c42 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c49 { - 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; -} - -.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; -} - -.c37 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 128 NW 12th Ave, Portland - -
      -
      - 10:58 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - Wait 4 minutes for pickup -
      -
      -
      - - - - - uber - - - - - - - - - Ride 0.4 miles to - - West Burnside Street - - - - -
      - -
      - Estimated travel time: - 2 min - (does not account for traffic) -
      -
      - Estimated cost: - $17.00 - - - $19.00 -
      -
      -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - West Burnside Street - -
      -
      - 11:01 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - W Burnside & SW 6th - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - W Burnside & SW 6th - -
      -
      - 11:02 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - - - - - - - - Disembark at - E Burnside & SE 12th - - - - -
      -
      -
      - Service operated by - -
      -
      -
      -
      -
      - -
      -
      -
      -
        -
      1. -
        - • -
        -
        - W Burnside & SW 2nd -
        -
        2. -
      2. -
        - • -
        -
        - E Burnside & SE 8th -
        -
        3. -
      -
      -
      -
      -
      -
      -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - E Burnside & SE 12th - -
      -
      - 11:08 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - East Burnside Street - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      5. -
    5. -
      -
      - - - -
      -
      - - East Burnside Street - -
      -
      - 11:09 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - Wait for pickup -
      -
      -
      - - - - - uber - - - - - - - - - Ride 0.2 miles to - - 407 NE 12th Ave, Portland - - - - -
      -
      - - Book Ride - -
      -
      -
      -
      - Wait until 11:08 AM to book -
      -
      -
      -
      -
      - Estimated travel time: - 1 min - (does not account for traffic) -
      -
      - Estimated cost: - $17.00 - - - $18.00 -
      -
      -
      -
      -
      6. -
    6. -
      - - - - -
      -
      - - 407 NE 12th Ave, Portland - -
      -
      - 11:10 AM -
      - - Arrive at - 407 NE 12th Ave, Portland - -
      -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c62 { - 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; -} - -.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; - -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; -} - -.c45 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c44 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c60 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c61 { - color: #676767; - margin-top: 3px; -} - -.c58 { - z-index: 30; - position: relative; -} - -.c49 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c51 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c52 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c50 { - float: left; - font-size: 18px; -} - -.c48 { - display: block; - margin-top: 3px; -} - -.c47 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c53 { - margin-top: 5px; -} - -.c54 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c56 { - font-size: 14px; -} - -.c55 { - 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 .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 .c59 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Sunset TC MAX Station - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2600 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - - -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Oak/ SW 1st Ave MAX Station - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8337 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      -
      5. -
    5. -
      - - - - -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c62 { - 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; -} - -.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; - -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; -} - -.c45 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c44 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c60 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c61 { - color: #676767; - margin-top: 3px; -} - -.c58 { - z-index: 30; - position: relative; -} - -.c49 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c51 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c52 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c50 { - float: left; - font-size: 18px; -} - -.c48 { - display: block; - margin-top: 3px; -} - -.c47 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c53 { - margin-top: 5px; -} - -.c54 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c56 { - font-size: 14px; -} - -.c55 { - 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 .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 .c59 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Sunset TC MAX Station - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2600 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - - -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Oak/ SW 1st Ave MAX Station - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8337 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      -
      5. -
    5. -
      - - - - -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c62 { - 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; -} - -.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; - -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; -} - -.c45 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c44 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c60 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c61 { - color: #676767; - margin-top: 3px; -} - -.c58 { - z-index: 30; - position: relative; -} - -.c49 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c51 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c52 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c50 { - float: left; - font-size: 18px; -} - -.c48 { - display: block; - margin-top: 3px; -} - -.c47 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c53 { - margin-top: 5px; -} - -.c54 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c56 { - font-size: 14px; -} - -.c55 { - 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 .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 .c59 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Sunset TC MAX Station - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2600 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - - -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Oak/ SW 1st Ave MAX Station - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8337 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      -
      5. -
    5. -
      - - - - -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c57 { - 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; -} - -.c51 { - 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; -} - -.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; -} - -.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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Everett Station Bay C1 - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2345 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 512 - - - - - Northgate Station - - - - - - - Disembark at - Northgate Station - - - - -
      -
      -
      - Service operated by - - Community Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Northgate Station - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2191 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Northgate Station - Bay 4 - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 35318 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 40 - - - - - Downtown Seattle Ballard - - - - - - - Disembark at - N 105th St & Aurora Ave N - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - N 105th St & Aurora Ave N - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 40032 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - - -
      -
      - - Aurora Ave N & N 105th St - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7080 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - E Line - - - - - Downtown Seattle - - - - - - - Disembark at - 3rd Ave & Cherry St - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      -
      7. -
    7. -
      -
      - - - - -
      -
      - - 3rd Ave & Cherry St - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 490 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      8. -
    8. -
      - - - - -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 1`] = ` - - - -`; - -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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 11:29 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 166 feet to - - 701 SW 6th Ave, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      - - - - -
      -
      - - 701 SW 6th Ave, Portland, OR, USA 97204 - -
      -
      - 11:30 AM -
      - - Arrive at - 701 SW 6th Ave, Portland, OR, USA 97204 - -
      -
      3. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c57 { - 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; -} - -.c52 { - 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; -} - -.c55 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c56 { - color: #676767; - margin-top: 3px; -} - -.c53 { - z-index: 30; - position: relative; -} - -.c48 { - margin-top: 5px; -} - -.c49 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c51 { - font-size: 14px; -} - -.c50 { - padding: 0; -} - -.c47 { - margin-top: 5px; -} - -.c47 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c47 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c47 img { - margin-left: 5px; - vertical-align: middle; -} - -.c1 { - font-size: 16px; -} - -.c1 *:not(.fa) { - box-sizing: border-box; - font-family: Hind,sans-serif; -} - -.c1 .c43 { - background-color: rgb(15,106,172); - border-color: white; - border-image: initial; - border-radius: 12px; - border-style: solid; - border-width: 1px; - box-shadow: rgb(0,0,0) 0px 0px 0.25em; - color: white; - display: inline-block; - font-size: 14px; - font-weight: 500; - height: 24px; - line-height: 1.5; - margin-right: 8px; - min-width: 24px; - padding: 2px 3px; - text-align: center; -} - -.c1 .c4 { - 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 .c54 { - 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: #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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 3940 SE Brooklyn St, Portland, OR, USA 97202 - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 238 feet to - - SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Brooklyn St - - - 205 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 33 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - SE Cesar Chavez Blvd & Brooklyn - -
      -
      - 3:47 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7439 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 755X - - - - - Cesar Chavez/Lombard (very long route name) - - to - - St. Johns via NAYA - - - - - - - Disembark at - SE Cesar Chavez Blvd & Hawthorne - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Cesar Chavez Blvd & Clinton -
        -
        2. -
      2. -
        - • -
        -
        - SE Cesar Chavez Blvd & Division -
        -
        3. -
      3. -
        - • -
        -
        - SE Cesar Chavez Blvd & Lincoln -
        -
        4. -
      4. -
        - • -
        -
        - SE Cesar Chavez Blvd & Stephens -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - SE Cesar Chavez Blvd & Hawthorne - -
      -
      - 3:52 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7459 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 440 feet to - - SE Hawthorne & Cesar Chavez Blvd - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 146 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 198 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE Hawthorne Blvd - - - 96 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - SE Hawthorne & Cesar Chavez Blvd - -
      -
      - 4:00 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2626 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 1 - - - - - Hawthorne - - to - - Portland - - - - - - - Disembark at - SE Hawthorne & 27th - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Hawthorne & 37th -
        -
        2. -
      2. -
        - • -
        -
        - SE Hawthorne & 34th -
        -
        3. -
      3. -
        - • -
        -
        - SE Hawthorne & 32nd -
        -
        4. -
      4. -
        - • -
        -
        - SE Hawthorne & 30th -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - SE Hawthorne & 27th - -
      -
      - 4:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2613 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 479 feet to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Hawthorne Blvd - - - 40 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 27th Ave - - - 294 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE Madison St - - - 146 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      - - - - -
      -
      - - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      - 4:06 PM -
      - - Arrive at - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c62 { - color: #f44256; -} - -.c29 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c44:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c45 { - padding-left: 0px; -} - -.c45:before { - content: "|"; - color: black; - margin-right: 5px; -} - -.c34::before { - content: ""; - margin: 0 0.125em; -} - -.c56 { - display: block; - font-size: 13px; - list-style: none; - padding: 0; -} - -.c0 { - list-style: none; - padding: 0; -} - -.c24 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c30 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c25 { - -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; -} - -.c22 { - display: inline-block; - grid-row-start: 2; - grid-column-start: 1; - height: 0; - overflow: hidden; - width: 0; -} - -.c50 { - font-weight: 200; -} - -.c28 { - font-weight: inherit; -} - -.c49 { - font-size: 13px; - font-weight: 500; -} - -.c48 { - font-weight: 800; - margin-right: 6px; -} - -.c46 { - color: #807373; - margin-top: 5px; -} - -.c27 img, -.c27 svg { - margin-right: 6px; - height: 24px; - width: 24px; - vertical-align: bottom; -} - -.c26 { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c5 { - grid-column-start: 2; - grid-row: span 2; - padding-right: 5px; -} - -.c31 { - 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; -} - -.c23 { - 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; -} - -.c43 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - margin-top: -14px; -} - -.c35 { - display: block; - list-style: none; - padding: 0; -} - -.c38 { - margin-left: 24px; - line-height: 1.25em; - padding-top: 1px; -} - -.c38 > span { - margin-right: 1ch; -} - -.c32 { - 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; -} - -.c32 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; -} - -.c33 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c37 { - fill: #676767; - float: left; - height: 16px; - width: 16px; -} - -.c36 { - font-size: 13px; - margin-top: 8px; - color: #676767; - font-style: normal; -} - -.c39 { - font-weight: 500; -} - -.c40 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c59 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c60 { - color: #676767; - margin-top: 3px; -} - -.c57 { - z-index: 30; - position: relative; -} - -.c52 { - margin-top: 5px; -} - -.c53 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c55 { - font-size: 14px; -} - -.c54 { - padding: 0; -} - -.c51 { - margin-top: 5px; -} - -.c51 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c51 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.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; -} - -.c1 *:not(.fa) { - box-sizing: border-box; - font-family: Hind,sans-serif; -} - -.c1 .c47 { - 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 .c58 { - 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; -} - -.c41 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 3940 SE Brooklyn St, Portland, OR, USA 97202 - -
      -
      - 3:46 PM -
      - - - - ✅ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 238 feet to - - SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Brooklyn St - - - 205 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 33 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - SE Cesar Chavez Blvd & Brooklyn - -
      -
      - 3:47 PM -
      - - - - ？ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7439 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 755X - - - - - Cesar Chavez/Lombard (very long route name) - - to - - St. Johns via NAYA - - - - - - - Disembark at - SE Cesar Chavez Blvd & Hawthorne - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Cesar Chavez Blvd & Clinton -
        -
        2. -
      2. -
        - • -
        -
        - SE Cesar Chavez Blvd & Division -
        -
        3. -
      3. -
        - • -
        -
        - SE Cesar Chavez Blvd & Lincoln -
        -
        4. -
      4. -
        - • -
        -
        - SE Cesar Chavez Blvd & Stephens -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - SE Cesar Chavez Blvd & Hawthorne - -
      -
      - 3:52 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7459 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 440 feet to - - SE Hawthorne & Cesar Chavez Blvd - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 146 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 198 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE Hawthorne Blvd - - - 96 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - SE Hawthorne & Cesar Chavez Blvd - -
      -
      - 4:00 PM -
      - - - - ❌ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2626 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 1 - - - - - Hawthorne - - to - - Portland - - - - - - - Disembark at - SE Hawthorne & 27th - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Hawthorne & 37th -
        -
        2. -
      2. -
        - • -
        -
        - SE Hawthorne & 34th -
        -
        3. -
      3. -
        - • -
        -
        - SE Hawthorne & 32nd -
        -
        4. -
      4. -
        - • -
        -
        - SE Hawthorne & 30th -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - SE Hawthorne & 27th - -
      -
      - 4:04 PM -
      - - - - ❌ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2613 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 479 feet to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Hawthorne Blvd - - - 40 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 27th Ave - - - 294 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE Madison St - - - 146 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      - - - - -
      -
      - - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      - 4:06 PM -
      - - Arrive at - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c61 { - 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; -} - -.c56 { - 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; -} - -.c44 { - font-weight: 200; -} - -.c25 { - font-weight: inherit; -} - -.c43 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c59 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c60 { - color: #676767; - margin-top: 3px; -} - -.c57 { - z-index: 30; - position: relative; -} - -.c48 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c50 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c51 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c49 { - float: left; - font-size: 18px; -} - -.c47 { - display: block; - margin-top: 3px; -} - -.c46 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c52 { - margin-top: 5px; -} - -.c53 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c55 { - font-size: 14px; -} - -.c54 { - padding: 0; -} - -.c45 { - margin-top: 5px; -} - -.c45 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c45 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c45 img { - margin-left: 5px; - vertical-align: middle; -} - -.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 .c58 { - 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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Pioneer Square North MAX Station - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 8383 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - -
      -
      - -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Providence Park MAX Station - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 9757 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      -
      4. -
    4. -
      - - - - -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c57 { - 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; -} - -.c51 { - 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; -} - -.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; -} - -.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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Everett Station Bay C1 - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2345 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 512 - - - - - Northgate Station - - - - - - - Disembark at - Northgate Station - - - - -
      -
      -
      - Service operated by - - Community Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Northgate Station - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2191 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Northgate Station - Bay 4 - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 35318 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 40 - - - - - Downtown Seattle Ballard - - - - - - - Disembark at - N 105th St & Aurora Ave N - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - N 105th St & Aurora Ave N - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 40032 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - - -
      -
      - - Aurora Ave N & N 105th St - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7080 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - E Line - - - - - Downtown Seattle - - - - - - - Disembark at - 3rd Ave & Cherry St - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      -
      7. -
    7. -
      -
      - - - - -
      -
      - - 3rd Ave & Cherry St - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 490 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      8. -
    8. -
      - - - - -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c57 { - 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; -} - -.c51 { - 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; -} - -.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; -} - -.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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Everett Station Bay C1 - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2345 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 512 - - - - - Northgate Station - - - - - - - Disembark at - Northgate Station - - - - -
      -
      -
      - Service operated by - - Community Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Northgate Station - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2191 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Northgate Station - Bay 4 - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 35318 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 40 - - - - - Downtown Seattle Ballard - - - - - - - Disembark at - N 105th St & Aurora Ave N - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - N 105th St & Aurora Ave N - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 40032 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - - -
      -
      - - Aurora Ave N & N 105th St - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7080 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - E Line - - - - - Downtown Seattle - - - - - - - Disembark at - 3rd Ave & Cherry St - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      -
      7. -
    7. -
      -
      - - - - -
      -
      - - 3rd Ave & Cherry St - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 490 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      8. -
    8. -
      - - - - -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 2`] = ` -.c8 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c11 { - color: #333; -} - -.c57 { - 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; -} - -.c51 { - 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; -} - -.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; -} - -.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%; -} - -
      -
    1. -
      -
      - - - - -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      -
      2. -
    2. -
      -
      - - - - -
      -
      - - Everett Station Bay C1 - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2345 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 512 - - - - - Northgate Station - - - - - - - Disembark at - Northgate Station - - - - -
      -
      -
      - Service operated by - - Community Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      -
      3. -
    3. -
      -
      - - - - -
      -
      - - Northgate Station - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 2191 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      -
      4. -
    4. -
      -
      - - - - -
      -
      - - Northgate Station - Bay 4 - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 35318 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - 40 - - - - - Downtown Seattle Ballard - - - - - - - Disembark at - N 105th St & Aurora Ave N - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      -
      5. -
    5. -
      -
      - - - - -
      -
      - - N 105th St & Aurora Ave N - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 40032 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      -
      6. -
    6. -
      -
      - - - - -
      -
      - - Aurora Ave N & N 105th St - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 7080 - - Stop Viewer - -
      -
      -
      - - - - - - Ride - - - - - - - - - - - - - - - E Line - - - - - Downtown Seattle - - - - - - - Disembark at - 3rd Ave & Cherry St - - - - -
      -
      -
      - Service operated by - - Metro Transit - -
      -
      -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      -
      7. -
    7. -
      -
      - - - - -
      -
      - - 3rd Ave & Cherry St - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Stop ID 490 - - Stop Viewer - -
      -
      -
      - - - - - - - - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      -
      8. -
    8. -
      - - - - -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c40 { - color: #f44256; -} - -.c35 { - 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; -} - -.c37 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c37:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c6 { - 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; -} - -.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 { - 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; -} - -.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; -} - -.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; -} - -.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; -} - -.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; -} - -.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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by bicycle - - - - -
      -
      -
      -
      -
      - - 503 SW Alder St, Portland, OR, USA 97204 - -
      -
      - 3:42 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Bicycle 0.7 miles to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - SW Alder St - - - 87 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW 5th Ave - - - 257 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 0.6 miles - - -
        -
        4. -
      -
      -
      -
      - -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:49 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      3. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 1`] = ` - - - -`; - -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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 2624 SE 30th Ave, Portland, OR, USA 97202 - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 498 feet to - - SE 30th at Division - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Clinton St - - - 79 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 30th Ave - - - 419 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by bicycle - - - - - - - - - - -
      -
      -
      -
      -
      - - SE 30th at Division - -
      -
      - 3:48 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up - shared bike - -
      -
      -
      - - - - - - - - Bicycle 0.6 miles to - - SE 29th at Hawthorne - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SE 30th Ave - - - 0.3 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - SE Harrison St - - - 361 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE 29th Ave - - - 0.2 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - SE Hawthorne Blvd - - - 50 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - SE 29th at Hawthorne - -
      -
      - 3:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.1 miles to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SE Hawthorne Blvd - - - 210 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 28th Ave - - - 295 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE Madison St - - - 114 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      - 3:58 PM -
      - - Arrive at - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c65 { - 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; -} - -.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; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - 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; -} - -.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; -} - -.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; - 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; -} - -.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; - 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; -} - -.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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 2943 SE Washington St, Portland, OR, USA 97214 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 400 feet to - - SE 29th at Stark - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTH - on - - SE 30th Ave - - - 103 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Stark St - - - 277 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE 29th Ave - - - 19 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by bicycle - - - - - - - - - - -
      -
      -
      -
      -
      - - SE 29th at Stark - -
      -
      - 3:53 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up - shared bike - -
      -
      -
      - - - - - - - - Bicycle 0.8 miles to - - NE Glisan at 24th - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SE 29th Ave - - - 492 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - SE Pine St - - - 358 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE 28th Ave - - - 518 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - SE Ankeny St - - - 0.2 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - SE 24th Ave - - - 259 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NE 24th Ave - - - 0.2 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - NE Glisan St - - - 57 feet - - -
        -
        8. -
      -
      -
      -
      - -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - NE Glisan at 24th - -
      -
      - 3:59 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 497 feet to - - NE Sandy & 24th - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - HARD_LEFT - on - - NE Glisan St - - - 57 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - NE 24th Ave - - - 382 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - NE Sandy Blvd - - - 58 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 12 - - - Barbur/Sandy Blvd - -
      -
      -
      -
      -
      - - NE Sandy & 24th - - ID 5066 - - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 12 - -
      - - - Barbur/Sandy Blvd - - to - - Parkrose TC - - -       - - - - Disembark at - NE Sandy & 57th - - ID 5104 - - -       - -       -
      -
      - - -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - NE Sandy & Lawrence -
        -
        2. -
      2. -
        - • -
        -
        - NE Sandy & 28th -
        -
        3. -
      3. -
        - • -
        -
        - NE Sandy & 31st -
        -
        4. -
      4. -
        - • -
        -
        - NE Sandy & 33rd -
        -
        5. -
      5. -
        - • -
        -
        - NE Sandy & Imperial -
        -
        6. -
      6. -
        - • -
        -
        - NE Sandy & 38th -
        -
        7. -
      7. -
        - • -
        -
        - NE Sandy & 42nd -
        -
        8. -
      8. -
        - • -
        -
        - NE Sandy & 44th -
        -
        9. -
      9. -
        - • -
        -
        - NE Sandy & 48th -
        -
        10. -
      10. -
        - • -
        -
        - NE Sandy & 50th -
        -
        11. -
      11. -
        - • -
        -
        - NE Sandy & Sacramento -
        -
        12. -
      12. -
        - • -
        -
        - NE Sandy & 54th -
        -
        13. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - NE Sandy & 57th - - ID 5104 - - -
      -
      - 4:14 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 279 feet to - - 0086 BIKETOWN - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - NE Sandy Blvd - - - 75 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - HARD_LEFT - on - - NE Alameda St - - - 203 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - - Travel by bicycle - - - - - - - - - - -
      -
      -
      -
      -
      - - 0086 BIKETOWN - -
      -
      - 4:16 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up - shared bike - -
      -
      -
      - - - - - - - - Bicycle 1 mile to - - NE 60th at Cully - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - HARD_LEFT - on - - NE Alameda St - - - 203 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - HARD_LEFT - on - - NE 57th Ave - - - 0.6 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NE Cully Blvd - - - 0.3 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - NE 60th Ave - - - 171 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      - -
      7. -
    7. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - NE 60th at Cully - -
      -
      - 4:24 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 494 feet to - - 5916 NE Going St, Portland, OR, USA 97218 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - NE 60th Ave - - - 270 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - NE Going St - - - 225 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      8. -
    8. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 5916 NE Going St, Portland, OR, USA 97218 - -
      -
      - 4:26 PM -
      - - Arrive at - 5916 NE Going St, Portland, OR, USA 97218 - -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c57 { - 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; -} - -.c56 { - 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%); -} - -.c52 { - 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; -} - -.c41 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c40 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c54 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c55 { - color: #676767; - margin-top: 3px; -} - -.c53 { - z-index: 30; - position: relative; -} - -.c44 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c46 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c47 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c45 { - float: left; - font-size: 18px; -} - -.c43 { - display: block; - margin-top: 3px; -} - -.c42 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c48 { - margin-top: 5px; -} - -.c49 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c51 { - font-size: 14px; -} - -.c50 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 91 feet to - - corner of path and Pioneer Courthouse Sq (pedestrian street) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - Unnamed Path - - - 91 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by bicycle - - - - -
      -
      -
      -
      -
      - - corner of path and Pioneer Courthouse Sq (pedestrian street) - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Bicycle 0.1 miles to - - corner of path and Pioneer Sq N (path) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 20 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - SW 6th Ave - - - 245 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Morrison St - - - 241 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 27 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - corner of path and Pioneer Sq N (path) - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 22 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 22 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      - -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 19 feet to - - corner of path and Providence Park (path) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - - Travel by bicycle - - - - -
      -
      -
      -
      -
      - - corner of path and Providence Park (path) - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Bicycle 230 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      7. -
    7. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      8. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c50 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c52 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c53 { - color: #676767; - margin-top: 3px; -} - -.c51 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c49 { - font-size: 14px; -} - -.c48 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 1`] = ` - - - -`; - -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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 600 SW 5th Ave, Portland, OR, USA 97204 - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 206 feet to - - EMAQ - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - SW Alder St - - - 118 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - SW 4th Ave - - - 88 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by e-scooter - - - - - - - - - -
      -
      -
      -
      -
      - - EMAQ - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Razor - E-scooter - -
      -
      -
      - - - - - - - - Ride 0.3 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SW 4th Ave - - - 0.2 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Pine St - - - 456 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 3:48 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      4. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c59 { - color: #f44256; -} - -.c35 { - 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; -} - -.c37 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c37: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; -} - -.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; -} - -.c58 { - 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%); -} - -.c39 { - border-left: dotted 4px #f5a729; - 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; - 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; - 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; -} - -.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; - 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; -} - -.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; -} - -.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; -} - -.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; -} - -.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; - 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; - 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; -} - -.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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 2943 SE Washington St, Portland, OR, USA 97214 - -
      -
      - 3:45 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.4 miles to - - Shared E-scooter - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - SE 30th Ave - - - 0.2 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Belmont St - - - 330 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE 29th Ave - - - 511 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SE Taylor St - - - 235 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by e-scooter - - - - - - - - - - -
      -
      -
      -
      -
      - - Shared E-scooter - -
      -
      - 3:54 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Shared - E-scooter - -
      -
      -
      - - - - - - - - Ride 1.4 miles to - - NE Broadway - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - SE Taylor St - - - 26 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 28th Ave - - - 0.6 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NE 28th Ave - - - 0.7 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NE Halsey St - - - 17 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - NE Halsey St - - - 59 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - SLIGHTLY_LEFT - on - - NE 28th Ave - - - 28 feet - - -
        -
        7. -
      7. -
        - - - -
        -
        - - SLIGHTLY_LEFT - on - - NE 28th Ave - - - 489 feet - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - NE Broadway - - - 86 feet - - -
        -
        9. -
      -
      -
      -
      - -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - NE Broadway - -
      -
      - 4:03 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - NE Broadway & 28th - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - RIGHT - on - - street transit link - - -
        -
        2. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 70 - - - 12th/NE 33rd Ave - -
      -
      -
      -
      -
      - - NE Broadway & 28th - - ID 638 - - -
      -
      - 4:08 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 70 - -
      - - - 12th/NE 33rd Ave - - to - - NE Sunderland - - -       - - - - Disembark at - NE 33rd & Shaver - - ID 7393 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - NE Broadway & 32nd -
        -
        2. -
      2. -
        - • -
        -
        - NE 33rd & Schuyler -
        -
        3. -
      3. -
        - • -
        -
        - NE 33rd & US Grant Pl -
        -
        4. -
      4. -
        - • -
        -
        - NE 33rd & Brazee -
        -
        5. -
      5. -
        - • -
        -
        - NE 33rd & Knott -
        -
        6. -
      6. -
        - • -
        -
        - NE 33rd & Stanton -
        -
        7. -
      7. -
        - • -
        -
        - NE 33rd & Siskiyou -
        -
        8. -
      8. -
        - • -
        -
        - NE 33rd & Alameda -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - NE 33rd & Shaver - - ID 7393 - - -
      -
      - 4:17 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.4 miles to - - Shared E-scooter - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTH - on - - NE 33rd Ave - - - 33 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - NE Shaver St - - - 0.3 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - NE 38th Ave - - - 332 feet - - -
        -
        4. -
      -
      -
      -
      - -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - - Travel by e-scooter - - - - - - - - - - -
      -
      -
      -
      -
      - - Shared E-scooter - -
      -
      - 4:25 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Shared - E-scooter - -
      -
      -
      - - - - - - - - Ride 1 mile to - - 5112 NE 47th Pl, Portland, OR, USA 97218 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - CONTINUE - on - - NE 38th Ave - - - 355 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - NE Skidmore St - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - NE 42nd Ave - - - 0.4 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - NE Alberta St - - - 0.3 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - NE 47th Pl - - - 313 feet - - -
        -
        6. -
      -
      -
      -
      - -
      -       -
      -
      - -
      7. -
    7. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 5112 NE 47th Pl, Portland, OR, USA 97218 - -
      -
      - 4:31 PM -
      - - Arrive at - 5112 NE 47th Pl, Portland, OR, USA 97218 - -
      8. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c53 { - color: #f44256; -} - -.c35 { - 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; -} - -.c37 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c37: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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c52 { - 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%); -} - -.c39 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c48 { - 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; -} - -.c15 { - font-weight: inherit; -} - -.c43 { - font-size: 13px; - font-weight: 500; -} - -.c42 { - 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; -} - -.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; -} - -.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; -} - -.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; -} - -.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; -} - -.c40 { - 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; -} - -.c41 { - 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; -} - -.c50 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c51 { - color: #676767; - margin-top: 3px; -} - -.c49 { - z-index: 30; - position: relative; -} - -.c44 { - margin-top: 5px; -} - -.c45 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c47 { - font-size: 14px; -} - -.c46 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 47.7792, -122.29032 - -
      -
      - 3:23 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.5 miles to - - 48th Ave W & 244th St SW - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - ENTER_STATION - at - - fake station entrance name - - -
        -
        2. -
      2. -
        - - - -
        -
        - - Follow signs to - - fake station exit - - -
        -
        3. -
      3. -
        - - - -
        -
        - - EXIT_STATION - at - - fake station entrance name - - -
        -
        4. -
      4. -
        - - - -
        -
        - - Head - EAST - on - - 242nd Street Southwest - - - 120 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - Cedar Way - - - 0.1 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - RIGHT - on - - Northeast 205th Street - 244th Street Southwest - - - 0.4 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 91 feet - - -
        -
        8. -
      -
      -
      -
      - -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 34 - - - - -
      -
      -
      -
      -
      - - 48th Ave W & 244th St SW - -
      -
      - 3:33 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - - - - - - Disembark at - Northgate Station - Bay 4 - - - - -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - NE 205th St & 52nd Ave W -
        -
        2. -
      2. -
        - • -
        -
        - NE 205th St & 56th Ave W -
        -
        3. -
      3. -
        - • -
        -
        - NE 205th St & 58th Pl W -
        -
        4. -
      4. -
        - • -
        -
        - 15th Ave NE & Ballinger Way NE -
        -
        5. -
      5. -
        - • -
        -
        - 15th Ave NE & Forest Park Dr NE -
        -
        6. -
      6. -
        - • -
        -
        - 15th Ave NE & NE 200th Ct -
        -
        7. -
      7. -
        - • -
        -
        - 15th Ave NE & NE 192nd St -
        -
        8. -
      8. -
        - • -
        -
        - 15th Ave NE & NE Perkins Way -
        -
        9. -
      9. -
        - • -
        -
        - 15th Ave NE & 24th Ave NE -
        -
        10. -
      10. -
        - • -
        -
        - 15th Ave NE & NE 180th St -
        -
        11. -
      11. -
        - • -
        -
        - NE 175th St & 15th Ave NE -
        -
        12. -
      12. -
        - • -
        -
        - NE 175th St & 10th Ave NE -
        -
        13. -
      13. -
        - • -
        -
        - 5th Ave NE & NE 174th St -
        -
        14. -
      14. -
        - • -
        -
        - 5th Ave NE & NE 170th St -
        -
        15. -
      15. -
        - • -
        -
        - 5th Ave NE & NE 163rd St -
        -
        16. -
      16. -
        - • -
        -
        - 5th Ave NE & NE 161st St -
        -
        17. -
      17. -
        - • -
        -
        - 5th Ave NE & NE 158th St -
        -
        18. -
      18. -
        - • -
        -
        - 5th Ave NE & NE 155th St -
        -
        19. -
      19. -
        - • -
        -
        - 5th Ave NE & NE 152nd St -
        -
        20. -
      20. -
        - • -
        -
        - 5th Ave NE & NE 148th St -
        -
        21. -
      21. -
        - • -
        -
        - NE 145th St & 6th Ave NE -
        -
        22. -
      22. -
        - • -
        -
        - NE 145th St & 12th Ave NE -
        -
        23. -
      23. -
        - • -
        -
        - 15th Ave NE & NE 145th St -
        -
        24. -
      24. -
        - • -
        -
        - 15th Ave NE & NE 143rd St -
        -
        25. -
      25. -
        - • -
        -
        - 15th Ave NE & NE 140th St -
        -
        26. -
      26. -
        - • -
        -
        - 15th Ave NE & NE 135th St -
        -
        27. -
      27. -
        - • -
        -
        - 15th Ave NE & NE 130th St -
        -
        28. -
      28. -
        - • -
        -
        - 15th Ave NE & NE 127th St -
        -
        29. -
      29. -
        - • -
        -
        - 15th Ave NE & NE 125th St -
        -
        30. -
      30. -
        - • -
        -
        - 15th Ave NE & NE 123rd St -
        -
        31. -
      31. -
        - • -
        -
        - 15th Ave NE & NE 120th St -
        -
        32. -
      32. -
        - • -
        -
        - Pinehurst Way NE & NE 115th St -
        -
        33. -
      33. -
        - • -
        -
        - NE Northgate Way & Roosevelt Way NE -
        -
        34. -
      34. -
        - • -
        -
        - 5th Ave NE & NE Northgate Way -
        -
        35. -
      35. -
        - • -
        -
        - 5th Ave NE & Northgate Mall -
        -
        36. -
      36. -
        - • -
        -
        - NE 103rd St & 5th Ave NE -
        -
        37. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Northgate Station - Bay 4 - -
      -
      - 4:09 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 200 feet to - - Northgate Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTH - on - - Unnamed Path - - - 200 feet - - -
        -
        2. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 1 - - - - -
      -
      -
      -
      -
      - - Northgate Station - -
      -
      - 4:13 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - - - - - - Disembark at - Othello Station - - - - -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Roosevelt Station -
        -
        2. -
      2. -
        - • -
        -
        - U District Station -
        -
        3. -
      3. -
        - • -
        -
        - Univ of Washington Station -
        -
        4. -
      4. -
        - • -
        -
        - Capitol Hill Station -
        -
        5. -
      5. -
        - • -
        -
        - Westlake Station -
        -
        6. -
      6. -
        - • -
        -
        - University St Station -
        -
        7. -
      7. -
        - • -
        -
        - Pioneer Square Station -
        -
        8. -
      8. -
        - • -
        -
        - Int'l Dist/Chinatown Station -
        -
        9. -
      9. -
        - • -
        -
        - Stadium Station -
        -
        10. -
      10. -
        - • -
        -
        - SODO Station -
        -
        11. -
      11. -
        - • -
        -
        - Beacon Hill Station -
        -
        12. -
      12. -
        - • -
        -
        - Mount Baker Station -
        -
        13. -
      13. -
        - • -
        -
        - Columbia City Station -
        -
        14. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Othello Station - -
      -
      - 4:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 1.3 miles to - - New Light Christian Church, Seattle, WA, USA - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - Martin Luther King Junior Way South - - - 49 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 40 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - parking aisle - - - 260 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - sidewalk - - - 0.1 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - sidewalk - - - 0.1 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - HARD_RIGHT - on - - Unnamed Path - - - 0.1 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - RIGHT - on - - South Webster Street - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 181 feet - - -
        -
        9. -
      9. -
        - - - -
        -
        - - LEFT - on - - South Webster Street - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - SLIGHTLY_LEFT - on - - 29th Avenue South - - - 190 feet - - -
        -
        11. -
      11. -
        - - - -
        -
        - - CONTINUE - on - - Military Road South - - - 0.4 miles - - -
        -
        12. -
      12. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 433 feet - - -
        -
        13. -
      -
      -
      -
      - -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - New Light Christian Church, Seattle, WA, USA - -
      -
      - 5:18 PM -
      - - Arrive at - New Light Christian Church, Seattle, WA, USA - -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c61 { - color: #f44256; -} - -.c35 { - 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; -} - -.c37 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c37: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; -} - -.c59 { - color: #b22727; - margin-top: 5px; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c60 { - 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%); -} - -.c39 { - border-left: solid 8px #111; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c55 { - border-left: solid 8px #0076CE; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c57 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c51 { - 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; -} - -.c46 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c45 { - font-size: 13px; - font-weight: 500; -} - -.c44 { - font-weight: 800; - margin-right: 6px; -} - -.c43 { - 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; -} - -.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; -} - -.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; -} - -.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; -} - -.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; -} - -.c40 { - text-align: center; - min-width: 30px; - min-height: 30px; - font-size: 1.2em; - background-color: #111; - 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; -} - -.c56 { - text-align: center; - min-width: 30px; - min-height: 30px; - font-size: 1.2em; - background-color: #0076CE; - 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; -} - -.c58 { - 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; -} - -.c41 { - 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; -} - -.c42 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c53 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c54 { - 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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 2nd Avenue, Longmont, CO, USA - -
      -
      - 4:59 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.3 miles to - - S Main St & 1st Ave - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - parking aisle - - - 148 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Emery Street - - - 0.1 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - 1st Avenue - - - 0.1 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - parking aisle - - - 280 feet - - -
        -
        5. -
      -
      -
      -
      - -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - Lo - - - Longmont / Denver - -
      -
      -
      -
      -
      - - S Main St & 1st Ave - - ID 25633 - - -
      -
      - 5:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - LD3 - -
      - - - Longmont / Denver - - to - - US36/Broomfield Stn - - -       - - - - Disembark at - US 287 & Arapahoe Rd - - ID 33109 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - S Main St & Ken Pratt Blvd -
        -
        2. -
      2. -
        - • -
        -
        - S Main St & Jersey Ave -
        -
        3. -
      3. -
        - • -
        -
        - S Main St & Missouri Ave -
        -
        4. -
      4. -
        - • -
        -
        - S Main St & Quebec Ave -
        -
        5. -
      5. -
        - • -
        -
        - US 287 & Pike Rd -
        -
        6. -
      6. -
        - • -
        -
        - US 287 & Niwot Rd -
        -
        7. -
      7. -
        - • -
        -
        - US 287 & Hwy 52 -
        -
        8. -
      8. -
        - • -
        -
        - US 287 & Lookout Rd -
        -
        9. -
      9. -
        - • -
        -
        - US 287 & Dawson Dr -
        -
        10. -
      10. -
        - • -
        -
        - US 287 & Goose Haven Dr -
        -
        11. -
      11. -
        - • -
        -
        - US 287 & Isabelle Rd -
        -
        12. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - US 287 & Arapahoe Rd - - ID 33109 - - -
      -
      - 5:25 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.2 miles to - - Arapahoe Rd & Stonehenge Dr - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - US Highway 287 - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Arapahoe Road - - - 485 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - Bo - - - Boulder / Lafayette via Arapahoe - -
      -
      -
      -
      -
      - - Arapahoe Rd & Stonehenge Dr - - ID 33465 - - -
      -
      - 6:00 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - JUMP - -
      - - - Boulder / Lafayette via Arapahoe - - to - - Erie Community Center - - -       - - - - Disembark at - Erie Community Center - - ID 33200 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Arapahoe Rd & US 287 -
        -
        2. -
      2. -
        - • -
        -
        - Arapahoe Rd & 111th St -
        -
        3. -
      3. -
        - • -
        -
        - Arapahoe Rd & Hawkridge Rd -
        -
        4. -
      4. -
        - • -
        -
        - 2800 Block 119th St -
        -
        5. -
      5. -
        - • -
        -
        - 119th St & Austin Ave -
        -
        6. -
      6. -
        - • -
        -
        - Erie Pkwy & Brennan St -
        -
        7. -
      7. -
        - • -
        -
        - Erie Pkwy & Meller St -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Erie Community Center - - ID 33200 - - -
      -
      - 6:12 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 124 feet to - - corner of path and Powers Street - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - sidewalk - - - 86 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 38 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - 60 - - - 60+ Ride - -
      -
      -
      -
      -
      - - 60plusride-co-us:area_626 - - ID area_626 - - -
      -
      - 6:12 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - 60+ Ride - - - - - - - Disembark at - 60plusride-co-us:area_626 - - ID area_626_flexed_to - - - - - -
      -
      -
      - To take this route, you must - call 555-352-9348 - at least 7 days in advance - . -
      -
      -
      -
      -
      -
      -
      - -
      7. -
    7. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 60plusride-co-us:area_626 - - ID area_626_flexed_to - - -
      -
      - 6:37 PM -
      - - Arrive at - 60plusride-co-us:area_626 - - ID area_626_flexed_to - - -
      8. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter 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: #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; -} - -.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 #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; -} - -.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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 300 Courtland St NE, Atlanta, GA 30303-12ND, United States - -
      -
      - 9:15 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.2 miles to - - Razor Vehicle - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - Courtland Street Northeast - - - 172 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 0.1 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Peachtree Center Avenue Northeast - - - 140 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by e-scooter - - - - -
      -
      -
      -
      -
      - - Razor E-scooter - -
      -
      - 9:19 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      - Pick up Razor - E-scooter - -
      -
      -
      - - - - - - - - Ride 1 mile to - - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - HARD_RIGHT - on - - Peachtree Center Avenue Northeast - - - 12 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - service road - - - 10 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Peachtree Center Cycle Track - - - 0.5 miles - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Edgewood Avenue Northeast - - - 0.1 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - Pryor Street Southwest - - - 269 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - Pryor Street - - - 518 feet - - -
        -
        7. -
      7. -
        - - - -
        -
        - - CONTINUE - on - - Pryor Street Southwest - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 19 feet - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - sidewalk - - - 22 feet - - -
        -
        10. -
      -
      -
      -
      - -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - -
      -
      - 9:26 AM -
      - - Arrive at - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - -
      4. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c57 { - 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: grey; - border: 2px solid #bbb; - text-align: center; - width: 25px; - height: 25px; - font-size: 1.2em; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; -} - -.c34 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c56 { - text-align: center; -} - -.c4 { - border-left: dotted 4px grey; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c33 { - border-left: dotted 4px #484848; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c35 { - border-left: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c52 { - 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; -} - -.c41 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c40 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c54 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c55 { - color: #676767; - margin-top: 3px; -} - -.c53 { - z-index: 30; - position: relative; -} - -.c44 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c46 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c47 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c45 { - float: left; - font-size: 18px; -} - -.c43 { - display: block; - margin-top: 3px; -} - -.c42 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c48 { - margin-top: 5px; -} - -.c49 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c51 { - font-size: 14px; -} - -.c50 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by car - - - - -
      -
      -
      -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Sunset TC MAX Station - - ID 9969 - - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - ID 8337 - - - - - -
      -
      - - -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Oak/ SW 1st Ave MAX Station - - ID 8337 - - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      - -
      5. -
    5. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`] = ` -.c25 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c58 { - color: #f44256; -} - -.c32 { - border-top-style: solid; - border-top-width: 0; - padding-top: 0; - padding-bottom: 10px; -} - -.c19 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c34 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c34:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c7 { - 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; -} - -.c24::before { - content: ""; - margin: 0 0.125em; -} - -.c57 { - text-align: center; -} - -.c5 { - border-left: dotted 4px #484848; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c36 { - 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; -} - -.c15 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c20 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c16 { - -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; -} - -.c12 { - display: inline-block; - grid-row-start: 2; - grid-column-start: 1; - height: 0; - overflow: hidden; - width: 0; -} - -.c42 { - font-weight: 200; -} - -.c18 { - font-weight: inherit; -} - -.c41 { - font-size: 13px; - font-weight: 500; -} - -.c40 { - color: #807373; - margin-top: 5px; -} - -.c17 { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c4 { - position: relative; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); - height: 100%; -} - -.c6 { - 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%); -} - -.c3 { - grid-column-start: 2; - grid-row: span 2; - padding-right: 5px; -} - -.c21 { - display: grid; - grid-template-columns: 100px auto; -} - -.c2 { - max-width: 500px; - display: grid; - grid-template-columns: 65px 30px auto; -} - -.c11 { - grid-column-start: 1; - grid-row: 1 / span 2; - padding-right: 5px; - font-size: 0.9em; -} - -.c35 { - padding: 3px 10px 3px 10px; - border: 0; - margin-top: -15px; - width: 35px; - height: 35px; -} - -.c35:hover { - cursor: pointer; -} - -.c33 { - -webkit-flex: 0 0 25px; - -ms-flex: 0 0 25px; - flex: 0 0 25px; - grid-column: -1; -} - -.c13 { - grid-row-start: 2; - grid-column-start: 3; -} - -.c8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 1.2em; - grid-row-start: 1; - grid-column-start: 3; -} - -.c9 { - 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; -} - -.c37 { - 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; -} - -.c38 { - 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; -} - -.c26 { - display: block; - list-style: none; - padding: 0; -} - -.c29 { - margin-left: 24px; - line-height: 1.25em; - padding-top: 1px; -} - -.c29 > span { - margin-right: 1ch; -} - -.c22 { - 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; -} - -.c22 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; -} - -.c23 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c28 { - fill: #676767; - float: left; - height: 16px; - width: 16px; -} - -.c27 { - font-size: 13px; - margin-top: 8px; - color: #676767; - font-style: normal; -} - -.c30 { - font-weight: 500; -} - -.c31 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c39 { - 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; -} - -.c1 .c14 { - background-color: pink; -} - -.c1 .c10 { - color: #676767; - font-size: 14px; - padding-right: 4px; - padding-top: 1px; - text-align: right; - vertical-align: top; - width: 60px; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c50 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c52 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c53 { - color: #676767; - margin-top: 3px; -} - -.c51 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c49 { - font-size: 14px; -} - -.c48 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c50 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c52 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c53 { - color: #676767; - margin-top: 3px; -} - -.c51 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c49 { - font-size: 14px; -} - -.c48 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c50 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c52 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c53 { - color: #676767; - margin-top: 3px; -} - -.c51 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c49 { - font-size: 14px; -} - -.c48 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = ` -.c31 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c51 { - color: #f44256; -} - -.c21 { - border-top-style: solid; - border-top-width: 0; - padding-top: 0; - padding-bottom: 10px; -} - -.c17 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c20 { - 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; -} - -.c20:hover { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} - -.c20: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); -} - -.c20:focus { - color: #333; - background-color: #e6e6e6; - border-color: #8c8c8c; -} - -.c20:active:hover { - color: #333; - background-color: #d4d4d4; - border-color: #8c8c8c; -} - -.c23 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c23:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c6 { - color: black; - background-color: grey; - border: 2px solid #bbb; - text-align: center; - width: 25px; - height: 25px; - font-size: 1.2em; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; -} - -.c26 { - 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; -} - -.c47 { - bottom: 0; - left: 110px; - position: absolute; - right: 0; - top: 0; -} - -.c48 { - background-color: #fcf9d3; - display: table; - height: 100%; - width: 100%; -} - -.c46 { - 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; -} - -.c49 { - color: #444; - display: table-cell; - font-style: italic; - line-height: 0.95; - padding: 0px 2px; - vertical-align: middle; -} - -.c19 { - height: 32px; - margin-bottom: 10px; - margin-top: 10px; - position: relative; -} - -.c30::before { - content: ""; - margin: 0 0.125em; -} - -.c50 { - text-align: center; -} - -.c4 { - border-left: dotted 4px grey; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c25 { - 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: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c42 { - display: block; - font-size: 13px; - list-style: none; - padding: 0; -} - -.c0 { - list-style: none; - padding: 0; -} - -.c13 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c18 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c14 { - -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; -} - -.c16 { - font-weight: inherit; -} - -.c37 { - font-size: 13px; - font-weight: 500; -} - -.c36 { - color: #807373; - margin-top: 5px; -} - -.c15 { - -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; -} - -.c27 { - 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; -} - -.c24 { - padding: 3px 10px 3px 10px; - border: 0; - margin-top: -15px; - width: 35px; - height: 35px; -} - -.c24:hover { - cursor: pointer; -} - -.c22 { - -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; -} - -.c12 { - color: #807373; - font-size: 13px; - font-weight: 300; - padding-top: 1px; - margin-bottom: 10px; - margin-top: -14px; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c32 { - display: block; - list-style: none; - padding: 0; -} - -.c28 { - 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; -} - -.c28 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; -} - -.c29 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c44 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c45 { - color: #676767; - margin-top: 3px; -} - -.c43 { - z-index: 30; - position: relative; -} - -.c38 { - margin-top: 5px; -} - -.c39 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c41 { - font-size: 14px; -} - -.c40 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by car - - - - - - -
      -
      -
      -
      -
      - - 128 NW 12th Ave, Portland - -
      -
      - 10:58 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - Wait 4 minutes for pickup -
      -
      -
      - - - - - - - - Ride 0.4 miles to - - West Burnside Street - - - - -
      - -
      - Estimated travel time: - 2 min - (does not account for traffic) -
      -
      - Estimated cost: - $17.00 - - - $19.00 -
      -
      -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - West Burnside Street - -
      -
      - 11:01 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - W Burnside & SW 6th - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - 20 - - - - -
      -
      -
      -
      -
      - - W Burnside & SW 6th - -
      -
      - 11:02 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - - - - - - Disembark at - E Burnside & SE 12th - - - - -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - W Burnside & SW 2nd -
        -
        2. -
      2. -
        - • -
        -
        - E Burnside & SE 8th -
        -
        3. -
      -
      -
      -
      -
      -
      -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - E Burnside & SE 12th - -
      -
      - 11:08 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - East Burnside Street - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by car - - - - - - -
      -
      -
      -
      -
      - - East Burnside Street - -
      -
      - 11:09 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - Wait for pickup -
      -
      -
      - - - - - - - - Ride 0.2 miles to - - 407 NE 12th Ave, Portland - - - - -
      -
      - - Book Ride - -
      -
      -
      -
      - Wait until 11:08 AM to book -
      -
      -
      -
      -
      - Estimated travel time: - 1 min - (does not account for traffic) -
      -
      - Estimated cost: - $17.00 - - - $18.00 -
      -
      -
      -
      - -
      6. -
    6. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 407 NE 12th Ave, Portland - -
      -
      - 11:10 AM -
      - - Arrive at - 407 NE 12th Ave, Portland - -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c57 { - 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: grey; - border: 2px solid #bbb; - text-align: center; - width: 25px; - height: 25px; - font-size: 1.2em; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; -} - -.c34 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c56 { - text-align: center; -} - -.c4 { - border-left: dotted 4px grey; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c33 { - border-left: dotted 4px #484848; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c35 { - border-left: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c52 { - 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; -} - -.c41 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c40 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c54 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c55 { - color: #676767; - margin-top: 3px; -} - -.c53 { - z-index: 30; - position: relative; -} - -.c44 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c46 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c47 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c45 { - float: left; - font-size: 18px; -} - -.c43 { - display: block; - margin-top: 3px; -} - -.c42 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c48 { - margin-top: 5px; -} - -.c49 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c51 { - font-size: 14px; -} - -.c50 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by car - - - - -
      -
      -
      -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Sunset TC MAX Station - - ID 9969 - - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - ID 8337 - - - - - -
      -
      - - -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Oak/ SW 1st Ave MAX Station - - ID 8337 - - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      - -
      5. -
    5. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c57 { - 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: grey; - border: 2px solid #bbb; - text-align: center; - width: 25px; - height: 25px; - font-size: 1.2em; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; -} - -.c34 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c56 { - text-align: center; -} - -.c4 { - border-left: dotted 4px grey; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c33 { - border-left: dotted 4px #484848; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c35 { - border-left: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c52 { - 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; -} - -.c41 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c40 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c54 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c55 { - color: #676767; - margin-top: 3px; -} - -.c53 { - z-index: 30; - position: relative; -} - -.c44 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c46 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c47 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c45 { - float: left; - font-size: 18px; -} - -.c43 { - display: block; - margin-top: 3px; -} - -.c42 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c48 { - margin-top: 5px; -} - -.c49 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c51 { - font-size: 14px; -} - -.c50 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by car - - - - -
      -
      -
      -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Sunset TC MAX Station - - ID 9969 - - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - ID 8337 - - - - - -
      -
      - - -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Oak/ SW 1st Ave MAX Station - - ID 8337 - - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      - -
      5. -
    5. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c57 { - 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: grey; - border: 2px solid #bbb; - text-align: center; - width: 25px; - height: 25px; - font-size: 1.2em; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; -} - -.c34 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c56 { - text-align: center; -} - -.c4 { - border-left: dotted 4px grey; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c33 { - border-left: dotted 4px #484848; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c35 { - border-left: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c52 { - 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; -} - -.c41 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c40 { - font-size: 13px; - font-weight: 500; -} - -.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; -} - -.c54 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c55 { - color: #676767; - margin-top: 3px; -} - -.c53 { - z-index: 30; - position: relative; -} - -.c44 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c46 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c47 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c45 { - float: left; - font-size: 18px; -} - -.c43 { - display: block; - margin-top: 3px; -} - -.c42 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c48 { - margin-top: 5px; -} - -.c49 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c51 { - font-size: 14px; -} - -.c50 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by car - - - - -
      -
      -
      -
      -
      - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
      -
      - 3:50 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Drive 2.4 miles to - - P+R Sunset TC - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
        -
        5. -
      5. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
        -
        6. -
      6. -
        - - - -
        -
        - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
        -
        7. -
      7. -
        - - - -
        -
        - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
        -
        8. -
      8. -
        - - - -
        -
        - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
        -
        9. -
      9. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 0.2 miles - - -
        -
        10. -
      10. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC - - - 76 feet - - -
        -
        11. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - P+R Sunset TC - -
      -
      - 4:02 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 426 feet to - - Sunset TC MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - steps - - - 232 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 19 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Sunset TC MAX Station - - ID 9969 - - -
      -
      - 4:05 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Gresham - - - - - - - Disembark at - Oak/ SW 1st Ave MAX Station - - ID 8337 - - - - - -
      -
      - - -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Washington Park MAX Station -
        -
        2. -
      2. -
        - • -
        -
        - Goose Hollow/SW Jefferson St MAX Station -
        -
        3. -
      3. -
        - • -
        -
        - Kings Hill/SW Salmon St MAX Station -
        -
        4. -
      4. -
        - • -
        -
        - Providence Park MAX Station -
        -
        5. -
      5. -
        - • -
        -
        - Library/SW 9th Ave MAX Station -
        -
        6. -
      6. -
        - • -
        -
        - Pioneer Square South MAX Station -
        -
        7. -
      7. -
        - • -
        -
        - Mall/SW 4th Ave MAX Station -
        -
        8. -
      8. -
        - • -
        -
        - Yamhill District MAX Station -
        -
        9. -
      -
      -
      -
      -
      -
      -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Oak/ SW 1st Ave MAX Station - - ID 8337 - - -
      -
      - 4:27 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SW Oak St - - - 37 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - LEFT - on - - SW Pine St - - - 337 feet - - -
        -
        6. -
      -
      -
      -       -
      -
      - -
      5. -
    5. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 205 SW Pine St, Portland, OR, USA 97204 - -
      -
      - 4:29 PM -
      - - Arrive at - 205 SW Pine St, Portland, OR, USA 97204 - -
      6. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c51 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c50 { - 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: solid 8px #0070c0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c48 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c44 { - 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; -} - -.c15 { - font-weight: inherit; -} - -.c39 { - font-size: 13px; - font-weight: 500; -} - -.c38 { - font-weight: 800; - margin-right: 6px; -} - -.c37 { - 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; -} - -.c34 { - text-align: center; - min-width: 30px; - min-height: 30px; - font-size: 1.2em; - background-color: #0070c0; - color: white; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; - border: 1px solid; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; -} - -.c49 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c46 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c47 { - color: #676767; - margin-top: 3px; -} - -.c45 { - z-index: 30; - position: relative; -} - -.c40 { - margin-top: 5px; -} - -.c41 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c43 { - font-size: 14px; -} - -.c42 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 51 - - - Everett - Northgate Station - -
      -
      -
      -
      -
      - - Everett Station Bay C1 - - ID 2345 - - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 512 - -
      - - - Northgate Station - - -       - - - - Disembark at - Northgate Station - - ID 2191 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Northgate Station - - ID 2191 - - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 40 - - - - -
      -
      -
      -
      -
      - - Northgate Station - Bay 4 - - ID 35318 - - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 40 - -
      - - - Downtown Seattle Ballard - - -       - - - - Disembark at - N 105th St & Aurora Ave N - - ID 40032 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - N 105th St & Aurora Ave N - - ID 40032 - - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - E - - - - -
      -
      -
      -
      -
      - - Aurora Ave N & N 105th St - - ID 7080 - - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - E Line - -
      - - - Downtown Seattle - - -       - - - - Disembark at - 3rd Ave & Cherry St - - ID 490 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      - -
      7. -
    7. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 3rd Ave & Cherry St - - ID 490 - - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      8. -
    8. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c33 { - color: #f44256; -} - -.c28 { - 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; -} - -.c30 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c30: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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c32 { - 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%); -} - -.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; -} - -.c31 { - padding: 3px 10px 3px 10px; - border: 0; - margin-top: -15px; - width: 35px; - height: 35px; -} - -.c31:hover { - cursor: pointer; -} - -.c29 { - -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; -} - -.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; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 11:29 AM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 166 feet to - - 701 SW 6th Ave, Portland, OR, USA 97204 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 701 SW 6th Ave, Portland, OR, USA 97204 - -
      -
      - 11:30 AM -
      - - Arrive at - 701 SW 6th Ave, Portland, OR, USA 97204 - -
      3. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c50 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c49 { - 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: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c45 { - 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; -} - -.c40 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c39 { - font-size: 13px; - font-weight: 500; -} - -.c38 { - font-weight: 800; - margin-right: 6px; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c47 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c48 { - color: #676767; - margin-top: 3px; -} - -.c46 { - z-index: 30; - position: relative; -} - -.c41 { - margin-top: 5px; -} - -.c42 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c44 { - font-size: 14px; -} - -.c43 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 3940 SE Brooklyn St, Portland, OR, USA 97202 - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 238 feet to - - SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Brooklyn St - - - 205 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 33 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 75 - - - Cesar Chavez/Lombard (very long route name) - -
      -
      -
      -
      -
      - - SE Cesar Chavez Blvd & Brooklyn - - ID 7439 - - -
      -
      - 3:47 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 755X - -
      - - - Cesar Chavez/Lombard (very long route name) - - to - - St. Johns via NAYA - - -       - - - - Disembark at - SE Cesar Chavez Blvd & Hawthorne - - ID 7459 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Cesar Chavez Blvd & Clinton -
        -
        2. -
      2. -
        - • -
        -
        - SE Cesar Chavez Blvd & Division -
        -
        3. -
      3. -
        - • -
        -
        - SE Cesar Chavez Blvd & Lincoln -
        -
        4. -
      4. -
        - • -
        -
        - SE Cesar Chavez Blvd & Stephens -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - SE Cesar Chavez Blvd & Hawthorne - - ID 7459 - - -
      -
      - 3:52 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 440 feet to - - SE Hawthorne & Cesar Chavez Blvd - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 146 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 198 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE Hawthorne Blvd - - - 96 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 1 - - - Hawthorne - -
      -
      -
      -
      -
      - - SE Hawthorne & Cesar Chavez Blvd - - ID 2626 - - -
      -
      - 4:00 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 1 - -
      - - - Hawthorne - - to - - Portland - - -       - - - - Disembark at - SE Hawthorne & 27th - - ID 2613 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Hawthorne & 37th -
        -
        2. -
      2. -
        - • -
        -
        - SE Hawthorne & 34th -
        -
        3. -
      3. -
        - • -
        -
        - SE Hawthorne & 32nd -
        -
        4. -
      4. -
        - • -
        -
        - SE Hawthorne & 30th -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - SE Hawthorne & 27th - - ID 2613 - - -
      -
      - 4:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 479 feet to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Hawthorne Blvd - - - 40 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 27th Ave - - - 294 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE Madison St - - - 146 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      - 4:06 PM -
      - - Arrive at - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itinerary 2`] = ` -.c11 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - color: #f44256; -} - -.c32 { - border-top-style: solid; - border-top-width: 0; - padding-top: 0; - padding-bottom: 10px; -} - -.c20 { - background: transparent; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c34 { - color: #008; - cursor: pointer; - margin-left: 5px; -} - -.c34: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; -} - -.c25::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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%); -} - -.c36 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c49 { - display: block; - font-size: 13px; - list-style: none; - padding: 0; -} - -.c0 { - list-style: none; - padding: 0; -} - -.c16 { - color: #676767; - font-size: 13px; - padding-bottom: 12px; -} - -.c21 { - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - z-index: 1; -} - -.c17 { - -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; -} - -.c14 { - display: inline-block; - grid-row-start: 2; - grid-column-start: 1; - height: 0; - overflow: hidden; - width: 0; -} - -.c44 { - font-weight: 200; -} - -.c19 { - font-weight: inherit; -} - -.c43 { - font-size: 13px; - font-weight: 500; -} - -.c42 { - font-weight: 800; - margin-right: 6px; -} - -.c41 { - color: #807373; - margin-top: 5px; -} - -.c18 { - -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; -} - -.c22 { - 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; -} - -.c35 { - padding: 3px 10px 3px 10px; - border: 0; - margin-top: -15px; - width: 35px; - height: 35px; -} - -.c35:hover { - cursor: pointer; -} - -.c33 { - -webkit-flex: 0 0 25px; - -ms-flex: 0 0 25px; - flex: 0 0 25px; - grid-column: -1; -} - -.c15 { - 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; -} - -.c37 { - 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; -} - -.c38 { - 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; -} - -.c26 { - display: block; - list-style: none; - padding: 0; -} - -.c29 { - margin-left: 24px; - line-height: 1.25em; - padding-top: 1px; -} - -.c29 > span { - margin-right: 1ch; -} - -.c23 { - 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; -} - -.c23 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; -} - -.c24 { - color: #676767; - font-size: 13px; - font-style: normal; - padding: 0; -} - -.c28 { - fill: #676767; - float: left; - height: 16px; - width: 16px; -} - -.c27 { - font-size: 13px; - margin-top: 8px; - color: #676767; - font-style: normal; -} - -.c30 { - font-weight: 500; -} - -.c31 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c39 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c51 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c52 { - color: #676767; - margin-top: 3px; -} - -.c50 { - z-index: 30; - position: relative; -} - -.c45 { - margin-top: 5px; -} - -.c46 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c48 { - font-size: 14px; -} - -.c47 { - padding: 0; -} - -.c10 { - -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; -} - -.c40 { - -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; -} - -.c53 { - -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; -} - -.c12 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.c12 span { - display: block; -} - -.c13 { - padding-top: 3px; - font-weight: 600; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 3940 SE Brooklyn St, Portland, OR, USA 97202 - -
      -
      - 3:46 PM -
      - - - - ✅ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 238 feet to - - SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Brooklyn St - - - 205 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 33 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 75 - - - Cesar Chavez/Lombard (very long route name) - -
      -
      -
      -
      -
      - - SE Cesar Chavez Blvd & Brooklyn - - ID 7439 - - -
      -
      - 3:47 PM -
      - - - - ？ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 755X - -
      - - - Cesar Chavez/Lombard (very long route name) - - to - - St. Johns via NAYA - - -       - - - - Disembark at - SE Cesar Chavez Blvd & Hawthorne - - ID 7459 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Cesar Chavez Blvd & Clinton -
        -
        2. -
      2. -
        - • -
        -
        - SE Cesar Chavez Blvd & Division -
        -
        3. -
      3. -
        - • -
        -
        - SE Cesar Chavez Blvd & Lincoln -
        -
        4. -
      4. -
        - • -
        -
        - SE Cesar Chavez Blvd & Stephens -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - SE Cesar Chavez Blvd & Hawthorne - - ID 7459 - - -
      -
      - 3:52 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 440 feet to - - SE Hawthorne & Cesar Chavez Blvd - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 146 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 198 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - SE Hawthorne Blvd - - - 96 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 1 - - - Hawthorne - -
      -
      -
      -
      -
      - - SE Hawthorne & Cesar Chavez Blvd - - ID 2626 - - -
      -
      - 4:00 PM -
      - - - - ❌ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 1 - -
      - - - Hawthorne - - to - - Portland - - -       - - - - Disembark at - SE Hawthorne & 27th - - ID 2613 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - SE Hawthorne & 37th -
        -
        2. -
      2. -
        - • -
        -
        - SE Hawthorne & 34th -
        -
        3. -
      3. -
        - • -
        -
        - SE Hawthorne & 32nd -
        -
        4. -
      4. -
        - • -
        -
        - SE Hawthorne & 30th -
        -
        5. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - SE Hawthorne & 27th - - ID 2613 - - -
      -
      - 4:04 PM -
      - - - - ❌ - - -
      -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 479 feet to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - SE Hawthorne Blvd - - - 40 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - SE 27th Ave - - - 294 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - SE Madison St - - - 146 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      -
      - 4:06 PM -
      - - Arrive at - 1415 SE 28th Ave, Portland, OR, USA 97214 - -
      7. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c50 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c52 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c53 { - color: #676767; - margin-top: 3px; -} - -.c51 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c49 { - font-size: 14px; -} - -.c48 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency Information 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency Information 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c56 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c55 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c51 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c53 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c54 { - color: #676767; - margin-top: 3px; -} - -.c52 { - 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 { - margin-top: 5px; -} - -.c48 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c50 { - font-size: 14px; -} - -.c49 { - padding: 0; -} - -.c40 { - margin-top: 5px; -} - -.c40 a { - color: #337ab7; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c40 a:hover { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c40 img { - margin-left: 5px; - vertical-align: middle; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      -
      - Service operated by - - TriMet - - -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Place Name Component 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Place Name Component 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c54 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c53 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c49 { - 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; -} - -.c38 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c37 { - font-size: 13px; - font-weight: 500; -} - -.c36 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c51 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c52 { - color: #676767; - margin-top: 3px; -} - -.c50 { - z-index: 30; - position: relative; -} - -.c41 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c43 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c44 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c42 { - float: left; - font-size: 18px; -} - -.c40 { - display: block; - margin-top: 3px; -} - -.c39 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c45 { - margin-top: 5px; -} - -.c46 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c48 { - font-size: 14px; -} - -.c47 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 🎉✨🎊 KGW Studio on the Sq, Portland, OR, USA 🎉✨🎊 - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - 🎉✨🎊 Pioneer Square North MAX Station 🎉✨🎊 - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - 🎉✨🎊 Providence Park MAX Station 🎉✨🎊 - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 🎉✨🎊 Providence Park MAX Station 🎉✨🎊 - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 🎉✨🎊 1737 SW Morrison St, Portland, OR, USA 97205 🎉✨🎊 - -
      -
      - 3:50 PM -
      - - Arrive at - 🎉✨🎊 1737 SW Morrison St, Portland, OR, USA 97205 🎉✨🎊 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Transit Leg Summary Component 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Transit Leg Summary Component 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c54 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c53 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c49 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c51 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c52 { - color: #676767; - margin-top: 3px; -} - -.c50 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c48 { - font-size: 14px; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      -
      - - Ride for a custom duration of - 3.583 - minutes - - - (2 stops) - - - - -
      -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom View Trip Button Activated And Custom Route Abbreviation 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom View Trip Button Activated And Custom Route Abbreviation 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c56 { - 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; -} - -.c49 { - padding-left: 0px; -} - -.c49:before { - content: "|"; - color: black; - margin-right: 5px; -} - -.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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c55 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c51 { - 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; -} - -.c39 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c38 { - font-size: 13px; - font-weight: 500; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c53 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c54 { - color: #676767; - margin-top: 3px; -} - -.c52 { - z-index: 30; - position: relative; -} - -.c42 { - background-color: #eee; - border-radius: 4px; - color: #000; - display: block; - margin-top: 5px; - padding: 8px; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c44 { - font-size: 12px; - margin-left: 30px; - white-space: pre-wrap; -} - -.c45 { - margin-top: 5px; - margin-left: 30px; - font-size: 12px; - font-style: italic; -} - -.c43 { - float: left; - font-size: 18px; -} - -.c41 { - display: block; - margin-top: 3px; -} - -.c40 { - color: #d14727; - cursor: pointer; - display: inline-block; - font-weight: 400; - margin-top: 8px; - padding: 0; -} - -.c46 { - margin-top: 5px; -} - -.c47 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c50 { - font-size: 14px; -} - -.c48 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - - - - MAX Blue Line - - to - - Hillsboro - - - - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - - - - -
      -
      - -
      -
      - -
      -
      -
      -
      - - - Trip Viewer - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Galleria/SW 10th Ave MAX Station -
        -
        2. -
      -
      -
      -
      - - Typical wait: - 15 min - -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Providence Park MAX Station - - ID 9757 - - -
      -
      - 3:49 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
        -
        5. -
      -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      -
      - 3:50 PM -
      - - Arrive at - 1737 SW Morrison St, Portland, OR, USA 97205 - -
      5. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c51 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c50 { - 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: solid 8px #0070c0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c48 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c44 { - 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; -} - -.c15 { - font-weight: inherit; -} - -.c39 { - font-size: 13px; - font-weight: 500; -} - -.c38 { - font-weight: 800; - margin-right: 6px; -} - -.c37 { - 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; -} - -.c34 { - text-align: center; - min-width: 30px; - min-height: 30px; - font-size: 1.2em; - background-color: #0070c0; - color: white; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; - border: 1px solid; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; -} - -.c49 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c46 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c47 { - color: #676767; - margin-top: 3px; -} - -.c45 { - z-index: 30; - position: relative; -} - -.c40 { - margin-top: 5px; -} - -.c41 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c43 { - font-size: 14px; -} - -.c42 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 51 - - - Everett - Northgate Station - -
      -
      -
      -
      -
      - - Everett Station Bay C1 - - ID 2345 - - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 512 - -
      - - - Northgate Station - - -       - - - - Disembark at - Northgate Station - - ID 2191 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Northgate Station - - ID 2191 - - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 40 - - - - -
      -
      -
      -
      -
      - - Northgate Station - Bay 4 - - ID 35318 - - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 40 - -
      - - - Downtown Seattle Ballard - - -       - - - - Disembark at - N 105th St & Aurora Ave N - - ID 40032 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - N 105th St & Aurora Ave N - - ID 40032 - - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - E - - - - -
      -
      -
      -
      -
      - - Aurora Ave N & N 105th St - - ID 7080 - - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - E Line - -
      - - - Downtown Seattle - - -       - - - - Disembark at - 3rd Ave & Cherry St - - ID 490 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      - -
      7. -
    7. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 3rd Ave & Cherry St - - ID 490 - - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      8. -
    8. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c51 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c50 { - 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: solid 8px #0070c0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c48 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c44 { - 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; -} - -.c15 { - font-weight: inherit; -} - -.c39 { - font-size: 13px; - font-weight: 500; -} - -.c38 { - font-weight: 800; - margin-right: 6px; -} - -.c37 { - 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; -} - -.c34 { - text-align: center; - min-width: 30px; - min-height: 30px; - font-size: 1.2em; - background-color: #0070c0; - color: white; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; - border: 1px solid; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; -} - -.c49 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c46 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c47 { - color: #676767; - margin-top: 3px; -} - -.c45 { - z-index: 30; - position: relative; -} - -.c40 { - margin-top: 5px; -} - -.c41 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c43 { - font-size: 14px; -} - -.c42 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 51 - - - Everett - Northgate Station - -
      -
      -
      -
      -
      - - Everett Station Bay C1 - - ID 2345 - - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 512 - -
      - - - Northgate Station - - -       - - - - Disembark at - Northgate Station - - ID 2191 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Northgate Station - - ID 2191 - - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 40 - - - - -
      -
      -
      -
      -
      - - Northgate Station - Bay 4 - - ID 35318 - - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 40 - -
      - - - Downtown Seattle Ballard - - -       - - - - Disembark at - N 105th St & Aurora Ave N - - ID 40032 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - N 105th St & Aurora Ave N - - ID 40032 - - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - E - - - - -
      -
      -
      -
      -
      - - Aurora Ave N & N 105th St - - ID 7080 - - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - E Line - -
      - - - Downtown Seattle - - -       - - - - Disembark at - 3rd Ave & Cherry St - - ID 490 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      - -
      7. -
    7. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 3rd Ave & Cherry St - - ID 490 - - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      8. -
    8. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      9. -
    -`; - -exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c51 { - 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; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c50 { - 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: solid 8px #0070c0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c48 { - border-left: solid 8px #008ab0; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c44 { - 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; -} - -.c15 { - font-weight: inherit; -} - -.c39 { - font-size: 13px; - font-weight: 500; -} - -.c38 { - font-weight: 800; - margin-right: 6px; -} - -.c37 { - 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; -} - -.c34 { - text-align: center; - min-width: 30px; - min-height: 30px; - font-size: 1.2em; - background-color: #0070c0; - color: white; - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 1px; - border: 1px solid; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; -} - -.c49 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c46 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c47 { - color: #676767; - margin-top: 3px; -} - -.c45 { - z-index: 30; - position: relative; -} - -.c40 { - margin-top: 5px; -} - -.c41 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c43 { - font-size: 14px; -} - -.c42 { - padding: 0; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 47.97767, -122.20034 - -
      -
      - 12:57 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 0.3 miles to - - Everett Station Bay C1 - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
        -
        4. -
      4. -
        - - - -
        -
        - - LEFT - on - - 32nd Street - - - 67 feet - - -
        -
        5. -
      5. -
        - - - -
        -
        - - RIGHT - on - - 32nd Street - - - 313 feet - - -
        -
        6. -
      6. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 380 feet - - -
        -
        7. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - 51 - - - Everett - Northgate Station - -
      -
      -
      -
      -
      - - Everett Station Bay C1 - - ID 2345 - - -
      -
      - 1:04 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 512 - -
      - - - Northgate Station - - -       - - - - Disembark at - Northgate Station - - ID 2191 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Broadway & 34th St -
        -
        2. -
      2. -
        - • -
        -
        - South Everett Fwy Station Bay 3 -
        -
        3. -
      3. -
        - • -
        -
        - Ash Way Park & Ride Bay 1 -
        -
        4. -
      4. -
        - • -
        -
        - Lynnwood Transit Center Bay D3 -
        -
        5. -
      5. -
        - • -
        -
        - Mountlake Terrace Fwy Station Bay 6 -
        -
        6. -
      -
      -
      -
      -
      -
      -
      -
      - -
      3. -
    3. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - Northgate Station - - ID 2191 - - -
      -
      - 1:51 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk to - - Northgate Station - Bay 4 - - - - -
      - - - - -
      -
      -
        -
      -
      -       -
      -
      - -
      4. -
    4. -
      -
      -
      -
      -
      - - 40 - - - - -
      -
      -
      -
      -
      - - Northgate Station - Bay 4 - - ID 35318 - - -
      -
      - 1:55 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - 40 - -
      - - - Downtown Seattle Ballard - - -       - - - - Disembark at - N 105th St & Aurora Ave N - - ID 40032 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - 1st Ave NE & NE 95th St -
        -
        2. -
      2. -
        - • -
        -
        - N 92nd St & Corliss Ave N -
        -
        3. -
      3. -
        - • -
        -
        - College Way N & N 97th St -
        -
        4. -
      4. -
        - • -
        -
        - College Way N & N 103rd St -
        -
        5. -
      5. -
        - • -
        -
        - Meridian Ave N & N 105th St -
        -
        6. -
      6. -
        - • -
        -
        - N Northgate Way & Meridian Ave N -
        -
        7. -
      7. -
        - • -
        -
        - N Northgate Way & Stone Ave N -
        -
        8. -
      -
      -
      -
      -
      -
      -
      -
      - -
      5. -
    5. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - N 105th St & Aurora Ave N - - ID 40032 - - -
      -
      - 2:06 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 259 feet to - - Aurora Ave N & N 105th St - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - RIGHT - on - - service road - - - 14 feet - - -
        -
        3. -
      3. -
        - - - -
        -
        - - LEFT - on - - Unnamed Path - - - 180 feet - - -
        -
        4. -
      -
      -
      -       -
      -
      - -
      6. -
    6. -
      -
      -
      -
      -
      - - E - - - - -
      -
      -
      -
      -
      - - Aurora Ave N & N 105th St - - ID 7080 - - -
      -
      - 2:07 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - E Line - -
      - - - Downtown Seattle - - -       - - - - Disembark at - 3rd Ave & Cherry St - - ID 490 - - -       - -       -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
        -
      1. -
        - • -
        -
        - Aurora Ave N & N 100th St -
        -
        2. -
      2. -
        - • -
        -
        - Aurora Ave N & N 95th St -
        -
        3. -
      3. -
        - • -
        -
        - Aurora Ave N & N 90th St -
        -
        4. -
      4. -
        - • -
        -
        - Aurora Ave N & N 85th St -
        -
        5. -
      5. -
        - • -
        -
        - Aurora Ave N & N 80th St -
        -
        6. -
      6. -
        - • -
        -
        - Aurora Ave N & N 76th St -
        -
        7. -
      7. -
        - • -
        -
        - Aurora Ave N & N 65th St -
        -
        8. -
      8. -
        - • -
        -
        - Aurora Ave N & N 46th St -
        -
        9. -
      9. -
        - • -
        -
        - Aurora Ave N & Lynn St -
        -
        10. -
      10. -
        - • -
        -
        - Aurora Ave N & Galer St -
        -
        11. -
      11. -
        - • -
        -
        - 7th Ave N & Thomas St -
        -
        12. -
      12. -
        - • -
        -
        - Wall St & 5th Ave -
        -
        13. -
      13. -
        - • -
        -
        - 3rd Ave & Bell St -
        -
        14. -
      14. -
        - • -
        -
        - 3rd Ave & Virginia St -
        -
        15. -
      15. -
        - • -
        -
        - 3rd Ave & Pike St -
        -
        16. -
      16. -
        - • -
        -
        - 3rd Ave & Seneca St -
        -
        17. -
      -
      -
      -
      -
      -
      -
      -
      - -
      7. -
    7. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - 3rd Ave & Cherry St - - ID 490 - - -
      -
      - 2:39 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      8. -
    8. -
      -
      -
      -
      - -
      -
      -
      -
      -
      - - 208 James St, Seattle, WA 98104-2212, United States - -
      -
      - 2:41 PM -
      - - Arrive at - 208 James St, Seattle, WA 98104-2212, United States - -
      9. -
    -`; - -exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 1`] = ` - -
    - - - -
    -     -`; - -exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - -
    - - - -
      -
    -
    -`; - -exports[`Storyshots LocationField/Desktop Context Blank 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Blank 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Geocoder No Results 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Geocoder No Results 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Here Geocoder 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Here Geocoder 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Location Unavailable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Location Unavailable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 1`] = ` - -
    - - - -
    -     -`; - -exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - -
    - - - -
      -
    -
    -`; - -exports[`Storyshots LocationField/Desktop Context Required And Invalid State 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Required And Invalid State 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Selected Location 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Selected Location 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c6 { - color: #888; - cursor: pointer; - width: 30px; -} - -.c2 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 1`] = ` - - - } - currentPosition={ - Object { - "coords": Object { - "latitude": 45.508246, - "longitude": -122.711574, - }, - } - } - geocoderConfig={ - Object { - "baseUrl": "https://ws-st.trimet.org/pelias/v1", - "boundary": Object { - "rect": Object { - "maxLat": 45.7445, - "maxLon": -122.135, - "minLat": 45.273, - "minLon": -123.2034, - }, - }, - "maxNearbyStops": 4, - "type": "PELIAS", - } - } - getCurrentPosition={[Function]} - location={ - Object { - "lat": 0, - "lon": 0, - "name": "123 Main St", - } - } - locationType="to" - onLocationSelected={[Function]} - /> - -`; - -exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c6 { - color: #888; - cursor: pointer; - width: 30px; -} - -.c2 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Slow Geocoder 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Slow Geocoder 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 1`] = ` - - , - } - } - /> - -`; - -exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With Prefilled Search 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context With Prefilled Search 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With User Settings 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context With User Settings 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Mobile Context Blank 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Blank 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context Geocoder No Results 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Geocoder No Results 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context Location Unavailable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Location Unavailable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - -
    - - - - otpUi.LocationField.currentLocationUnavailable - - -
    -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c6 { - color: #888; - cursor: pointer; - width: 30px; -} - -.c2 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c14 { - float: left; -} - -.c10 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 1`] = ` - - - } - currentPosition={ - Object { - "coords": Object { - "latitude": 45.508246, - "longitude": -122.711574, - }, - } - } - geocoderConfig={ - Object { - "baseUrl": "https://ws-st.trimet.org/pelias/v1", - "boundary": Object { - "rect": Object { - "maxLat": 45.7445, - "maxLon": -122.135, - "minLat": 45.273, - "minLon": -123.2034, - }, - }, - "maxNearbyStops": 4, - "type": "PELIAS", - } - } - getCurrentPosition={[Function]} - isStatic={true} - location={ - Object { - "lat": 0, - "lon": 0, - "name": "123 Main St", - } - } - locationType="to" - onLocationSelected={[Function]} - /> - -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c6 { - color: #888; - cursor: pointer; - width: 30px; -} - -.c2 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c14 { - float: left; -} - -.c10 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context Slow Geocoder 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Slow Geocoder 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context Styled 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Styled 2`] = ` -.c4 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c5 { - color: #333; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c2 { - border: none; - background: none; -} - -.c3 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c6 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c14 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c16 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c15 { - float: left; -} - -.c10 { - border: none; - box-shadow: none; - display: block; -} - -.c1 .c13 { - background-color: pink; - font-size: 24px; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context With Custom Icons 1`] = ` - - - } - currentPositionUnavailableIcon={ - - } - geocoderConfig={ - Object { - "baseUrl": "https://ws-st.trimet.org/pelias/v1", - "boundary": Object { - "rect": Object { - "maxLat": 45.7445, - "maxLon": -122.135, - "minLat": 45.273, - "minLon": -123.2034, - }, - }, - "maxNearbyStops": 4, - "type": "PELIAS", - } - } - getCurrentPosition={[Function]} - isStatic={true} - layerColorMap={ - Object { - "locality": "orange", - "stations": "navy", - "stops": "purple", - } - } - locationType="to" - nearbyStops={ - Array [ - "1", - "2", - ] - } - onLocationSelected={[Function]} - sessionOptionIcon={ - - } - sessionSearches={ - Array [ - Object { - "lat": 12.34, - "lon": 34.45, - "name": "123 Main St", - }, - ] - } - showUserSettings={true} - stopOptionIcon={ - - } - stopsIndex={ - Object { - "1": Object { - "code": "1", - "dist": 123, - "lat": 12.34, - "lon": 34.56, - "name": "1st & Main", - "routes": Array [ - Object { - "shortName": "1", - }, - ], - }, - "2": Object { - "code": "2", - "dist": 345, - "lat": 23.45, - "lon": 67.89, - "name": "Main & 2nd", - "routes": Array [ - Object { - "shortName": "2", - }, - ], - }, - } - } - userLocationsAndRecentPlaces={ - Array [ - Object { - "icon": "home", - "lat": 45.89, - "lon": 67.12, - "name": "456 Suburb St", - "type": "home", - }, - Object { - "icon": "work", - "lat": 54.32, - "lon": 43.21, - "name": "789 Busy St", - "type": "work", - }, - Object { - "icon": "map-marker", - "lat": 34.22, - "lon": -84.11, - "name": "Coffee Roasters Shop, 55 Coffee Street", - "type": "custom", - }, - Object { - "lat": 12.34, - "lon": 34.45, - "name": "123 Main St", - "type": "recent", - }, - ] - } - /> - -`; - -exports[`Storyshots LocationField/Mobile Context With Custom Icons 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c5 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c17 { - clear: both; -} - -.c2 { - width: 30px; -} - -.c7 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c4 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c18 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c20 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c19 { - float: left; -} - -.c16 { - background-color: gray; - color: white; - padding: 2px 3px 0px; - margin-right: 5px; -} - -.c8 { - border: none; - box-shadow: none; - display: block; -} - -.c14 { - margin-left: 30px; -} - -.c13 { - font-size: 8px; -} - -.c12 { - float: left; - padding-top: 3px; -} - -.c15 { - font-size: 9px; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context With Nearby Stops 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context With Nearby Stops 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c18 { - clear: both; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c19 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c21 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c20 { - float: left; -} - -.c17 { - background-color: gray; - color: white; - padding: 2px 3px 0px; - margin-right: 5px; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - -.c15 { - margin-left: 30px; -} - -.c14 { - font-size: 8px; -} - -.c13 { - float: left; - padding-top: 3px; -} - -.c16 { - font-size: 9px; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context With Session Searches 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context With Session Searches 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c14 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - -
    - - - - -
    -`; - -exports[`Storyshots LocationField/Mobile Context With User Settings 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context With User Settings 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c14 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - - -`; - -exports[`Storyshots LocationIcon Custom Style For To 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon Custom Style For To 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #f44256; -} - -.c2 { - color: blue; -} - - -`; - -exports[`Storyshots LocationIcon From 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon From 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #333; -} - - -`; - -exports[`Storyshots LocationIcon Generic Place 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon Generic Place 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #333; -} - - -`; - -exports[`Storyshots LocationIcon To 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon To 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #f44256; -} - - -`; - -exports[`Storyshots Map Popup Floating Vehicle Entity 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Floating Vehicle Entity 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c2 { - margin-top: 6px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -.c5 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c6 { - color: #333; -} - -.c8 { - color: #f44256; -} - -.c4:first-of-type { - border-left: none; -} - -.c3 > * { - padding-left: 0.4em; - border-left: 1px solid black; -} - -.c7 { - background: none; - border: none; - color: navy; - font-family: inherit; - font-size: inherit; - line-height: inherit; - padding-left: 0.2em; -} - -.c7:hover { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; -} - -
    -
    - Free-floating bike: 0541 BIKETOWN -
    -

    - - Plan a trip: - - - - - - - - - - - -

    -
    -`; - -exports[`Storyshots Map Popup Station Entity 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Station Entity 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c2 { - margin-top: 6px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -.c5 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c6 { - color: #333; -} - -.c8 { - color: #f44256; -} - -.c4:first-of-type { - border-left: none; -} - -.c3 > * { - padding-left: 0.4em; - border-left: 1px solid black; -} - -.c7 { - background: none; - border: none; - color: navy; - font-family: inherit; - font-size: inherit; - line-height: inherit; - padding-left: 0.2em; -} - -.c7:hover { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; -} - -
    -
    - SW Morrison at 18th -
    -

    -

    - Available bikes: 6 -
    -
    - Available docks: 11 -
    -

    -

    - - Plan a trip: - - - - - - - - - - - -

    -
    -`; - -exports[`Storyshots Map Popup Stop Entity 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Stop Entity 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c2 { - margin-top: 6px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -.c6 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c7 { - color: #333; -} - -.c9 { - color: #f44256; -} - -.c5:first-of-type { - border-left: none; -} - -.c4 > * { - padding-left: 0.4em; - border-left: 1px solid black; -} - -.c8 { - background: none; - border: none; - color: navy; - font-family: inherit; - font-size: inherit; - line-height: inherit; - padding-left: 0.2em; -} - -.c8:hover { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; -} - -.c3 { - background: none; - border-bottom: none; - border-left: 1px solid #000; - border-right: none; - border-top: none; - color: #008; - font-family: inherit; - margin-left: 5px; - padding-top: 0; -} - -
    -
    - W Burnside & SW 2nd -
    -

    - - Stop ID: 9526 - - -

    -

    - - Plan a trip: - - - - - - - - - - - -

    -
    -`; - -exports[`Storyshots Map Popup Stop Entity No Handlers 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Stop Entity No Handlers 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -
    -
    - W Burnside & SW 2nd -
    -
    -`; - -exports[`Storyshots ParkAndRideOverlay Default 1`] = ` - - - - - - - -`; - -exports[`Storyshots ParkAndRideOverlay Default 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Bike Only Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Bike Only Itinerary 2`] = ` -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 503 SW Alder St, Portland, OR, USA 97204 - -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Bicycle 0.7 miles to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - -
    -
    - - Head - EAST - on - - SW Alder St - - - 87 feet - - -
    -
    - - RIGHT - on - - SW 5th Ave - - - 257 feet - - -
    -
    - - RIGHT - on - - SW Morrison St - - - 0.6 miles - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Bike Rental Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Bike Rental Itinerary 2`] = ` -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 2624 SE 30th Ave, Portland, OR, USA 97202 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 498 feet to - - SE 30th at Division - - -
    -
    - - Head - WEST - on - - SE Clinton St - - - 79 feet - - -
    -
    - - RIGHT - on - - SE 30th Ave - - - 419 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - -
    -
    -
    - - Bicycle 0.6 miles to - - SE 29th at Hawthorne - - -
    -
    - - CONTINUE - on - - SE 30th Ave - - - 0.3 miles - - -
    -
    - - LEFT - on - - SE Harrison St - - - 361 feet - - -
    -
    - - RIGHT - on - - SE 29th Ave - - - 0.2 miles - - -
    -
    - - LEFT - on - - SE Hawthorne Blvd - - - 50 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 0.1 miles to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - -
    -
    - - CONTINUE - on - - SE Hawthorne Blvd - - - 210 feet - - -
    -
    - - RIGHT - on - - SE 28th Ave - - - 295 feet - - -
    -
    - - LEFT - on - - SE Madison St - - - 114 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Bike Rental Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Bike Rental Transit Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 2943 SE Washington St, Portland, OR, USA 97214 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 400 feet to - - SE 29th at Stark - - -
    -
    - - Head - NORTH - on - - SE 30th Ave - - - 103 feet - - -
    -
    - - RIGHT - on - - SE Stark St - - - 277 feet - - -
    -
    - - RIGHT - on - - SE 29th Ave - - - 19 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - -
    -
    -
    - - Bicycle 0.8 miles to - - NE Glisan at 24th - - -
    -
    - - CONTINUE - on - - SE 29th Ave - - - 492 feet - - -
    -
    - - LEFT - on - - SE Pine St - - - 358 feet - - -
    -
    - - RIGHT - on - - SE 28th Ave - - - 518 feet - - -
    -
    - - LEFT - on - - SE Ankeny St - - - 0.2 miles - - -
    -
    - - RIGHT - on - - SE 24th Ave - - - 259 feet - - -
    -
    - - CONTINUE - on - - NE 24th Ave - - - 0.2 miles - - -
    -
    - - LEFT - on - - NE Glisan St - - - 57 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 497 feet to - - NE Sandy & 24th - - -
    -
    - - HARD_LEFT - on - - NE Glisan St - - - 57 feet - - -
    -
    - - LEFT - on - - NE 24th Ave - - - 382 feet - - -
    -
    - - RIGHT - on - - NE Sandy Blvd - - - 58 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - 12 - - - - Barbur/Sandy Blvd - - to - - Parkrose TC - -
    -
    -
    - Board at - - NE Sandy & 24th - - (5066) at - - 4:02 PM - -
    -
    - Get off at - - NE Sandy & 57th - - (5104) at - - 4:14 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 279 feet to - - 0086 BIKETOWN - - -
    -
    - - Head - NORTHEAST - on - - NE Sandy Blvd - - - 75 feet - - -
    -
    - - HARD_LEFT - on - - NE Alameda St - - - 203 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - -
    -
    -
    - - Bicycle 1 mile to - - NE 60th at Cully - - -
    -
    - - HARD_LEFT - on - - NE Alameda St - - - 203 feet - - -
    -
    - - HARD_LEFT - on - - NE 57th Ave - - - 0.6 miles - - -
    -
    - - CONTINUE - on - - NE Cully Blvd - - - 0.3 miles - - -
    -
    - - LEFT - on - - NE 60th Ave - - - 171 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 494 feet to - - 5916 NE Going St, Portland, OR, USA 97218 - - -
    -
    - - CONTINUE - on - - NE 60th Ave - - - 270 feet - - -
    -
    - - LEFT - on - - NE Going St - - - 225 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Bike Transit Bike Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Bike Transit Bike Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - KGW Studio on the Sq, Portland, OR, USA - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 91 feet to - - corner of path and Pioneer Courthouse Sq (pedestrian street) - - -
    -
    - - Head - SOUTHEAST - on - - Unnamed Path - - - 91 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Bicycle 0.1 miles to - - corner of path and Pioneer Sq N (path) - - -
    -
    - - LEFT - on - - Unnamed Path - - - 20 feet - - -
    -
    - - LEFT - on - - SW 6th Ave - - - 245 feet - - -
    -
    - - LEFT - on - - SW Morrison St - - - 241 feet - - -
    -
    - - LEFT - on - - Unnamed Path - - - 27 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 22 feet to - - Pioneer Square North MAX Station - - -
    -
    - - LEFT - on - - Pioneer Sq N (path) - - - 22 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - - - MAX Blue Line - - to - - Hillsboro - -
    -
    -
    - Board at - - Pioneer Square North MAX Station - - (8383) at - - 3:46 PM - -
    -
    - Get off at - - Providence Park MAX Station - - (9757) at - - 3:49 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 19 feet to - - corner of path and Providence Park (path) - - -
    -
    - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Bicycle 230 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
    -
    - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Classic Icons And Park And Ride Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Classic Icons And Park And Ride Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Drive 2.4 miles to - - P+R Sunset TC - - -
    -
    - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
    -
    - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
    -
    - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
    -
    - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
    -
    - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
    -
    - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
    -
    - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
    -
    - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
    -
    - - RIGHT - on - - service road - - - 0.2 miles - - -
    -
    - - RIGHT - on - - Sunset TC - - - 76 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Walk 426 feet to - - Sunset TC MAX Station - - -
    -
    - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
    -
    - - LEFT - on - - steps - - - 232 feet - - -
    -
    - - LEFT - on - - Unnamed Path - - - 19 feet - - -
    -
    - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - -
    -
    -
    -
    - - - - MAX Blue Line - - to - - Gresham - -
    -
    -
    - Board at - - Sunset TC MAX Station - - (2600) at - - 4:05 PM - -
    -
    - Get off at - - Oak/ SW 1st Ave MAX Station - - (8337) at - - 4:27 PM - -
    -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - -
    -
    - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
    -
    - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
    -
    - - LEFT - on - - SW Oak St - - - 37 feet - - -
    -
    - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
    -
    - - LEFT - on - - SW Pine St - - - 337 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary E Scooter Rental Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary E Scooter Rental Itinerary 2`] = ` -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 600 SW 5th Ave, Portland, OR, USA 97204 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 206 feet to - - EMAQ - - -
    -
    - - Head - EAST - on - - SW Alder St - - - 118 feet - - -
    -
    - - LEFT - on - - SW 4th Ave - - - 88 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - -
    -
    -
    - - Ride 0.3 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - -
    -
    - - CONTINUE - on - - SW 4th Ave - - - 0.2 miles - - -
    -
    - - RIGHT - on - - SW Pine St - - - 456 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary E Scooter Rental Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary E Scooter Rental Transit Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 2943 SE Washington St, Portland, OR, USA 97214 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 0.4 miles to - - Shared E-scooter - - -
    -
    - - Head - SOUTH - on - - SE 30th Ave - - - 0.2 miles - - -
    -
    - - RIGHT - on - - SE Belmont St - - - 330 feet - - -
    -
    - - LEFT - on - - SE 29th Ave - - - 511 feet - - -
    -
    - - RIGHT - on - - SE Taylor St - - - 235 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - -
    -
    -
    - - Ride 1.4 miles to - - NE Broadway - - -
    -
    - - CONTINUE - on - - SE Taylor St - - - 26 feet - - -
    -
    - - RIGHT - on - - SE 28th Ave - - - 0.6 miles - - -
    -
    - - CONTINUE - on - - NE 28th Ave - - - 0.7 miles - - -
    -
    - - SLIGHTLY_RIGHT - on - - NE Halsey St - - - 17 feet - - -
    -
    - - RIGHT - on - - NE Halsey St - - - 59 feet - - -
    -
    - - SLIGHTLY_LEFT - on - - NE 28th Ave - - - 28 feet - - -
    -
    - - SLIGHTLY_LEFT - on - - NE 28th Ave - - - 489 feet - - -
    -
    - - RIGHT - on - - NE Broadway - - - 86 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk to - - NE Broadway & 28th - - -
    -
    - - RIGHT - on - - street transit link - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - 70 - - - - 12th/NE 33rd Ave - - to - - NE Sunderland - -
    -
    -
    - Board at - - NE Broadway & 28th - - (638) at - - 4:08 PM - -
    -
    - Get off at - - NE 33rd & Shaver - - (7393) at - - 4:17 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 0.4 miles to - - Shared E-scooter - - -
    -
    - - Head - NORTH - on - - NE 33rd Ave - - - 33 feet - - -
    -
    - - RIGHT - on - - NE Shaver St - - - 0.3 miles - - -
    -
    - - LEFT - on - - NE 38th Ave - - - 332 feet - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - -
    -
    -
    - - Ride 1 mile to - - 5112 NE 47th Pl, Portland, OR, USA 97218 - - -
    -
    - - CONTINUE - on - - NE 38th Ave - - - 355 feet - - -
    -
    - - RIGHT - on - - NE Skidmore St - - - 0.2 miles - - -
    -
    - - LEFT - on - - NE 42nd Ave - - - 0.4 miles - - -
    -
    - - RIGHT - on - - NE Alberta St - - - 0.3 miles - - -
    -
    - - LEFT - on - - NE 47th Pl - - - 313 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary OTP 2 Scooter Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary OTP 2 Scooter Itinerary 2`] = ` -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 300 Courtland St NE, Atlanta, GA 30303-12ND, United States - -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Walk 0.2 miles to - - Razor Vehicle - - -
    -
    - - Head - SOUTH - on - - Courtland Street Northeast - - - 172 feet - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 0.1 miles - - -
    -
    - - LEFT - on - - Peachtree Center Avenue Northeast - - - 140 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Ride 1 mile to - - 126 Mitchell St SW, Atlanta, GA 30303-3524, United States - - -
    -
    - - HARD_RIGHT - on - - Peachtree Center Avenue Northeast - - - 12 feet - - -
    -
    - - LEFT - on - - service road - - - 10 feet - - -
    -
    - - LEFT - on - - Peachtree Center Cycle Track - - - 0.5 miles - - -
    -
    - - RIGHT - on - - Edgewood Avenue Northeast - - - 0.1 miles - - -
    -
    - - LEFT - on - - Pryor Street Southwest - - - 269 feet - - -
    -
    - - CONTINUE - on - - Pryor Street - - - 518 feet - - -
    -
    - - CONTINUE - on - - Pryor Street Southwest - - - 0.2 miles - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 19 feet - - -
    -
    - - RIGHT - on - - sidewalk - - - 22 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Park And Ride Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Park And Ride Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 330 SW Murray Blvd, Washington County, OR, USA 97005 - -
    -
    -
    -
    -
    -
    - - - - -
    -
    -
    - - Drive 2.4 miles to - - P+R Sunset TC - - -
    -
    - - Head - SOUTHWEST - on - - parking aisle - - - 158 feet - - -
    -
    - - RIGHT - on - - SW Murray Blvd - - - 0.2 miles - - -
    -
    - - CONTINUE - on - - NW Murray Blvd - - - 150 feet - - -
    -
    - - SLIGHTLY_RIGHT - on - - NW Murray Blvd - - - 0.4 miles - - -
    -
    - - CONTINUE - on - - NW Sunset Hwy - - - 0.6 miles - - -
    -
    - - CONTINUE - on - - NW Sunset Hwy - - - 0.3 miles - - -
    -
    - - LEFT - on - - SW Cedar Hills Blvd - - - 0.2 miles - - -
    -
    - - RIGHT - on - - SW Barnes Rd - - - 0.5 miles - - -
    -
    - - RIGHT - on - - service road - - - 0.2 miles - - -
    -
    - - RIGHT - on - - Sunset TC - - - 76 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 426 feet to - - Sunset TC MAX Station - - -
    -
    - - SLIGHTLY_RIGHT - on - - Unnamed Path - - - 16 feet - - -
    -
    - - LEFT - on - - steps - - - 232 feet - - -
    -
    - - LEFT - on - - Unnamed Path - - - 19 feet - - -
    -
    - - RIGHT - on - - Sunset TC (path) - - - 159 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - - - MAX Blue Line - - to - - Gresham - -
    -
    -
    - Board at - - Sunset TC MAX Station - - (2600) at - - 4:05 PM - -
    -
    - Get off at - - Oak/ SW 1st Ave MAX Station - - (8337) at - - 4:27 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 0.1 miles to - - 205 SW Pine St, Portland, OR, USA 97204 - - -
    -
    - - Head - NORTHEAST - on - - Oak/SW 1st Ave (path) - - - 13 feet - - -
    -
    - - CONTINUE - on - - Unnamed Path - - - 27 feet - - -
    -
    - - LEFT - on - - SW Oak St - - - 37 feet - - -
    -
    - - RIGHT - on - - SW 1st Ave - - - 260 feet - - -
    -
    - - LEFT - on - - SW Pine St - - - 337 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Styled Walk Transit Walk Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Styled Walk Transit Walk Itinerary 2`] = ` -.c18 { - font-weight: 200; -} - -.c9 { - font-weight: inherit; -} - -.c14 { - font-weight: 500; -} - -.c15 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c1 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c2 { - border-top: none; - padding-top: 0; -} - -.c4 { - margin-left: 10px; -} - -.c11 { - font-size: 14px; - margin-top: 3px; -} - -.c10 { - margin-top: 5px; -} - -.c5 { - font-size: 18px; -} - -.c8 { - font-size: 18px; -} - -.c6 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c12 .c13 { - font-weight: bold; -} - -.c16 { - font-weight: bold; -} - -.c16 .c17 { - font-weight: normal; -} - -.c7 { - float: left; - width: 32px; - height: 32px; -} - -.c0 .c3 { - background-color: pink; -} - -
    -
    -
    -
    - - Depart - - from - - KGW Studio on the Sq, Portland, OR, USA - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 269 feet to - - Pioneer Square North MAX Station - - -
    -
    - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
    -
    - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - - - MAX Blue Line - - to - - Hillsboro - -
    -
    -
    - Board at - - Pioneer Square North MAX Station - - (8383) at - - 3:46 PM - -
    -
    - Get off at - - Providence Park MAX Station - - (9757) at - - 3:49 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - -
    -
    - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
    -
    - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Tnc Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Tnc Transit Itinerary 2`] = ` -.c9 { - font-weight: inherit; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c7 { - font-size: 14px; - margin-top: 3px; -} - -.c6 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c8 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 128 NW 12th Ave, Portland - -
    -
    -
    -
    -
    -
    - - - - - - -
    -
    -
    -
    - - Take - - to - - West Burnside Street - -
    -
    -
    - Estimated wait time for pickup: - - 4 min - -
    -
    - Estimated travel time: - - 2 min - - (does not account for traffic) -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk to - - W Burnside & SW 6th - - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - - -
    -
    -
    - Board at - - W Burnside & SW 6th - - () at - - 11:02 AM - -
    -
    - Get off at - - E Burnside & SE 12th - - () at - - 11:08 AM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk to - - East Burnside Street - - -
    -
    -
    -
    -
    -
    - - - - - - -
    -
    -
    -
    - - Take - - to - - 407 NE 12th Ave, Portland - -
    -
    -
    - Estimated wait time for pickup: - - 2 min - -
    -
    - Estimated travel time: - - 1 min - - (does not account for traffic) -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Walk Interlined Transit Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Walk Interlined Transit Itinerary 2`] = ` -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 47.97767, -122.20034 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 0.3 miles to - - Everett Station Bay C1 - - -
    -
    - - Head - SOUTH - on - - service road - - - 0.1 miles - - -
    -
    - - RIGHT - on - - Smith Avenue - - - 129 feet - - -
    -
    - - CONTINUE - on - - Paine Avenue - - - 61 feet - - -
    -
    - - LEFT - on - - 32nd Street - - - 67 feet - - -
    -
    - - RIGHT - on - - 32nd Street - - - 313 feet - - -
    -
    - - LEFT - on - - Unnamed Path - - - 380 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - 512 - - - - Northgate Station - -
    -
    -
    - Board at - - Everett Station Bay C1 - - (2345) at - - 1:04 PM - -
    -
    - Get off at - - Northgate Station - - (2191) at - - 1:51 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk to - - Northgate Station - Bay 4 - - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - 40 - - - - Downtown Seattle Ballard - -
    -
    -
    - Board at - - Northgate Station - Bay 4 - - (35318) at - - 1:55 PM - -
    -
    - Get off at - - N 105th St & Aurora Ave N - - (40032) at - - 2:06 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 259 feet to - - Aurora Ave N & N 105th St - - -
    -
    - - Head - EAST - on - - North 105th Street - - - 64 feet - - -
    -
    - - RIGHT - on - - service road - - - 14 feet - - -
    -
    - - LEFT - on - - Unnamed Path - - - 180 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - E Line - - - - Downtown Seattle - -
    -
    -
    - Board at - - Aurora Ave N & N 105th St - - (7080) at - - 2:07 PM - -
    -
    - Get off at - - 3rd Ave & Cherry St - - (490) at - - 2:39 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 443 feet to - - 208 James St, Seattle, WA 98104-2212, United States - - -
    -
    - - Head - SOUTHEAST - on - - sidewalk - - - 326 feet - - -
    -
    - - UTURN_RIGHT - on - - sidewalk - - - 117 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Walk Only Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Walk Only Itinerary 2`] = ` -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - KGW Studio on the Sq, Portland, OR, USA - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 166 feet to - - 701 SW 6th Ave, Portland, OR, USA 97204 - - -
    -
    - - Head - NORTHWEST - on - - Unnamed Path - - -
    -
    - - LEFT - on - - Unnamed Path - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Walk Transit Transfer Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Walk Transit Transfer Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 3940 SE Brooklyn St, Portland, OR, USA 97202 - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 238 feet to - - SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) - - -
    -
    - - Head - WEST - on - - SE Brooklyn St - - - 205 feet - - -
    -
    - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 33 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - 755X - - - - Cesar Chavez/Lombard (very long route name) - - to - - St. Johns via NAYA - -
    -
    -
    - Board at - - SE Cesar Chavez Blvd & Brooklyn - - (7439) at - - 3:47 PM - -
    -
    - Get off at - - SE Cesar Chavez Blvd & Hawthorne - - (7459) at - - 3:52 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 440 feet to - - SE Hawthorne & Cesar Chavez Blvd - - -
    -
    - - Head - SOUTH - on - - service road - - - 146 feet - - -
    -
    - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 198 feet - - -
    -
    - - LEFT - on - - SE Hawthorne Blvd - - - 96 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - 1 - - - - Hawthorne - - to - - Portland - -
    -
    -
    - Board at - - SE Hawthorne & Cesar Chavez Blvd - - (2626) at - - 4:00 PM - -
    -
    - Get off at - - SE Hawthorne & 27th - - (2613) at - - 4:04 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 479 feet to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - -
    -
    - - Head - WEST - on - - SE Hawthorne Blvd - - - 40 feet - - -
    -
    - - RIGHT - on - - SE 27th Ave - - - 294 feet - - -
    -
    - - RIGHT - on - - SE Madison St - - - 146 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinerary 2`] = ` -.c7 { - display: inline-block; - vertical-align: middle; - 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; - -ms-flex-align: center; - align-items: center; - border: 1px solid #333; - background-color: transparent; - 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; -} - -.c8 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.c8 span { - display: block; -} - -.c9 { - padding-top: 3px; - font-weight: 600; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c13 { - font-size: 14px; - margin-top: 3px; -} - -.c12 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c10 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c14 .c15 { - font-weight: bold; -} - -.c18 { - font-weight: bold; -} - -.c18 .c19 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - 3940 SE Brooklyn St, Portland, OR, USA 97202 - -
    -
    -
    -
    -
    -
    - - - -
    -
    - - - - ✅ - - -
    -
    -
    - - Walk 238 feet to - - SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) - - -
    -
    - - Head - WEST - on - - SE Brooklyn St - - - 205 feet - - -
    -
    - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 33 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    - - - - ？ - - -
    -
    -
    -
    - - 755X - - - - Cesar Chavez/Lombard (very long route name) - - to - - St. Johns via NAYA - -
    -
    -
    - Board at - - SE Cesar Chavez Blvd & Brooklyn - - (7439) at - - 3:47 PM - -
    -
    - Get off at - - SE Cesar Chavez Blvd & Hawthorne - - (7459) at - - 3:52 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 440 feet to - - SE Hawthorne & Cesar Chavez Blvd - - -
    -
    - - Head - SOUTH - on - - service road - - - 146 feet - - -
    -
    - - RIGHT - on - - SE Cesar E. Chavez Blvd - - - 198 feet - - -
    -
    - - LEFT - on - - SE Hawthorne Blvd - - - 96 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    - - - - ❌ - - -
    -
    -
    -
    - - 1 - - - - Hawthorne - - to - - Portland - -
    -
    -
    - Board at - - SE Hawthorne & Cesar Chavez Blvd - - (2626) at - - 4:00 PM - -
    -
    - Get off at - - SE Hawthorne & 27th - - (2613) at - - 4:04 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    - - - - ❌ - - -
    -
    -
    - - Walk 479 feet to - - 1415 SE 28th Ave, Portland, OR, USA 97214 - - -
    -
    - - Head - WEST - on - - SE Hawthorne Blvd - - - 40 feet - - -
    -
    - - RIGHT - on - - SE 27th Ave - - - 294 feet - - -
    -
    - - RIGHT - on - - SE Madison St - - - 146 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots PrintableItinerary Walk Transit Walk Itinerary 1`] = ` - - - -`; - -exports[`Storyshots PrintableItinerary Walk Transit Walk Itinerary 2`] = ` -.c16 { - font-weight: 200; -} - -.c7 { - font-weight: inherit; -} - -.c12 { - font-weight: 500; -} - -.c13 { - font-weight: 200; - opacity: 0.8975; - padding-left: 1ch; -} - -.c0 { - margin-bottom: 10px; - border-top: 1px solid grey; - padding-top: 18px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1 { - border-top: none; - padding-top: 0; -} - -.c2 { - margin-left: 10px; -} - -.c9 { - font-size: 14px; - margin-top: 3px; -} - -.c8 { - margin-top: 5px; -} - -.c3 { - font-size: 18px; -} - -.c6 { - font-size: 18px; -} - -.c4 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - min-width: 70px; -} - -.c10 .c11 { - font-weight: bold; -} - -.c14 { - font-weight: bold; -} - -.c14 .c15 { - font-weight: normal; -} - -.c5 { - float: left; - width: 32px; - height: 32px; -} - -
    -
    -
    -
    - - Depart - - from - - KGW Studio on the Sq, Portland, OR, USA - -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 269 feet to - - Pioneer Square North MAX Station - - -
    -
    - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
    -
    - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    - - - - MAX Blue Line - - to - - Hillsboro - -
    -
    -
    - Board at - - Pioneer Square North MAX Station - - (8383) at - - 3:46 PM - -
    -
    - Get off at - - Providence Park MAX Station - - (9757) at - - 3:49 PM - -
    -
    -
    -
    -
    -
    -
    - - - -
    -
    -
    - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - -
    -
    - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
    -
    - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
    -
    - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
    -
    -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay Default 1`] = ` - - - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay Default 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay Flex Route 1`] = ` - - - - - - - - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay Flex Route 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay Flex Route 2 1`] = ` - - - - - - - - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay Flex Route 2 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay Flex Route 3 1`] = ` - - - - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay Flex Route 3 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 1`] = ` - - - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay With Changing Path 1`] = ` - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay With Changing Path 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots RouteViewerOverlay With Path Styling 1`] = ` - - - - - - - - - -`; - -exports[`Storyshots RouteViewerOverlay With Path Styling 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel 1`] = ` - -
    - - -
    -     -`; - -exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel 2`] = ` -.c6 { - font-weight: normal; - padding-left: 6px; -} - -.c0 { - padding: 0px 5px; - box-sizing: border-box; -} - -.c0 > * { - width: 100%; -} - -.c3 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c5 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c1 { - display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c1 > * { - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; -} - -.c4 { - font-size: 70%; -} - -.c4.disabled { - color: #686868; -} - -.c2 { - cursor: pointer; - width: 100%; - height: 100%; -} - -.c2 svg, -.c2 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; -} - -.c2.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); -} - -.c2.disabled { - cursor: default; -} - -.c2.disabled svg { - fill: #ccc; -} - -.c7 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; - position: relative; -} - -.c7 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; -} - -
    -
    -
    -
    -
    - -
    -
    -
    -
    - -
    - Transports + Marche -
    -
    -
    - -
    - Transports + Vélo personnel -
    -
    -
    - -
    - Transports + Biketown -
    -
    -
    - -
    - Transports + Trottinette électrique -
    -
    -
    - -
    - Parc relais -
    -
    -
    - -
    - Transports + Uber -
    -
    -
    - -
    - Transports + ReachNow -
    -
    -
    - -
    - Transports + Car2Go -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    - Travel Preferences -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    - -
    -`; - -exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Custom Icons 1`] = ` - -
    - - -
    -     -`; - -exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Custom Icons 2`] = ` -.c6 { - font-weight: normal; - padding-left: 6px; -} - -.c0 { - padding: 0px 5px; - box-sizing: border-box; -} - -.c0 > * { - width: 100%; -} - -.c3 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c5 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c1 { - display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c1 > * { - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; -} - -.c4 { - font-size: 70%; -} - -.c4.disabled { - color: #686868; -} - -.c2 { - cursor: pointer; - width: 100%; - height: 100%; -} - -.c2 svg, -.c2 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; -} - -.c2.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); -} - -.c2.disabled { - cursor: default; -} - -.c2.disabled svg { - fill: #ccc; -} - -.c7 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; - position: relative; -} - -.c7 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; -} - -
    -
    -
    -
    -
    - -
    -
    -
    -
    - -
    - Transports + Marche -
    -
    -
    - -
    - Transports + Vélo personnel -
    -
    -
    - -
    - Transports + Biketown -
    -
    -
    - -
    - Transports + Trottinette électrique -
    -
    -
    - -
    - Parc relais -
    -
    -
    - -
    - Transports + Uber -
    -
    -
    - -
    - Transports + ReachNow -
    -
    -
    - -
    - Transports + Car2Go -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    - Travel Preferences -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    - -
    -`; - -exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Undefined Params 1`] = ` - -
    - - -
    -     -`; - -exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Undefined Params 2`] = ` -.c5 { - font-weight: normal; - padding-left: 6px; -} - -.c0 { - padding: 0px 5px; - box-sizing: border-box; -} - -.c0 > * { - width: 100%; -} - -.c3 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c1 { - display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c1 > * { - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; -} - -.c2 { - cursor: pointer; - width: 100%; - height: 100%; -} - -.c2 svg, -.c2 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; -} - -.c2.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); -} - -.c2.disabled { - cursor: default; -} - -.c2.disabled svg { - fill: #ccc; -} - -.c4 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; - position: relative; -} - -.c4 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; -} - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    - Travel Preferences -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    - -
    -`; - -exports[`Storyshots StopViewerOverlay Default 1`] = ` - - - - - - - -`; - -exports[`Storyshots StopViewerOverlay Default 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots StopViewerOverlay With Custom Marker 1`] = ` - - - - - - - -`; - -exports[`Storyshots StopViewerOverlay With Custom Marker 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots StopsOverlay Default 1`] = ` - - - - - - - -`; - -exports[`Storyshots StopsOverlay Default 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots StopsOverlay Flex Stops 1`] = ` - - - - - - - - - - - -`; - -exports[`Storyshots StopsOverlay Flex Stops 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots StopsOverlay No Min Zoom 1`] = ` - - - - - - With MapLibreGL, strong performance can be achieved without needing to rely on minZoom - - - - - - -`; - -exports[`Storyshots StopsOverlay No Min Zoom 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Custom Mode Icon 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Custom Mode Icon 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Default 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Default 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Default Route Color When Vehicle Route Color Absent 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Default Route Color When Vehicle Route Color Absent 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Inner Caret 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Inner Caret 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Outer Caret With Custom Size 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Outer Caret With Custom Size 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Rotating Icons No Caret 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Rotating Icons No Caret 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Route Color Background 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Route Color Background 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    + + -
    -`; - -exports[`Storyshots TransitVehicleOverlay Route Color Background With Inner Caret 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Route Color Background With Inner Caret 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitVehicleOverlay Route Color Background With Transparency On Hover 1`] = ` - - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Route Color Background With Transparency On Hover 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    `; -exports[`Storyshots TransitVehicleOverlay Route Numbers Only With Custom Size And Padding 1`] = ` +exports[`Storyshots LocationField/Desktop Context With Prefilled Search 1`] = ` - - - - - - -`; - -exports[`Storyshots TransitVehicleOverlay Route Numbers Only With Custom Size And Padding 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitiveOverlay Bike Only Itinerary 1`] = ` - - - - - - - - - - - - - - -`; - -exports[`Storyshots TransitiveOverlay Bike Only Itinerary 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitiveOverlay Bike Rental Itinerary 1`] = ` - - - - - - - - - - - - - - -`; - -exports[`Storyshots TransitiveOverlay Bike Rental Itinerary 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitiveOverlay Bike Rental Transit Itinerary 1`] = ` - - - - - - - - - - - - - - -`; - -exports[`Storyshots TransitiveOverlay Bike Rental Transit Itinerary 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitiveOverlay Bike Transit Bike Itinerary 1`] = ` - - - - - - - - - - - - - `; -exports[`Storyshots TransitiveOverlay Bike Transit Bike Itinerary 2`] = ` -.c0 { - height: 90vh; +exports[`Storyshots LocationField/Desktop Context With Prefilled Search 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -
    -
    -
    -`; +.c4 { + color: #333; +} -exports[`Storyshots TransitiveOverlay E Scooter Rental Itinerary 1`] = ` - - - - - - - [Function] - - - - - - -`; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} -exports[`Storyshots TransitiveOverlay E Scooter Rental Itinerary 2`] = ` .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; }
    -
    + + + + +
    `; -exports[`Storyshots TransitiveOverlay E Scooter Rental Transit Itinerary 1`] = ` +exports[`Storyshots LocationField/Desktop Context With User Settings 1`] = ` - - - - - - [Function] - - - - - + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + inputPlaceholder="Select from location" + locationType="from" + onLocationSelected={[Function]} + showUserSettings={true} + userLocationsAndRecentPlaces={ + Array [ + Object { + "icon": "home", + "lat": 45.89, + "lon": 67.12, + "name": "456 Suburb St", + "type": "home", + }, + Object { + "icon": "work", + "lat": 54.32, + "lon": 43.21, + "name": "789 Busy St", + "type": "work", + }, + Object { + "icon": "map-marker", + "lat": 34.22, + "lon": -84.11, + "name": "Coffee Roasters Shop, 55 Coffee Street", + "type": "custom", + }, + Object { + "lat": 12.34, + "lon": 34.45, + "name": "123 Main St", + "type": "recent", + }, + ] + } + /> `; -exports[`Storyshots TransitiveOverlay E Scooter Rental Transit Itinerary 2`] = ` +exports[`Storyshots LocationField/Desktop Context With User Settings 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; }
    -
    + + + + +
    `; -exports[`Storyshots TransitiveOverlay Empty 1`] = ` +exports[`Storyshots LocationField/Mobile Context Blank 1`] = ` - - - - - + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + isStatic={true} + locationType="from" + onLocationSelected={[Function]} + /> `; -exports[`Storyshots TransitiveOverlay Empty 2`] = ` +exports[`Storyshots LocationField/Mobile Context Blank 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; }
    - `; -exports[`Storyshots TransitiveOverlay Flex Itinerary 1`] = ` +exports[`Storyshots LocationField/Mobile Context Geocoder No Results 1`] = ` - - - - - - - - - - - - + } + geocoderConfig={ + Object { + "apiKey": "placeholder_here_key", + "focusPoint": Object { + "lat": 47.67552, + "lng": -122.31831, + }, + "type": "BAD", + } + } + getCurrentPosition={[Function]} + isStatic={true} + locationType="from" + onLocationSelected={[Function]} + /> `; -exports[`Storyshots TransitiveOverlay Flex Itinerary 2`] = ` -.c0 { - height: 90vh; +exports[`Storyshots LocationField/Mobile Context Geocoder No Results 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; } -
    -
    -
    -`; +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} -exports[`Storyshots TransitiveOverlay OTP 2 Scooter Itinerary 1`] = ` - - - - - - - [Function] - - - - - - -`; +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} -exports[`Storyshots TransitiveOverlay OTP 2 Scooter Itinerary 2`] = ` -.c0 { - height: 90vh; +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; }
    - `; -exports[`Storyshots TransitiveOverlay Park And Ride Itinerary 1`] = ` +exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 1`] = ` - - - - - - - - - - - - - -`; - -exports[`Storyshots TransitiveOverlay Park And Ride Itinerary 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots TransitiveOverlay Tnc Transit Itinerary 1`] = ` - - - - - - - - - - - - - `; -exports[`Storyshots TransitiveOverlay Tnc Transit Itinerary 2`] = ` +exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; }
    - `; -exports[`Storyshots TransitiveOverlay Walk Interlined Transit Itinerary 1`] = ` +exports[`Storyshots LocationField/Mobile Context Location Unavailable 1`] = ` - - - - - - - - - - - - + } + getCurrentPosition={[Function]} + isStatic={true} + locationType="from" + onLocationSelected={[Function]} + /> `; -exports[`Storyshots TransitiveOverlay Walk Interlined Transit Itinerary 2`] = ` +exports[`Storyshots LocationField/Mobile Context Location Unavailable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} -exports[`Storyshots TransitiveOverlay Walk Transit Transfer Itinerary 1`] = ` - - - - - - - - - - - - - - -`; +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} -exports[`Storyshots TransitiveOverlay Walk Transit Transfer Itinerary 2`] = ` -.c0 { - height: 90vh; +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; }
    -
    + + + + + otpUi.LocationField.currentLocationUnavailable + +
    `; -exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary 1`] = ` +exports[`Storyshots LocationField/Mobile Context Selected Location 1`] = ` - - - - - - - - - - - - + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + isStatic={true} + layerColorMap={ + Object { + "locality": "orange", + "stations": "navy", + "stops": "purple", + } + } + location={ + Object { + "lat": 0, + "lon": 0, + "name": "123 Main St", + } + } + locationType="to" + onLocationSelected={[Function]} + /> `; -exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary 2`] = ` -.c0 { - height: 90vh; +exports[`Storyshots LocationField/Mobile Context Selected Location 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -
    -
    -
    -`; +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} -exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary With No Intermediate Stops 1`] = ` - - - - - - - - - - - - - - -`; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} -exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary With No Intermediate Stops 2`] = ` .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c14 { + float: left; +} + +.c10 { + border: none; + box-shadow: none; + display: block; }
    - `; -exports[`Storyshots TransitiveOverlay Walking Itinerary 1`] = ` +exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 1`] = ` - - + } + currentPosition={ + Object { + "coords": Object { + "latitude": 45.508246, + "longitude": -122.711574, + }, } - zoom={16} - > - - - - - - - - - - + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + isStatic={true} + location={ + Object { + "lat": 0, + "lon": 0, + "name": "123 Main St", + } + } + locationType="to" + onLocationSelected={[Function]} + /> `; -exports[`Storyshots TransitiveOverlay Walking Itinerary 2`] = ` +exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + .c0 { - height: 90vh; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} -exports[`Storyshots Trip Form Components Checkbox Selector 1`] = ` - - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     -     -`; +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} -exports[`Storyshots Trip Form Components Checkbox Selector 2`] = ` -Array [ -

    - Plain -

    , - .c1 { - font-weight: normal; - padding-left: 6px; +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; } -.c2 .c0 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -
    -
    - - -
    -
    , -

    - Styled -

    , - .c2 { - font-weight: normal; - padding-left: 6px; +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; +.c14 { + float: left; } -.c0 .c1 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c10 { + border: none; + box-shadow: none; + display: block; } -
    -
    + + + + +
    -
    -
    , -] + + + + + otpUi.LocationField.useCurrentLocation + + + + +
+ `; -exports[`Storyshots Trip Form Components Date Time Selector 1`] = ` +exports[`Storyshots LocationField/Mobile Context Slow Geocoder 1`] = ` - -

- Plain -

-
- -
-

- Styled -

-
- - - -
- + `; -exports[`Storyshots Trip Form Components Date Time Selector 2`] = ` -Array [ -

- Plain -

, - .c0 { - box-sizing: border-box; +exports[`Storyshots LocationField/Mobile Context Slow Geocoder 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c0 > * { - box-sizing: border-box; - width: 33.333333%; - padding: 0px 5px; +.c4 { + color: #333; } -.c2 { +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); display: inline-block; - text-align: center; - box-sizing: border-box; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c2 > * { - box-sizing: border-box; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; overflow: hidden; - white-space: nowrap; + width: 0; } -.c4 { - cursor: pointer; - width: 100%; - height: 100%; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.c4 svg, -.c4 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c4.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +.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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; } -.c4.disabled { +.c10[aria-hidden="true"]:hover { + background-color: unset; cursor: default; } -.c4.disabled svg { - fill: #ccc; +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -.c5 .c1 { - background: #eee; +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.c5 .c3 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; - outline: none; +.c13 { + float: left; } -.c5 .c3.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +.c9 { + border: none; + box-shadow: none; + display: block; } - - , -

- Styled -

, - .c1 { - box-sizing: border-box; + otpUi.LocationField.useCurrentLocation + + + + + + +`; + +exports[`Storyshots LocationField/Mobile Context Styled 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Styled 2`] = ` +.c4 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c5 { + color: #333; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c1 > * { - box-sizing: border-box; - width: 33.333333%; - padding: 0px 5px; +.c2 { + border: none; + background: none; } .c3 { - display: inline-block; - text-align: center; - box-sizing: border-box; + width: 30px; } -.c3 > * { - box-sizing: border-box; +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; overflow: hidden; - white-space: nowrap; + width: 0; } -.c5 { - cursor: pointer; - width: 100%; - height: 100%; +.c6 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } -.c5 svg, -.c5 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c5.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +.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; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; } -.c5.disabled { +.c11[aria-hidden="true"]:hover { + background-color: unset; cursor: default; } -.c5.disabled svg { - fill: #ccc; +.c14 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; +.c16 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.c0 .c2 { - background: #eee; +.c15 { + float: left; } -.c0 .c4 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; - outline: none; +.c10 { + border: none; + box-shadow: none; + display: block; } -.c0 .c4.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +.c1 .c13 { + background-color: pink; + font-size: 24px; } - - , -] + otpUi.LocationField.useCurrentLocation + + + + + + `; -exports[`Storyshots Trip Form Components Dropdown Selector 1`] = ` +exports[`Storyshots LocationField/Mobile Context With Custom Icons 1`] = ` - -

- Plain -

-
- -
-

- Styled -

-
- - - -
- + + } + currentPositionUnavailableIcon={ + + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + isStatic={true} + layerColorMap={ + Object { + "locality": "orange", + "stations": "navy", + "stops": "purple", + } + } + locationType="to" + nearbyStops={ + Array [ + "1", + "2", + ] + } + onLocationSelected={[Function]} + sessionOptionIcon={ + + } + sessionSearches={ + Array [ + Object { + "lat": 12.34, + "lon": 34.45, + "name": "123 Main St", + }, + ] + } + showUserSettings={true} + stopOptionIcon={ + + } + stopsIndex={ + Object { + "1": Object { + "code": "1", + "dist": 123, + "lat": 12.34, + "lon": 34.56, + "name": "1st & Main", + "routes": Array [ + Object { + "shortName": "1", + }, + ], + }, + "2": Object { + "code": "2", + "dist": 345, + "lat": 23.45, + "lon": 67.89, + "name": "Main & 2nd", + "routes": Array [ + Object { + "shortName": "2", + }, + ], + }, + } + } + userLocationsAndRecentPlaces={ + Array [ + Object { + "icon": "home", + "lat": 45.89, + "lon": 67.12, + "name": "456 Suburb St", + "type": "home", + }, + Object { + "icon": "work", + "lat": 54.32, + "lon": 43.21, + "name": "789 Busy St", + "type": "work", + }, + Object { + "icon": "map-marker", + "lat": 34.22, + "lon": -84.11, + "name": "Coffee Roasters Shop, 55 Coffee Street", + "type": "custom", + }, + Object { + "lat": 12.34, + "lon": 34.45, + "name": "123 Main St", + "type": "recent", + }, + ] + } + /> `; -exports[`Storyshots Trip Form Components Dropdown Selector 2`] = ` -Array [ -

- Plain -

, - .c3 { - font-weight: normal; - padding-left: 6px; +exports[`Storyshots LocationField/Mobile Context With Custom Icons 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c1 > div { - width: 50%; +.c5 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); display: inline-block; - box-sizing: border-box; - position: relative; + height: 0; + overflow: hidden; + width: 0; } -.c1 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; +.c1 { + border: none; + background: none; } -.c4 .c2 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c17 { + clear: both; } -.c4 .c0 select { - -webkit-appearance: none; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - margin-bottom: 15px; - background: none; - padding: 6px 12px; - border: none; - border-bottom: 1px solid #fff; - height: 34px; - box-shadow: none; - line-height: 1.42857; - color: #fff; +.c2 { + width: 30px; } -.c4 .c0 > div:last-child::after { - content: "▼"; - font-size: 75%; - color: #fff; - right: 8px; - top: 10px; +.c7 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; position: absolute; - pointer-events: none; - box-sizing: border-box; -} - -
-
-
- -
-
- -
-
-
, -

- Styled -

, - .c4 { - font-weight: normal; - padding-left: 6px; + text-align: left; + top: 100%; + z-index: 1000000; } -.c2 > div { - width: 50%; +input[aria-expanded="false"] ~ .c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); display: inline-block; - box-sizing: border-box; - position: relative; + height: 0; + overflow: hidden; + width: 0; } -.c2 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; +.c4 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; } .c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; -} - -.c0 .c3 { - padding-top: 8px; - color: #fff; - font-weight: 100; -} - -.c0 .c1 select { - -webkit-appearance: none; - font-size: inherit; - font-family: inherit; - font-weight: inherit; + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; margin-bottom: 15px; - background: none; - padding: 6px 12px; - border: none; - border-bottom: 1px solid #fff; - height: 34px; - box-shadow: none; - line-height: 1.42857; - color: #fff; + position: relative; } -.c0 .c1 > div:last-child::after { - content: "▼"; - font-size: 75%; - color: #fff; - right: 8px; - top: 10px; - position: absolute; - pointer-events: none; - box-sizing: border-box; +.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; } -
-
-
-
- -
-
- -
-
-
-
, -] -`; - -exports[`Storyshots Trip Form Components General Settings Panel 1`] = ` - - -

- Plain -

-
- -
-

- Styled -

-
- - - -
- - -`; +.c9 { + color: #eee; + background-color: #333; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; +} -exports[`Storyshots Trip Form Components General Settings Panel 2`] = ` -Array [ -

- Plain -

, - .c3 { - font-weight: normal; - padding-left: 6px; +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; } -.c1 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; - position: relative; +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; } -.c1 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; +.c18 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -.c4 .c2 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c20 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.c4 .c0 select { - -webkit-appearance: none; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - margin-bottom: 15px; - background: none; - padding: 6px 12px; +.c19 { + float: left; +} + +.c16 { + background-color: gray; + color: white; + padding: 2px 3px 0px; + margin-right: 5px; +} + +.c8 { border: none; - border-bottom: 1px solid #fff; - height: 34px; box-shadow: none; - line-height: 1.42857; - color: #fff; + display: block; } -.c4 .c0 > div:last-child::after { - content: "▼"; - font-size: 75%; - color: #fff; - right: 8px; - top: 10px; - position: absolute; - pointer-events: none; - box-sizing: border-box; +.c14 { + margin-left: 30px; } - - , -

- Styled -

, - .c4 { - font-weight: normal; - padding-left: 6px; -} - -.c2 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; - position: relative; -} - -.c2 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; -} - -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; -} - -.c0 .c3 { - padding-top: 8px; - color: #fff; - font-weight: 100; -} - -.c0 .c1 select { - -webkit-appearance: none; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - margin-bottom: 15px; - background: none; - padding: 6px 12px; - border: none; - border-bottom: 1px solid #fff; - height: 34px; - box-shadow: none; - line-height: 1.42857; - color: #fff; -} - -.c0 .c1 > div:last-child::after { - content: "▼"; - font-size: 75%; - color: #fff; - right: 8px; - top: 10px; - position: absolute; - pointer-events: none; - box-sizing: border-box; -} - -
-
+ + + + 123 Main St + + + + +
  • -
    -
    -
    - -
    -
    - -
    -
    -
    -
    • -
    , -] + + + + + otpUi.LocationField.useCurrentLocation + + + + + + `; -exports[`Storyshots Trip Form Components General Settings Panel With Custom Messages 1`] = ` +exports[`Storyshots LocationField/Mobile Context With Nearby Stops 1`] = ` - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     +     `; -exports[`Storyshots Trip Form Components General Settings Panel With Custom Messages 2`] = ` -Array [ -

    - Plain -

    , - .c3 { - font-weight: normal; - padding-left: 6px; +exports[`Storyshots LocationField/Mobile Context With Nearby Stops 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; } -.c1 > div { - width: 50%; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); display: inline-block; - box-sizing: border-box; - position: relative; + height: 0; + overflow: hidden; + width: 0; } -.c1 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; +.c1 { + border: none; + background: none; } -.c4 .c2 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c18 { + clear: both; } -.c4 .c0 select { - -webkit-appearance: none; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - margin-bottom: 15px; - background: none; - padding: 6px 12px; - border: none; - border-bottom: 1px solid #fff; - height: 34px; - box-shadow: none; - line-height: 1.42857; - color: #fff; +.c2 { + width: 30px; } -.c4 .c0 > div:last-child::after { - content: "▼"; - font-size: 75%; - color: #fff; - right: 8px; - top: 10px; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; position: absolute; - pointer-events: none; - box-sizing: border-box; + text-align: left; + top: 100%; + z-index: 1000000; } -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    , -

    - Styled -

    , - .c4 { - font-weight: normal; - padding-left: 6px; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c2 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; position: relative; } -.c2 select { - width: 100%; - box-sizing: border-box; - cursor: pointer; +.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; } -.c0 { - font-family: Hind,sans-serif; +.c10 { + color: #eee; background-color: #333; - padding: 15px; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; } -.c0 .c3 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; } -.c0 .c1 select { - -webkit-appearance: none; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - margin-bottom: 15px; - background: none; - padding: 6px 12px; - border: none; - border-bottom: 1px solid #fff; - height: 34px; - box-shadow: none; - line-height: 1.42857; - color: #fff; +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; } -.c0 .c1 > div:last-child::after { - content: "▼"; - font-size: 75%; - color: #fff; - right: 8px; - top: 10px; - position: absolute; - pointer-events: none; - box-sizing: border-box; +.c19 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    -
    -
    , -] -`; - -exports[`Storyshots Trip Form Components General Settings Panel With Otp 2 1`] = ` - - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     -     -`; +.c21 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} -exports[`Storyshots Trip Form Components General Settings Panel With Otp 2 2`] = ` -Array [ -

    - Plain -

    , - .c2 { - font-weight: normal; - padding-left: 6px; +.c20 { + float: left; } -.c0 > div { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 10px; - position: relative; - width: 100%; +.c17 { + background-color: gray; + color: white; + padding: 2px 3px 0px; + margin-right: 5px; } -.c0 > div > label { +.c9 { + border: none; + box-shadow: none; display: block; - white-space: pre; } -.c0 input { - box-sizing: border-box; - cursor: pointer; - width: 100%; +.c15 { + margin-left: 30px; } -.c3 .c1 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c14 { + font-size: 8px; } - - - , -

    - Styled -

    , - .c3 { - font-weight: normal; - padding-left: 6px; -} - -.c1 > div { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 10px; - position: relative; - width: 100%; -} - -.c1 > div > label { - display: block; - white-space: pre; -} - -.c1 input { - box-sizing: border-box; - cursor: pointer; - width: 100%; -} - -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; -} - -.c0 .c2 { - padding-top: 8px; - color: #fff; - font-weight: 100; -} - -
    -
    -
    -
    -
    - - - -
    -
    -
    -
    -
    , -] + + + + + otpUi.LocationField.useCurrentLocation + + +     + + + `; -exports[`Storyshots Trip Form Components Mode Buttons 1`] = ` +exports[`Storyshots LocationField/Mobile Context With Session Searches 1`] = ` - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     +     `; -exports[`Storyshots Trip Form Components Mode Buttons 2`] = ` -Array [ -

    - Plain -

    , - .c1 { +exports[`Storyshots LocationField/Mobile Context With Session Searches 2`] = ` +.c3 { display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c1 > * { - box-sizing: border-box; + vertical-align: middle; overflow: hidden; - white-space: nowrap; -} - -.c5 { - font-size: 70%; } -.c5.disabled { - color: #686868; -} - -.c3 { - cursor: pointer; - width: 100%; - height: 100%; +.c4 { + color: #f44256; } -.c3 svg, -.c3 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c3.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +.c1 { + border: none; + background: none; } -.c3.disabled { - cursor: default; +.c2 { + width: 30px; } -.c3.disabled svg { - fill: #ccc; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c6 .c0 { - background: #eee; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c6 .c2 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; outline: none; } -.c6 .c2.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); -} - -.c6 .c4 { - padding: 4px 0px 0px; - font-size: 10px; - line-height: 12px; +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c6 .c4.active { - -webkit-text-decoration: underline; - text-decoration: underline; +.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; } -
    -
    -
    -
    - -
    - Normal -
    -
    - -
    - -
    - Active -
    -
    - -
    - -
    - Disabled -
    -
    -
    -
    -
    - -
    -
    -
    -
    , -

    - Styled -

    , - .c2 { - display: inline-block; +.c10 { + color: #eee; + background-color: #333; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; text-align: center; - box-sizing: border-box; -} - -.c2 > * { - box-sizing: border-box; - overflow: hidden; white-space: nowrap; } -.c6 { - font-size: 70%; -} - -.c6.disabled { - color: #686868; -} - -.c4 { +.c11:hover { + background-color: #f5f5f5; cursor: pointer; - width: 100%; - height: 100%; -} - -.c4 svg, -.c4 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; } -.c4.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); -} - -.c4.disabled { +.c11[aria-hidden="true"]:hover { + background-color: unset; cursor: default; } -.c4.disabled svg { - fill: #ccc; -} - -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; -} - -.c0 .c1 { - background: #eee; -} - -.c0 .c3 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; - outline: none; +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -.c0 .c3.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.c0 .c5 { - padding: 4px 0px 0px; - font-size: 10px; - line-height: 12px; +.c14 { + float: left; } -.c0 .c5.active { - -webkit-text-decoration: underline; - text-decoration: underline; +.c9 { + border: none; + box-shadow: none; + display: block; } -
    -
    + -
    - Normal -
    -
    + + + + + +
    -
    -
    + + + - -
    -
    - - - , -] + otpUi.LocationField.useCurrentLocation + + +     + + + `; -exports[`Storyshots Trip Form Components Mode Selector 1`] = ` +exports[`Storyshots LocationField/Mobile Context With User Settings 1`] = ` - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     +     `; -exports[`Storyshots Trip Form Components Mode Selector 2`] = ` -Array [ -

    - Plain -

    , - .c1 { - padding: 0px 5px; - box-sizing: border-box; -} - -.c1 > * { - width: 100%; -} - -.c9 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c11 > * { - width: 33.333333%; - padding: 0px 5px; -} - +exports[`Storyshots LocationField/Mobile Context With User Settings 2`] = ` .c3 { display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c3 > * { - box-sizing: border-box; + vertical-align: middle; overflow: hidden; - white-space: nowrap; } -.c7 { - font-size: 70%; -} - -.c7.disabled { - color: #686868; -} - -.c5 { - cursor: pointer; - width: 100%; - height: 100%; +.c4 { + color: #f44256; } -.c5 svg, -.c5 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c5.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +.c1 { + border: none; + background: none; } -.c5.disabled { - cursor: default; +.c2 { + width: 30px; } -.c5.disabled svg { - fill: #ccc; +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; } -.c12 .c2 { - background: #eee; +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; } -.c12 .c4 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; +.c5 { + border: none; + box-shadow: none; + font-size: 17px; outline: none; } -.c12 .c4.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; } -.c12 .c6 { - padding: 4px 0px 0px; - font-size: 10px; - line-height: 12px; +.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; } -.c12 .c6.active { - -webkit-text-decoration: underline; - text-decoration: underline; +.c10 { + color: #eee; + background-color: #333; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; } -.c12 .c0 { - padding: 0px 5px; - font-size: 200%; - margin-bottom: 18px; - box-sizing: border-box; +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; } -.c12 .c0 > * { - width: 100%; - height: 55px; +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; } -.c12 .c8 { - margin-bottom: 10px; +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; } -.c12 .c8 > * { - font-size: 150%; - height: 46px; +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.c12 .c10 { - font-size: 90%; - margin-bottom: 10px; - text-align: center; +.c14 { + float: left; } -.c12 .c10 > * { - height: 36px; +.c9 { + border: none; + box-shadow: none; + display: block; } -
    -
    + -
    - Primary Choice -
    -
    -
    -
    -
    - -
    - Secondary 1 -
    -
    -
    - -
    -
    -
    + + + + +
    - - , -

    - Styled -

    , - .c2 { - padding: 0px 5px; - box-sizing: border-box; -} - -.c2 > * { - width: 100%; -} - -.c10 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c12 > * { - width: 33.333333%; - padding: 0px 5px; -} - -.c4 { - display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c4 > * { - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; -} - -.c8 { - font-size: 70%; -} - -.c8.disabled { - color: #686868; -} - -.c6 { - cursor: pointer; - width: 100%; - height: 100%; -} - -.c6 svg, -.c6 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; -} - -.c6.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); -} - -.c6.disabled { - cursor: default; -} - -.c6.disabled svg { - fill: #ccc; -} - -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; -} - -.c0 .c3 { - background: #eee; -} - -.c0 .c5 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; - outline: none; -} - -.c0 .c5.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); -} - -.c0 .c7 { - padding: 4px 0px 0px; - font-size: 10px; - line-height: 12px; -} - -.c0 .c7.active { - -webkit-text-decoration: underline; - text-decoration: underline; -} - -.c0 .c1 { - padding: 0px 5px; - font-size: 200%; - margin-bottom: 18px; - box-sizing: border-box; -} - -.c0 .c1 > * { - width: 100%; - height: 55px; -} - -.c0 .c9 { - margin-bottom: 10px; -} - -.c0 .c9 > * { - font-size: 150%; - height: 46px; -} - -.c0 .c11 { - font-size: 90%; - margin-bottom: 10px; - text-align: center; -} - -.c0 .c11 > * { - height: 36px; -} - -
    -
    + + + +
  • -
    -
    -
    - - -
    -
    -
    + + + + otpUi.LocationField.parenthesisFormat + + + +
    • +
  • + + -
    - - -
    -
    + + + - -
    -
    • - -
    - - - - , -] + + + + + otpUi.LocationField.useCurrentLocation + + + + + + `; -exports[`Storyshots Trip Form Components Slider Selector 1`] = ` +exports[`Storyshots LocationIcon Custom Style For To 1`] = ` - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     +     `; -exports[`Storyshots Trip Form Components Slider Selector 2`] = ` -Array [ -

    - Plain -

    , - .c2 { - font-weight: normal; - padding-left: 6px; -} - -.c0 > div { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 10px; - position: relative; - width: 100%; -} - -.c0 > div > label { - display: block; - white-space: pre; -} - -.c0 input { - box-sizing: border-box; - cursor: pointer; - width: 100%; -} - -.c3 .c1 { - padding-top: 8px; - color: #fff; - font-weight: 100; +exports[`Storyshots LocationIcon Custom Style For To 2`] = ` +.c0 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -
    -
    -
    - - - -
    -
    -
    , -

    - Styled -

    , - .c3 { - font-weight: normal; - padding-left: 6px; +.c1 { + color: #f44256; } -.c1 > div { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 10px; - position: relative; - width: 100%; +.c2 { + color: blue; } -.c1 > div > label { - display: block; - white-space: pre; -} + +`; -.c1 input { - box-sizing: border-box; - cursor: pointer; - width: 100%; -} +exports[`Storyshots LocationIcon From 1`] = ` + + + +`; +exports[`Storyshots LocationIcon From 2`] = ` .c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c0 .c2 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c1 { + color: #333; } -
    -
    -
    -
    - - - -
    -
    -
    -
    , -] + `; -exports[`Storyshots Trip Form Components Submode Selector 1`] = ` +exports[`Storyshots LocationIcon Generic Place 1`] = ` - -

    - Plain -

    -
    - -
    -

    - Styled -

    -
    - - - -
    -     +     `; -exports[`Storyshots Trip Form Components Submode Selector 2`] = ` -Array [ -

    - Plain -

    , - .c1 { - font-weight: normal; - padding-left: 6px; -} - -.c3 { +exports[`Storyshots LocationIcon Generic Place 2`] = ` +.c0 { display: inline-block; - text-align: center; - box-sizing: border-box; -} - -.c3 > * { - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; -} - -.c5 { - cursor: pointer; - width: 100%; - height: 100%; -} - -.c5 svg, -.c5 img { vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; -} - -.c5.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); -} - -.c5.disabled { - cursor: default; -} - -.c5.disabled svg { - fill: #ccc; + overflow: hidden; } -.c6 .c0 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c1 { + color: #333; } -.c6 .c2 { - background: #eee; -} + +`; -.c6 .c4 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; - background: none; - outline: none; -} +exports[`Storyshots LocationIcon To 1`] = ` + + + +`; -.c6 .c4.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +exports[`Storyshots LocationIcon To 2`] = ` +.c0 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    , -

    - Styled -

    , - .c2 { - font-weight: normal; - padding-left: 6px; +.c1 { + color: #f44256; } -.c4 { - display: inline-block; - text-align: center; - box-sizing: border-box; -} + +`; -.c4 > * { - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; -} +exports[`Storyshots Map Popup Floating Vehicle Entity 1`] = ` + + + +`; -.c6 { - cursor: pointer; - width: 100%; - height: 100%; +exports[`Storyshots Map Popup Floating Vehicle Entity 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; } -.c6 svg, -.c6 img { - vertical-align: middle; - max-width: 1.25em; - margin: 0 0.25em; - height: 1.25em; +.c2 { + margin-top: 6px; } -.c6.active { - font-weight: 600; - box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; } -.c6.disabled { - cursor: default; +.c5 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c6.disabled svg { - fill: #ccc; +.c6 { + color: #333; } -.c0 { - font-family: Hind,sans-serif; - background-color: #333; - padding: 15px; +.c8 { + color: #f44256; } -.c0 .c1 { - padding-top: 8px; - color: #fff; - font-weight: 100; +.c4:first-of-type { + border-left: none; } -.c0 .c3 { - background: #eee; +.c3 > * { + padding-left: 0.4em; + border-left: 1px solid black; } -.c0 .c5 { - border: 1px solid rgb(187,187,187); - padding: 3px; - border-radius: 3px; - font-size: inherit; - font-family: inherit; - font-weight: inherit; +.c7 { background: none; - outline: none; + border: none; + color: navy; + font-family: inherit; + font-size: inherit; + line-height: inherit; + padding-left: 0.2em; } -.c0 .c5.active { - border: 2px solid rgb(0,0,0); - background-color: rgb(173,216,230); - font-weight: 600; - box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +.c7:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + cursor: pointer; } -
    -
    +
    + Free-floating bike: 0541 BIKETOWN +
    +

    + + Plan a trip: + + -

    - -
    + + -
    -
    - -
    -
    - -
    -
    -
    -
    - , -] + From here + + + + + + + +

    + `; -exports[`Storyshots Trip Form Components/Metro Mode Selector Metro Mode Selector 1`] = ` +exports[`Storyshots Map Popup Station Entity 1`] = ` - `; -exports[`Storyshots Trip Form Components/Metro Mode Selector Metro Mode Selector 2`] = ` -.c2 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c3 { - display: inline-block; - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - height: 0; - overflow: hidden; - position: absolute; - width: 0; -} - +exports[`Storyshots Map Popup Station Entity 2`] = ` .c0 { - border: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 0 3px; - margin: 0 4px 0 0; - padding: 0; + font-size: 12px; + line-height: 1.5; + min-width: 250px; } -.c0 > legend { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - height: 0; - overflow: hidden; - position: absolute; - width: 0; +.c2 { + margin-top: 6px; } .c1 { - position: relative; + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; } -.c1 > label { - background: #fff; - border-radius: 5px; - border: 2px solid #666; - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0.75rem 0.75rem; - -webkit-transition: all 250ms cubic-bezier(0.27,0.01,0.38,1.06); - transition: all 250ms cubic-bezier(0.27,0.01,0.38,1.06); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - aspect-ratio: 1/1; +.c5 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -.c1:not(:last-of-type) > label { - border-bottom-right-radius: 0; - border-top-right-radius: 0; +.c6 { + color: #333; } -.c1:not(:first-of-type) > label { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.c8 { + color: #f44256; } -.c1 > label:hover { - background: #eee; - border-color: #333; - box-shadow: rgba(0,0,0,0.1) 0 0 20px; +.c4:first-of-type { + border-left: none; } -.c1 > input { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - height: 0; - overflow: hidden; - position: absolute; - width: 0; - left: -20px; - position: absolute; +.c3 > * { + padding-left: 0.4em; + border-left: 1px solid black; } -.c1 > button { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - height: 0; - overflow: hidden; - position: absolute; - width: 0; +.c7 { background: none; border: none; - bottom: 0; - left: 4px; - position: absolute; - right: 4px; -} - -.c1 > button:focus { - -webkit-clip: initial; - clip: initial; - height: initial; - width: initial; -} - -.c1 > input:checked + label { - background: #666; -} - -.c1 > input:checked + label, -.c1 > input:checked ~ button { - color: white; - fill: currentcolor; -} - -.c1 > input:focus + label { - outline: 5px auto blue; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -4px; -} - -.c1 > input:checked + label:hover { - background: #333; -} - -.c1 > label > svg { - color: #666; - display: inline-block; - height: 32px; - margin: auto; - vertical-align: middle; - width: 32px; - fill: currentcolor; + color: navy; + font-family: inherit; + font-size: inherit; + line-height: inherit; + padding-left: 0.2em; } -.c1 > input:checked + label > svg { - color: #eee; +.c7:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + cursor: pointer; } -
    - - Select a transit mode - - - - - - Transit settings + + - - - +

    + +`; + +exports[`Storyshots Map Popup Stop Entity 1`] = ` + + + +`; + +exports[`Storyshots Map Popup Stop Entity 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; +} + +.c2 { + margin-top: 6px; +} + +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; +} + +.c6 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c7 { + color: #333; +} + +.c9 { + color: #f44256; +} + +.c5:first-of-type { + border-left: none; +} + +.c4 > * { + padding-left: 0.4em; + border-left: 1px solid black; +} + +.c8 { + background: none; + border: none; + color: navy; + font-family: inherit; + font-size: inherit; + line-height: inherit; + padding-left: 0.2em; +} + +.c8:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + cursor: pointer; +} + +.c3 { + background: none; + border-bottom: none; + border-left: 1px solid #000; + border-right: none; + border-top: none; + color: #008; + font-family: inherit; + margin-left: 5px; + padding-top: 0; +} + +
    +
    - - + W Burnside & SW 2nd +
    +

    + + Stop ID: 9526 + - - +

    - - - - Bike settings - - - - - - - - - Drive settings - - - -

    + +

    + `; -exports[`Storyshots TripDetails Bike Only Itinerary 1`] = ` +exports[`Storyshots Map Popup Stop Entity No Handlers 1`] = ` - + +`; + +exports[`Storyshots Map Popup Stop Entity No Handlers 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; +} + +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; +} + +
    +
    + W Burnside & SW 2nd +
    +
    +`; + +exports[`Storyshots ParkAndRideOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots ParkAndRideOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay Default 1`] = ` + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 2 1`] = ` + + + + + + + + - -`; - -exports[`Storyshots TripDetails Bike Only Itinerary 2`] = ` -.c4 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c7 { - background: transparent; - border: 0; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - margin: 0; - padding: 0; - -webkit-text-decoration: none; - text-decoration: none; - touch-action: manipulation; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; -} - -.c9 { - color: #00f; - font-size: 16px; - margin-left: 6px; - margin-top: -2px; -} - -.c8 { - float: right; -} - -.c2 { - margin-top: 6px; -} - -.c6 { - background-color: #fff; - border: 1px solid #888; - font-size: 12px; - margin-top: 2px; - padding: 8px; -} - -.c3 { - float: left; - font-size: 17px; -} + "code": null, + "color": "#7eafd7", + "geometries": Object { + "geoJson": Object { + "coordinates": Array [ + Array [ + Array [ + -84.7046, + 33.8678, + ], + Array [ + -84.6955, + 33.8647, + ], + Array [ + -84.6873, + 33.8616, + ], + Array [ + -84.6857, + 33.8598, + ], + Array [ + -84.6851, + 33.8597, + ], + Array [ + -84.6845, + 33.8596, + ], + Array [ + -84.6819, + 33.8595, + ], + Array [ + -84.68, + 33.8593, + ], + Array [ + -84.6773, + 33.8588, + ], + Array [ + -84.6723, + 33.8589, + ], + Array [ + -84.671, + 33.8589, + ], + Array [ + -84.6667, + 33.8607, + ], + Array [ + -84.6609, + 33.8599, + ], + Array [ + -84.6571, + 33.8597, + ], + Array [ + -84.6537, + 33.8598, + ], + Array [ + -84.6506, + 33.8588, + ], + Array [ + -84.6486, + 33.8584, + ], + Array [ + -84.6465, + 33.8586, + ], + Array [ + -84.6436, + 33.8606, + ], + Array [ + -84.6322, + 33.867, + ], + Array [ + -84.6189, + 33.8492, + ], + Array [ + -84.6148, + 33.8515, + ], + Array [ + -84.6136, + 33.8505, + ], + Array [ + -84.6117, + 33.8515, + ], + Array [ + -84.6122, + 33.8524, + ], + Array [ + -84.61, + 33.8525, + ], + Array [ + -84.61, + 33.8531, + ], + Array [ + -84.6044, + 33.8533, + ], + Array [ + -84.6, + 33.8589, + ], + Array [ + -84.6076, + 33.8599, + ], + Array [ + -84.6069, + 33.8542, + ], + Array [ + -84.6131, + 33.8542, + ], + Array [ + -84.6152, + 33.8557, + ], + Array [ + -84.6245, + 33.8656, + ], + Array [ + -84.6267, + 33.8663, + ], + Array [ + -84.632, + 33.8681, + ], + Array [ + -84.6334, + 33.8691, + ], + Array [ + -84.6348, + 33.8711, + ], + Array [ + -84.6462, + 33.8762, + ], + Array [ + -84.6512, + 33.8768, + ], + Array [ + -84.697, + 33.8762, + ], + Array [ + -84.697, + 33.8675, + ], + Array [ + -84.6994, + 33.8685, + ], + Array [ + -84.7041, + 33.8697, + ], + Array [ + -84.7046, + 33.8678, + ], + ], + ], + "type": "Polygon", + }, + }, + "id": "Cobb-flex:zone_1", + "lat": 33.8666514, + "locationType": "STOP", + "lon": -84.6595585, + "name": "Flex Zone 1", + }, + ] + } + symbols={Array []} + visible={true} + /> + + + + + + +`; +exports[`Storyshots RouteViewerOverlay Flex Route 2 2`] = ` .c0 { - background-color: #eee; - border-radius: 6px; - margin-bottom: 15px; - margin-top: 16px; - padding: 10px 16px; -} - -.c1 { - font-size: 18px; - font-weight: 600; - margin: 0; -} - -.c5 { - margin-left: 28px; - padding-top: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - white-space: pre; + height: 90vh; }
    -

    - Trip Details -

    -
    -
    - -
    -
    - - Depart - - November 13, 2019 - - at - - 3:42 PM - - -
    -
    -
    -
    - -
    -
    -
    -
    -
    +
    +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 3 1`] = ` + + + -
    - -
    -
    - Time Spent Active: - - 7 minutes - - -
    -
    + -
    -
    - - By taking this trip, you'll spend - - 0 minutes - - walking and - - 7 minutes - - biking. - -
    -
    -
    -
    -
    -
    - -
    -
    - - CO₂ Emitted: - - 19g - - - -
    -
    + -
    -
    - - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . -
    -
    -
    -
    -
    + symbols={Array []} + visible={true} + /> + + + + +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 3 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    `; -exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = ` +exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 1`] = ` - + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay With Changing Path 1`] = ` + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay With Changing Path 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay With Path Styling 1`] = ` + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay With Path Styling 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopViewerOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots StopViewerOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopViewerOverlay With Custom Marker 1`] = ` + + + + + + + +`; + +exports[`Storyshots StopViewerOverlay With Custom Marker 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopsOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots StopsOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopsOverlay Flex Stops 1`] = ` + + + + + + + + + + + +`; + +exports[`Storyshots StopsOverlay Flex Stops 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopsOverlay No Min Zoom 1`] = ` + + + + + + With MapLibreGL, strong performance can be achieved without needing to rely on minZoom + + + + + + +`; + +exports[`Storyshots StopsOverlay No Min Zoom 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TripDetails Bike Only Itinerary 1`] = ` + + `; -exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 2`] = ` -.c2 { +exports[`Storyshots TripDetails Bike Only Itinerary 2`] = ` +.c4 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c1 th { - font-weight: normal; - min-width: 5ch; - padding: 0.75em 1.5em; - text-align: center; +.c7 { + background: transparent; + border: 0; + cursor: pointer; + display: inline-block; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + margin: 0; + padding: 0; + -webkit-text-decoration: none; + text-decoration: none; + touch-action: manipulation; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; } -.c1 th:nth-of-type(2n + 1) { - background: #cccccc22; +.c9 { + color: #00f; + font-size: 16px; + margin-left: 6px; + margin-top: -2px; } -.c1 th.main { - background: #333333; - color: #ffffffcc; +.c8 { + float: right; } -.c0 { - border-collapse: collapse; - display: block; - margin-bottom: 16px; - padding: 0; +.c2 { + margin-top: 6px; } -.c0 td { - text-align: right; +.c6 { + background-color: #fff; + border: 1px solid #888; + font-size: 12px; + margin-top: 2px; + padding: 8px; } -.c0 td:nth-of-type(2n + 1) { - background: #cccccc22; +.c3 { + float: left; + font-size: 17px; } -.c0 td.no-zebra { - background: none; +.c0 { + background-color: #eee; + border-radius: 6px; + margin-bottom: 15px; + margin-top: 16px; + padding: 10px 16px; } -.c0 th:first-of-type { - height: 40px; +.c1 { + font-size: 18px; + font-weight: 600; + margin: 0; } -.c3 { - padding-left: 4px; +.c5 { + margin-left: 28px; + padding-top: 2px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: baseline; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + white-space: pre; } -
    - +

    -

    +
    +
    -
    - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.regular - - - - otpUi.TripDetails.FareTable.cash - -
    - $5.75 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $3.00 -     		- - otpUi.TripDetails.FareTable.special - -
    - $1.50 -
    - 347 - - $2.75 - - $2.75 - - $1.50 -
    - 1-Line - - $3.00 - - - $0.25 - +
    + + Depart + + November 13, 2019 + + at + + 3:42 PM + + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    - - $0.00 -
    - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.youth - - - - otpUi.TripDetails.FareTable.cash - -
    - $0.00 -     		+
    + Time Spent Active: - otpUi.TripDetails.FareTable.electronic + 7 minutes -
    - $0.00 -
    - 347 - - $0.00 - - $0.00 -
    - 1-Line - - $0.00 - + + + +
    - $0.00 -
    - - +
    + + By taking this trip, you'll spend + + 0 minutes + + walking and + + 7 minutes + + biking. + +
    + + + +
    -
    - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.senior - - - - otpUi.TripDetails.FareTable.cash - -
    - $2.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $1.00 -
    - 347 - - $1.00 - - $1.00 -
    - 1-Line - - $1.00 - - - $0.00 -
    +
    +
    + + CO₂ Emitted: + + 19g + + + +
    +
    +
    +
    + + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + . +
    +
    +
    +
    +
    `; -exports[`Storyshots TripDetails Leg Fare Products Itinerary 1`] = ` +exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = ` - `; -exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` -.c4 { +exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 2`] = ` +.c2 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c7 { - background: transparent; - border: 0; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - margin: 0; - padding: 0; - -webkit-text-decoration: none; - text-decoration: none; - touch-action: manipulation; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; -} - -.c13 { - color: #00f; - font-size: 16px; - margin-left: 6px; - margin-top: -2px; -} - -.c8 { - float: right; -} - -.c9 { - display: inline-block; -} - -.c9 > span { - display: block; - padding-left: 1.75ch; -} - -.c2 { - margin-top: 6px; -} - -.c6 { - background-color: #fff; - border: 1px solid #888; - font-size: 12px; - margin-top: 2px; - padding: 8px; -} - -.c3 { - float: left; - font-size: 17px; -} - -.c0 { - background-color: #eee; - border-radius: 6px; - margin-bottom: 15px; - margin-top: 16px; - padding: 10px 16px; -} - -.c1 { - font-size: 18px; - font-weight: 600; - margin: 0; -} - -.c5 { - margin-left: 28px; - padding-top: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - white-space: pre; -} - -.c11 th { +.c1 th { font-weight: normal; min-width: 5ch; padding: 0.75em 1.5em; text-align: center; } -.c11 th:nth-of-type(2n + 1) { +.c1 th:nth-of-type(2n + 1) { background: #cccccc22; } -.c11 th.main { +.c1 th.main { background: #333333; color: #ffffffcc; } -.c10 { +.c0 { border-collapse: collapse; display: block; margin-bottom: 16px; padding: 0; } -.c10 td { +.c0 td { text-align: right; } -.c10 td:nth-of-type(2n + 1) { +.c0 td:nth-of-type(2n + 1) { background: #cccccc22; } -.c10 td.no-zebra { +.c0 td.no-zebra { background: none; } -.c10 th:first-of-type { +.c0 th:first-of-type { height: 40px; } -.c12 { +.c3 { padding-left: 4px; } -
    -

    - Trip Details -

    -
    -
    + + -
    - -
    -
    + otpUi.TripDetails.FareTable.regular + + +
    + + + + + + + + + + + + + +
    - - Depart - - May 26, 2023 - - at - - 3:23 PM - - - -
    + otpUi.TripDetails.FareTable.cash + +
    + $5.75 +
    		-
    -
    - -
    -
    - - -
    -
    + otpUi.TripDetails.FareTable.electronic + +
    + $3.00 +
    		+ + otpUi.TripDetails.FareTable.special + +
    + $1.50 +
    + 347 + + $2.75 + + $2.75 + + $1.50 +
    + 1-Line + + $3.00 + - -
    - -
    - - Transit Fare - : - - $5.75 - - -
    - - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.regular - - - - otpUi.TripDetails.FareTable.cash - -
    - $5.75 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $3.00 -     		- - otpUi.TripDetails.FareTable.special - -
    - $1.50 -
    - - $2.75 - - $2.75 - - $1.50 -
    - - $3.00 - - - - $0.25 - - - - $0.00 -
    - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.youth - - - - otpUi.TripDetails.FareTable.cash - -
    - $0.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $0.00 -
    - - $0.00 - - $0.00 -
    - - $0.00 - - $0.00 -
    - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.senior - - - - otpUi.TripDetails.FareTable.cash - -
    - $2.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $1.00 -
    - - $1.00 - - $1.00 -
    - - $1.00 - - - - $0.00 -
    -
    -
    -     -
    -
    -
    -
    - -
    -
    -
    - -
    -
    +
    		- -
    +
    + + + + + + + + + + + + + + + +
    - Time Spent Active: - 41 minutes + otpUi.TripDetails.FareTable.youth - - -
    +
    		-
    -
    - - By taking this trip, you'll spend - - 41 minutes - - walking and - - 0 minutes - - biking. - -
    -
    - - -
    + otpUi.TripDetails.FareTable.cash + +
    + $0.00 +
    		+ + otpUi.TripDetails.FareTable.electronic + +
    + $0.00 +
    + 347 + + $0.00 + + $0.00 +
    + 1-Line + + $0.00 + + $0.00 +
    + + -
    + + otpUi.TripDetails.FareTable.senior + + +
    + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.cash + +
    + $2.00 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $1.00 +
    + 347 + + $1.00 + + $1.00 +
    + 1-Line + + $1.00 + - -
    - - CO₂ Emitted: - - 2,699g - - - -
    -
    -
    -
    - - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . -
    -
    -
    - - + + $0.00 +
    `; -exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 1`] = ` +exports[`Storyshots TripDetails Leg Fare Products Itinerary 1`] = ` - -`; - -exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` -.c4 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c7 { - background: transparent; - border: 0; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - margin: 0; - padding: 0; - -webkit-text-decoration: none; - text-decoration: none; - touch-action: manipulation; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; -} - -.c9 { - color: #00f; - font-size: 16px; - margin-left: 6px; - margin-top: -2px; -} - -.c8 { - float: right; -} - -.c2 { - margin-top: 6px; -} - -.c6 { - background-color: #fff; - border: 1px solid #888; - font-size: 12px; - margin-top: 2px; - padding: 8px; -} - -.c3 { - float: left; - font-size: 17px; -} - -.c0 { - background-color: #eee; - border-radius: 6px; - margin-bottom: 15px; - margin-top: 16px; - padding: 10px 16px; -} - -.c1 { - font-size: 18px; - font-weight: 600; - margin: 0; -} - -.c5 { - margin-left: 28px; - padding-top: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - white-space: pre; -} - -
    -

    - Trip Details -

    -
    -
    -
    - -
    -
    - - Depart - - June 15, 2022 - - at - - 9:15 AM - - -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    - Time Spent Active: - - 5 minutes - - -
    -
    -
    -
    - - By taking this trip, you'll spend - - 5 minutes - - walking and - - 0 minutes - - biking. - -
    -
    -
    -
    -
    -
    - -
    -
    - - CO₂ Emitted: - - 7g - - - -
    -
    -
    -
    - - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . -
    -
    -
    -
    -
    -
    -`; - -exports[`Storyshots TripDetails OTP 2 Flex Itinerary 1`] = ` - - `; -exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` +exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` .c4 { display: inline-block; vertical-align: middle; @@ -244982,7 +28104,7 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` white-space: nowrap; } -.c9 { +.c13 { color: #00f; font-size: 16px; margin-left: 6px; @@ -244993,6 +28115,15 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` float: right; } +.c9 { + display: inline-block; +} + +.c9 > span { + display: block; + padding-left: 1.75ch; +} + .c2 { margin-top: 6px; } @@ -245038,6 +28169,49 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` white-space: pre; } +.c11 th { + font-weight: normal; + min-width: 5ch; + padding: 0.75em 1.5em; + text-align: center; +} + +.c11 th:nth-of-type(2n + 1) { + background: #cccccc22; +} + +.c11 th.main { + background: #333333; + color: #ffffffcc; +} + +.c10 { + border-collapse: collapse; + display: block; + margin-bottom: 16px; + padding: 0; +} + +.c10 td { + text-align: right; +} + +.c10 td:nth-of-type(2n + 1) { + background: #cccccc22; +} + +.c10 td.no-zebra { + background: none; +} + +.c10 th:first-of-type { + height: 40px; +} + +.c12 { + padding-left: 4px; +} +
    @@ -245082,11 +28256,11 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` > Depart - June 22, 2022 + May 26, 2023 at - 4:59 PM + 3:23 PM
    @@ -245133,6 +28307,356 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = `
    +
    +
    + +
    +
    + +
    + + Transit Fare + : + + $5.75 + + +
    + + + + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.regular + + + + otpUi.TripDetails.FareTable.cash + +
    + $5.75 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $3.00 +     		+ + otpUi.TripDetails.FareTable.special + +
    + $1.50 +
    + + $2.75 + + $2.75 + + $1.50 +
    + + $3.00 + + + + $0.25 + + + + $0.00 +
    + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.youth + + + + otpUi.TripDetails.FareTable.cash + +
    + $0.00 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $0.00 +
    + + $0.00 + + $0.00 +
    + + $0.00 + + $0.00 +
    + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.senior + + + + otpUi.TripDetails.FareTable.cash + +
    + $2.00 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $1.00 +
    + + $1.00 + + $1.00 +
    + + $1.00 + + + + $0.00 +
    +
    +
    +     +
    +
    +
    +
    + +
    +
    +
    +
    Time Spent Active: - 12 minutes + 41 minutes
    -
    -
    - -
    -
    - - This trip includes flexible routes. This is the first pickup booking info message. This is the first dropoff booking info message. - -
    -
    -
    -
    - -
    -
    -
    -
    `; -exports[`Storyshots TripDetails Styled Itinerary 1`] = ` +exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 1`] = ` - `; -exports[`Storyshots TripDetails Styled Itinerary 2`] = ` -.c6 { +exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` +.c4 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c9 { +.c7 { background: transparent; border: 0; cursor: pointer; @@ -245865,22 +29200,22 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` white-space: nowrap; } -.c11 { +.c9 { color: #00f; font-size: 16px; margin-left: 6px; margin-top: -2px; } -.c10 { +.c8 { float: right; } -.c4 { +.c2 { margin-top: 6px; } -.c8 { +.c6 { background-color: #fff; border: 1px solid #888; font-size: 12px; @@ -245888,7 +29223,7 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` padding: 8px; } -.c5 { +.c3 { float: left; font-size: 17px; } @@ -245901,13 +29236,13 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` padding: 10px 16px; } -.c3 { +.c1 { font-size: 18px; font-weight: 600; margin: 0; } -.c7 { +.c5 { margin-left: 28px; padding-top: 2px; display: -webkit-box; @@ -245921,15 +29256,11 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` white-space: pre; } -.c1 .c2 { - background-color: pink; -} -

    Trip Details @@ -245938,16 +29269,16 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` className="styled__TripDetailsBody-sc-6q2ok2-16" >
    Depart - November 13, 2019 + June 15, 2022 at - 3:44 PM + 9:15 AM
    @@ -245992,17 +29323,17 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` >
    Time Spent Active: - 2 minutes + 5 minutes
    CO₂ Emitted: - 61g + 7g
    @@ -246868,12 +30485,12 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` fill="currentColor" focusable="false" height={17} - viewBox="0 0 640 512" + viewBox="0 0 512 512" width={17} xmlns="http://www.w3.org/2000/svg" > @@ -246881,30 +30498,15 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
    - - - - uber - - Fare: - - $34.00 - - - $37.00 - - - + Time Spent Active: + + 12 minutes + - Custom details about fares (transitFares: - ) - - (cents), can be constructed dynamically using any markup. + By taking this trip, you'll spend + + 12 minutes + + walking and + + 0 minutes + + biking. +
    @@ -246987,12 +30595,12 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` fill="currentColor" focusable="false" height={17} - viewBox="0 0 512 512" + viewBox="0 0 576 512" width={17} xmlns="http://www.w3.org/2000/svg" > @@ -247000,15 +30608,19 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
    - Time Spent Active: - - 2 minutes - + + CO₂ Emitted: + + 4,682g + + - By taking this trip, you'll spend - - 2 minutes - - walking and - - 0 minutes - - biking. - + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + .

    @@ -247097,12 +30708,12 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` fill="currentColor" focusable="false" height={17} - viewBox="0 0 576 512" + viewBox="0 0 512 512" width={17} xmlns="http://www.w3.org/2000/svg" > @@ -247111,38 +30722,10 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` className="c5" > - CO₂ Emitted: - - 319g - + This trip includes flexible routes. This is the first pickup booking info message. This is the first dropoff booking info message. -
    - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - .
    @@ -247200,67 +30774,35 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
    `; -exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 1`] = ` +exports[`Storyshots TripDetails Styled Itinerary 1`] = ` Leave at {departureDate, time, short} on {departureDate, date, long}", - "otpUi.TripDetails.title": "Custom Trip Details Title", - "otpUi.TripDetails.tncFare": "Pay {minTNCFare}-{maxTNCFare} to {companies}", - } - } + messages={Object {}} onError={[Function]} textComponent={Symbol(react.fragment)} > `; -exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = ` +exports[`Storyshots TripDetails Styled Itinerary 2`] = ` .c6 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c8 { +.c9 { background: transparent; border: 0; cursor: pointer; @@ -247672,26 +31203,22 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = white-space: nowrap; } -.c9 { +.c11 { color: #00f; font-size: 16px; margin-left: 6px; margin-top: -2px; } -.c11 { +.c10 { float: right; } -.c12 { - text-transform: capitalize; -} - .c4 { margin-top: 6px; } -.c10 { +.c8 { background-color: #fff; border: 1px solid #888; font-size: 12px; @@ -247743,127 +31270,11 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = className="c2 c3" id="trip-details-header" > - Custom Trip Details Title + Trip Details -
    -
    -
    - -
    -
    - - - Leave - - at - - 10:58 AM - - on - - May 23, 2023 - - - -
    -
    -
    -
    - - Custom messages about - - May 23, 2023 - - can be constructed dynamically using any markup. -
    -
    -
    -
    +
    @@ -247892,24 +31303,16 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = className="c7" > - - Pay - - $34.00 - - - $37.00 - - to - - uber - - + Depart + + November 13, 2019 + + at + + 3:44 PM +
    - Custom message about - active minutes. + By taking this trip, you'll spend + + 2 minutes + + walking and + + 0 minutes + + biking. +
    @@ -248089,14 +31500,14 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = > CO₂ Emitted: - 319g + 61g
    `; -exports[`Storyshots TripDetails Walk Only Itinerary 1`] = ` +exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = ` `; -exports[`Storyshots TripDetails Walk Only Itinerary 2`] = ` +exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` .c4 { display: inline-block; vertical-align: middle; @@ -248350,7 +32037,7 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = ` white-space: nowrap; } -.c9 { +.c10 { color: #00f; font-size: 16px; margin-left: 6px; @@ -248361,6 +32048,10 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = ` float: right; } +.c9 { + text-transform: capitalize; +} + .c2 { margin-top: 6px; } @@ -248450,11 +32141,11 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = ` > Depart - December 13, 2019 + May 23, 2023 at - 11:29 AM + 10:58 AM @@ -248501,6 +32192,125 @@ exports[`Storyshots TripDetails Walk Only Itinerary 2`] = ` +
    +
    + +
    +
    + + + + uber + + Fare: + + $34.00 + - + $37.00 + + + + +
    +
    +
    +
    + + Custom details about fares (transitFares: + ) + + (cents), can be constructed dynamically using any markup. +
    +
    +
    +
    Time Spent Active: - 1 minute + 2 minutes
    + Custom messages about + + May 23, 2023 + + can be constructed dynamically using any markup.
    +
    +
    + + + Pay + + $34.00 + - + $37.00 + + to + + uber + + + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    Time Spent Active: @@ -249343,14 +33328,14 @@ exports[`Storyshots TripDetails Walk Transit Walk Itinerary 2`] = ` aria-controls="mocked-random-id" aria-expanded={false} aria-label="otpUi.TripDetails.showDetail" - className="c7 c9" + className="c8 c9" id="expand-button" onClick={[Function]} tabIndex={0} >
    - By taking this trip, you'll spend - - 2 minutes - - walking and - - 0 minutes - - biking. - + Custom message about + active minutes.
    CO₂ Emitted: - 61g + 319g - - - - - -
    + -webkit-align-items: baseline; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + white-space: pre; +} + +
    +

    + Trip Details +

    -
    - -
    -
    - -
    -
    -
    -
    -
    +
    - Buses + Depart + + December 13, 2019 + + at + + 11:29 AM + - - +
    +
    +
    +
    +
    +
    - Image for MAX and Portland Streetcar - +
    + Time Spent Active: + + 1 minute + + +
    +
    +
    - MAX and Portland Streetcar - - - + By taking this trip, you'll spend + + 1 minute + + walking and + + 0 minutes + + biking. + +
    +
    +
    +
    +
    +
    - Image for WES Commuter Rail +
    +
    - WES Commuter Rail + CO₂ Emitted: + + 1g + - + +
    +
    +
    +
    + + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + . +
    +
    +
    `; -exports[`Storyshots TripOptions Default 1`] = ` +exports[`Storyshots TripDetails Walk Transit Walk Itinerary 1`] = ` - - - + } + /> `; -exports[`Storyshots TripOptions Default 2`] = ` -.c3 { +exports[`Storyshots TripDetails Walk Transit Walk Itinerary 2`] = ` +.c4 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c13 { - font-weight: normal; - padding-left: 6px; -} - -.c12 > div { - width: 50%; - display: inline-block; - box-sizing: border-box; - position: relative; -} - -.c12 select { - width: 100%; - box-sizing: border-box; +.c7 { + background: transparent; + border: 0; cursor: pointer; -} - -.c0 { - background-color: #0d5eac; - color: white; - font-weight: 40; - max-width: 992px; - min-height: 400px; -} - -.c11 { - max-width: 700px; - padding: 12px; -} - -.c14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; -} - -.c14 > button { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.c5 { - border-radius: 50%; - height: 2.5em; - margin-bottom: 10px; - width: 2.5em; - z-index: 10; - background-color: rgb(84,174,88); - color: white; + display: inline-block; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + margin: 0; + padding: 0; + -webkit-text-decoration: none; + text-decoration: none; + touch-action: manipulation; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; } .c9 { - border-radius: 50%; - height: 2.5em; - margin-bottom: 10px; - width: 2.5em; - z-index: 10; -} - -.c16 { - max-width: 100%; -} - -.c7 ~ .c4, -.c7 ~ .c8 { - height: 1.5em; - margin-bottom: -1em; - position: relative; - right: -30px; - top: -50px; - width: 1.5em; -} - -.c7 svg { - fill: white; - height: 3em; - position: relative; - width: 3em; -} - -.c2 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0,0,0,0); - border: none; - color: white; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - min-width: 77px; - opacity: 1; - padding: 20px 0px; - white-space: pre-wrap; -} - -.c6 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0,0,0,0); - border: none; - color: white; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - min-width: 50px; - opacity: 0.65; - padding: 20px 0px; - white-space: pre-wrap; -} - -.c10 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0,0,0,0); - border: none; - color: white; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - min-width: 77px; - opacity: 0.65; - padding: 20px 0px; - white-space: pre-wrap; -} - -.c15 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0,0,0,0); - border: none; - color: white; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - min-width: 77px; - opacity: 1; - padding: 20px 0px; - white-space: pre-wrap; - margin: 20px 0; - position: relative; -} - -.c15 .c8 { - background: #0d5eac; -} - -.c15 .c4, -.c15 .c8 { - position: absolute; - right: 5.5%; - top: 11%; -} - -.c1 { - background-color: #0a4c8d; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - overflow-x: scroll; - padding: 0 12px; - -ms-overflow-style: none; - -webkit-scrollbar-width: none; - -moz-scrollbar-width: none; - -ms-scrollbar-width: none; - scrollbar-width: none; -} - -.c1 > button { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-right: 24px; -} - -.c1:hover > button:hover { - opacity: 1; -} - -.c1:hover > button:hover svg { - opacity: 1; -} - -.c1::-webkit-scrollbar { - display: none; -} - -@media (max-width:768px) { - .c15 .c4, - .c15 .c8 { - max-height: 20px; - max-width: 20px; - } -} - -
    -
    - - - - - - -
    -
    -
    + Depart + + November 13, 2019 + + at + + 3:44 PM + + +
    -
    - -
    -
    - + + +
    - +
    +
    +
    - Buses - - - + By taking this trip, you'll spend + + 2 minutes + + walking and + + 0 minutes + + biking. + +
    +
    + + +
    +
    - Image for MAX and Portland Streetcar +
    +
    - MAX and Portland Streetcar + CO₂ Emitted: + + 61g + - - +
    +
    +
    - WES Commuter Rail - - +
    + + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + . +
    +
    +
    @@ -274591,108 +58015,3 @@ exports[`Storyshots VehicleRentalOverlay Rental E Scooters With Custom Naming 2` /> `; - -exports[`Storyshots ZoomBasedMarkers Symbols For Different Zoom Levels 1`] = ` - - - -`; - -exports[`Storyshots ZoomBasedMarkers Symbols For Different Zoom Levels 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; - -exports[`Storyshots ZoomBasedMarkers Transformed Symbols 1`] = ` - - - -`; - -exports[`Storyshots ZoomBasedMarkers Transformed Symbols 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    -
    -`; diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx index fdfd3f2ab..257137385 100644 --- a/packages/itinerary-body/src/AccessLegBody/index.tsx +++ b/packages/itinerary-body/src/AccessLegBody/index.tsx @@ -72,8 +72,8 @@ class AccessLegBody extends Component { mapillaryKey, setLegDiagram, showElevationProfile, - TransitLegSubheader, - showLegIcon + showLegIcon, + TransitLegSubheader } = this.props; const { expanded } = this.state; diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx index f6362f431..135fa77d9 100755 --- a/packages/itinerary-body/src/ItineraryBody/index.tsx +++ b/packages/itinerary-body/src/ItineraryBody/index.tsx @@ -28,6 +28,7 @@ const ItineraryBody = ({ mapillaryKey, PlaceName, RouteDescription, + RouteDescriptionFooter, routingType = "ITINERARY", setActiveLeg, setLegDiagram, @@ -40,7 +41,7 @@ const ItineraryBody = ({ TimeColumnContent, toRouteAbbreviation = defaultRouteAbbr, TransitLegSubheader, - TransitLegSummary + TransitLegSummary, }: ItineraryBodyProps): ReactElement => { /* TODO: replace component should update logic? companies is simply used to @@ -76,6 +77,7 @@ const ItineraryBody = ({ mapillaryKey={mapillaryKey} PlaceName={PlaceName} RouteDescription={RouteDescription} + RouteDescriptionFooter={RouteDescriptionFooter} routingType={routingType} setActiveLeg={setActiveLeg} setLegDiagram={setLegDiagram} diff --git a/packages/itinerary-body/src/ItineraryBody/place-row.tsx b/packages/itinerary-body/src/ItineraryBody/place-row.tsx index 0d6d38bd4..73d6168b0 100755 --- a/packages/itinerary-body/src/ItineraryBody/place-row.tsx +++ b/packages/itinerary-body/src/ItineraryBody/place-row.tsx @@ -35,6 +35,7 @@ export default function PlaceRow({ mapillaryKey, PlaceName, RouteDescription, + RouteDescriptionFooter, setActiveLeg, setLegDiagram, setViewedTrip, @@ -141,6 +142,7 @@ export default function PlaceRow({ LegIcon={LegIcon} legIndex={legIndex} RouteDescription={RouteDescription} + RouteDescriptionFooter={RouteDescriptionFooter} setActiveLeg={setActiveLeg} setViewedTrip={setViewedTrip} showAgencyInfo={showAgencyInfo} diff --git a/packages/itinerary-body/src/TransitLegBody/index.tsx b/packages/itinerary-body/src/TransitLegBody/index.tsx index c408afce4..dfa363e7f 100644 --- a/packages/itinerary-body/src/TransitLegBody/index.tsx +++ b/packages/itinerary-body/src/TransitLegBody/index.tsx @@ -20,6 +20,7 @@ import { Duration } from "../defaults"; import * as S from "../styled"; import { RouteDescriptionProps, + RouteDescriptionFooterProps, SetActiveLegFunction, SetViewedTripFunction, TransitLegSubheaderProps, @@ -42,6 +43,7 @@ interface Props { LegIcon: LegIconComponent; legIndex: number; RouteDescription: FunctionComponent; + RouteDescriptionFooter: FunctionComponent; setActiveLeg: SetActiveLegFunction; setViewedTrip: SetViewedTripFunction; showAgencyInfo: boolean; @@ -135,6 +137,7 @@ class TransitLegBody extends Component { legDestination, LegIcon, RouteDescription, + RouteDescriptionFooter, setViewedTrip, showAgencyInfo, showViewTripButton, @@ -228,6 +231,7 @@ class TransitLegBody extends Component { + {RouteDescriptionFooter && }
    { + onClick(); + }} + > + Arrives in {waitMinutes} minutes + + ); +} \ No newline at end of file diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx index 020e731e1..c1cb022e5 100644 --- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx @@ -1,5 +1,6 @@ import { FareProductSelector, Itinerary } from "@opentripplanner/types"; -import React, { ReactElement } from "react"; +import React, { FunctionComponent, ReactElement } from "react"; +import RouteDescriptionFooterWithWaitTimes from "./components"; import ItineraryBody from ".."; import { @@ -67,6 +68,7 @@ function OtpRRItineraryBodyWrapper({ LineColumnContent={OtpRRLineColumnContent} PlaceName={OtpRRPlaceName} RouteDescription={OtpRRRouteDescription} + RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes} showAgencyInfo showLegIcon showMapButtonColumn={false} diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx index a4eaba97c..3c83db0d2 100644 --- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx @@ -2,6 +2,7 @@ import React, { ReactElement } from "react"; import { Bomb } from "@styled-icons/fa-solid/Bomb"; import { Bolt } from "@styled-icons/fa-solid/Bolt"; import styled from "styled-components"; +import RouteDescriptionFooterWithWaitTimes from "./components"; import ItineraryBody from ".."; import { @@ -47,12 +48,16 @@ export const BikeOnlyItinerary = (): ReactElement => ( ); export const WalkTransitWalkItinerary = (): ReactElement => ( - + ); export const WalkTransitTransferWithA11yItinerary = (): ReactElement => ( ); @@ -60,6 +65,7 @@ export const StyledWalkTransitWalkItinerary = (): ReactElement => ( ); // Custom styling for this story only, not in production @@ -69,6 +75,7 @@ export const WalkTransitWalkItineraryWithAgencyInformation = (): ReactElement => ); @@ -76,6 +83,7 @@ export const WalkTransitWalkItineraryWithCustomTransitLegSummaryComponent = (): ); @@ -83,6 +91,7 @@ export const WalkTransitWalkItineraryWithCustomPlaceNameComponent = (): ReactEle ); @@ -91,15 +100,22 @@ export const WalkTransitWalkItineraryWithCustomViewTripButtonActivatedAndCustomR itinerary={walkTransitWalkItinerary} showViewTripButton toRouteAbbreviation={customToRouteAbbreviation} + RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes} /> ); export const BikeTransitBikeItinerary = (): ReactElement => ( - + ); export const WalkInterlinedTransitItinerary = (): ReactElement => ( - + ); // Custom styling for this story only, not in production WalkInterlinedTransitItinerary.parameters = a11yOverrideParameters; @@ -107,6 +123,7 @@ WalkInterlinedTransitItinerary.parameters = a11yOverrideParameters; export const WalkTransitTransferItinerary = (): ReactElement => ( ); @@ -119,23 +136,31 @@ export const EScooterRentalItinerary = (): ReactElement => ( ); export const ParkAndRideItinerary = (): ReactElement => ( - + ); export const BikeRentalTransitItinerary = (): ReactElement => ( ); export const EScooterRentalTransitItinerary = (): ReactElement => ( ); export const TncTransitItinerary = (): ReactElement => ( - + ); export const OTP2ScooterItinerary = (): ReactElement => ( @@ -143,11 +168,18 @@ export const OTP2ScooterItinerary = (): ReactElement => ( ); export const OTP2FlexItinerary = (): ReactElement => ( - + ); export const IndividualLegFareComponents = (): ReactElement => ( - + ); export const CustomAlertIconsItinerary = (): ReactElement => ( @@ -155,6 +187,7 @@ export const CustomAlertIconsItinerary = (): ReactElement => ( itinerary={walkTransitWalkItinerary} AlertToggleIcon={styled(Bolt).attrs({ size: 15 })``} AlertBodyIcon={styled(Bomb).attrs({ size: 18 })``} + RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes} /> ); @@ -162,6 +195,7 @@ export const ThreeAlertsAlwaysCollapsing = (): ReactElement => ( ); @@ -169,6 +203,7 @@ export const TwoAlertsAlwaysCollapsing = (): ReactElement => ( ); @@ -176,6 +211,7 @@ export const ZeroAlertsAlwaysCollapsing = (): ReactElement => ( ); @@ -183,6 +219,7 @@ export const ThreeAlertsNotAlwaysCollapsing = (): ReactElement => ( ); @@ -190,6 +227,7 @@ export const TwoAlertsNotAlwaysCollapsing = (): ReactElement => ( ); @@ -197,17 +235,27 @@ export const ZeroAlertsNotAlwaysCollapsing = (): ReactElement => ( ); export const ThreeAlertsWithoutCollapsingProp = (): ReactElement => ( - + ); export const TwoAlertWithoutCollapsingProp = (): ReactElement => ( - + ); export const ZeroAlertsWithoutCollapsingProp = (): ReactElement => ( - -); + +); \ No newline at end of file diff --git a/packages/itinerary-body/src/stories/components.tsx b/packages/itinerary-body/src/stories/components.tsx new file mode 100644 index 000000000..838554365 --- /dev/null +++ b/packages/itinerary-body/src/stories/components.tsx @@ -0,0 +1,28 @@ +import React, { ReactElement } from "react"; +import { differenceInMinutes } from "date-fns"; +import { Leg } from "@opentripplanner/types"; + +import { RouteDescriptionFooterProps } from "../types"; +import { DefaultRouteDescriptionFooter } from "../defaults/route-description-footer"; + +/** + * This method returns a RouteDescriptionFooter element with falsy wait-times + * generated from legs' to and from arrival-times. It is only meant for + * illustrative purposes. + */ +const RouteDescriptionFooterWithWaitTimes = ({ + leg +}: { + leg: Leg; +}): ReactElement => { + const toTime = leg.to.arrival || 0; + const fromTime = leg.from.arrival || 0; + const waitMinutes = differenceInMinutes(new Date(toTime), new Date(fromTime)); + const TypedRouteDescriptionFooter = DefaultRouteDescriptionFooter as React.FC< + RouteDescriptionFooterProps + >; + + return ; +}; + +export default RouteDescriptionFooterWithWaitTimes; \ No newline at end of file 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 92aabdbac..173d372c7 100644 --- a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx +++ b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx @@ -9,6 +9,7 @@ import ItineraryBody from ".."; import DefaultLineColumnContent from "../defaults/line-column-content"; import DefaultPlaceName from "../defaults/place-name"; import DefaultRouteDescription from "../defaults/route-description"; +import { DefaultRouteDescriptionFooter } from "../defaults/route-description-footer"; import DefaultTransitLegSummary from "../defaults/transit-leg-summary"; import { StyledItineraryBody } from "../demos"; import OtpRRStyledItineraryBody from "../otp-react-redux/itinerary-body"; @@ -48,6 +49,7 @@ export default class ItineraryBodyDefaultsWrapper extends Component< LineColumnContent, PlaceName, RouteDescription, + RouteDescriptionFooter, showAgencyInfo, showLegIcon, showMapButtonColumn = true, @@ -87,6 +89,9 @@ export default class ItineraryBodyDefaultsWrapper extends Component< mapillaryKey="fake key, but ok because the api response is also fake" PlaceName={PlaceName || DefaultPlaceName} RouteDescription={RouteDescription || DefaultRouteDescription} + RouteDescriptionFooter={ + RouteDescriptionFooter || DefaultRouteDescriptionFooter + } routingType="ITINERARY" setActiveLeg={action("setActiveLeg")} setLegDiagram={this.setLegDiagram} diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx index 6df3196de..3a88ca539 100755 --- a/packages/itinerary-body/src/styled.tsx +++ b/packages/itinerary-body/src/styled.tsx @@ -131,6 +131,22 @@ export const AccessBadge = styled.div` /* Add in border for dark mode */ `; +export const ArrivalTimeContainer = styled.button` + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +`; + export const CallAheadWarning = styled.div` color: #b22727; margin-top: 5px; diff --git a/packages/itinerary-body/src/types.ts b/packages/itinerary-body/src/types.ts index 208ef1496..b3a38b457 100644 --- a/packages/itinerary-body/src/types.ts +++ b/packages/itinerary-body/src/types.ts @@ -20,6 +20,15 @@ export interface RouteDescriptionProps { transitOperator: TransitOperator; } +export interface RouteDescriptionFooterProps { + /* Contains details about the leg object */ + leg?: Leg; + /** Method for navigating to arrival vehicle if available */ + onClick?: () => void; + /** Number of minutes for the arrival time */ + waitMinutes?: number; +} + export type ToRouteAbbreviationFunction = (route: string | number) => string; export interface LegDestination { @@ -171,6 +180,11 @@ interface ItineraryBodySharedProps { * - transitOperator: the transit operator associated with the route if available */ RouteDescription: FunctionComponent; + /** + * A component to render the footer and contained elements + * therein + */ + RouteDescriptionFooter: FunctionComponent; /** TODO: Routing Type is usually 'ITINERARY' but we should get more details on what this does */ routingType?: string; /** diff --git a/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx b/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx index 93e2509d7..a4ec9d0b6 100644 --- a/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx +++ b/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx @@ -7,7 +7,7 @@ import { TrainSubway, TrainTram } from "@styled-icons/fa-solid"; -import { ClassicBike } from "@opentripplanner/icons/lib/classic"; +import { ClassicBike } from "@opentripplanner/icons/src/classic"; import React, { ReactElement, useState } from "react"; import * as Core from ".."; import { QueryParamChangeEvent } from "../types"; From 40bad572dc89cdeb6f09ab2743e3f78fba7da778 Mon Sep 17 00:00:00 2001 From: Rosales Date: Fri, 8 Sep 2023 14:38:51 -0700 Subject: [PATCH 16/64] fix: re-try of PUBWEB-1357 branch --- __snapshots__/storybook.test.ts.snap | 5 +++ packages/base-map/package.json | 2 +- packages/core-utils/package.json | 2 +- packages/endpoints-overlay/package.json | 4 +- packages/from-to-location-picker/package.json | 2 +- packages/icons/package.json | 2 +- packages/itinerary-body/package.json | 6 +-- packages/location-field/package.json | 2 +- packages/map-popup/package.json | 4 +- packages/otp2-tile-overlay/package.json | 2 +- packages/printable-itinerary/package.json | 6 +-- packages/route-viewer-overlay/package.json | 4 +- packages/stop-viewer-overlay/package.json | 4 +- packages/stops-overlay/package.json | 2 +- packages/transit-vehicle-overlay/package.json | 6 +-- packages/transitive-overlay/package.json | 6 +-- packages/trip-details/package.json | 2 +- packages/trip-form/package.json | 2 +- packages/trip-viewer-overlay/package.json | 2 +- packages/vehicle-rental-overlay/package.json | 4 +- packages/zoom-based-markers/package.json | 4 +- yarn.lock | 38 ------------------- 22 files changed, 39 insertions(+), 72 deletions(-) diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index e0c223493..9eca2332e 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -24993,6 +24993,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", @@ -25131,6 +25132,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", @@ -25652,6 +25654,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", @@ -25744,6 +25747,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", @@ -26147,6 +26151,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", diff --git a/packages/base-map/package.json b/packages/base-map/package.json index b3438788c..99b11490f 100644 --- a/packages/base-map/package.json +++ b/packages/base-map/package.json @@ -14,7 +14,7 @@ "react-map-gl": "^7.0.15" }, "peerDependencies": { - "@opentripplanner/types": "^6.0.0", + "@opentripplanner/types": "^6.1.0", "react": "^16.14.0", "styled-components": "^5.3.0" }, diff --git a/packages/core-utils/package.json b/packages/core-utils/package.json index 57f2af5df..b95c4f008 100644 --- a/packages/core-utils/package.json +++ b/packages/core-utils/package.json @@ -14,7 +14,7 @@ "dependencies": { "@conveyal/lonlat": "^1.4.1", "@mapbox/polyline": "^1.1.0", - "@opentripplanner/geocoder": "^1.4.1", + "@opentripplanner/geocoder": "^1.4.2", "@styled-icons/foundation": "^10.34.0", "@turf/along": "^6.0.1", "bowser": "^2.7.0", diff --git a/packages/endpoints-overlay/package.json b/packages/endpoints-overlay/package.json index 5d433c123..e334bfaea 100644 --- a/packages/endpoints-overlay/package.json +++ b/packages/endpoints-overlay/package.json @@ -21,7 +21,7 @@ "dependencies": { "@opentripplanner/base-map": "^3.0.14", "@opentripplanner/location-icon": "^1.4.1", - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "flat": "^5.0.2", "@styled-icons/fa-solid": "^10.34.0" }, @@ -29,7 +29,7 @@ "@types/flat": "^5.0.2" }, "peerDependencies": { - "@opentripplanner/types": "^6.0.0", + "@opentripplanner/types": "^6.1.0", "react": "^16.14.0", "react-dom": "^16.8.6", "react-intl": "^5.24.6", diff --git a/packages/from-to-location-picker/package.json b/packages/from-to-location-picker/package.json index 6b9b55eab..bc0cde45c 100644 --- a/packages/from-to-location-picker/package.json +++ b/packages/from-to-location-picker/package.json @@ -13,7 +13,7 @@ "flat": "^5.0.2" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/icons/package.json b/packages/icons/package.json index 9ce232c67..7dcc9f519 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -10,7 +10,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "prop-types": "^15.7.2" }, "peerDependencies": { diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json index ef4888152..f43059b73 100644 --- a/packages/itinerary-body/package.json +++ b/packages/itinerary-body/package.json @@ -10,9 +10,9 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/humanize-distance": "^1.2.0", - "@opentripplanner/icons": "^2.0.4", + "@opentripplanner/icons": "^2.0.5", "@opentripplanner/location-icon": "^1.4.1", "@styled-icons/fa-solid": "^10.34.0", "@styled-icons/foundation": "^10.34.0", @@ -24,7 +24,7 @@ "string-similarity": "^4.0.4" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0", + "@opentripplanner/types": "^6.1.0", "@types/flat": "^5.0.2" }, "peerDependencies": { diff --git a/packages/location-field/package.json b/packages/location-field/package.json index 598d7cad8..647a8478e 100644 --- a/packages/location-field/package.json +++ b/packages/location-field/package.json @@ -10,7 +10,7 @@ "private": false, "dependencies": { "@conveyal/geocoder-arcgis-geojson": "^0.0.3", - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/geocoder": "^1.4.2", "@opentripplanner/humanize-distance": "^1.2.0", "@opentripplanner/location-icon": "^1.4.1", diff --git a/packages/map-popup/package.json b/packages/map-popup/package.json index 2c4c30a93..100809ad8 100644 --- a/packages/map-popup/package.json +++ b/packages/map-popup/package.json @@ -12,12 +12,12 @@ "private": false, "dependencies": { "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/from-to-location-picker": "^2.1.8", "flat": "^5.0.2" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/otp2-tile-overlay/package.json b/packages/otp2-tile-overlay/package.json index c6b82b2ed..acabaa641 100644 --- a/packages/otp2-tile-overlay/package.json +++ b/packages/otp2-tile-overlay/package.json @@ -20,6 +20,6 @@ }, "devDependencies": { "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" } } diff --git a/packages/printable-itinerary/package.json b/packages/printable-itinerary/package.json index f91133d5c..bcb268699 100644 --- a/packages/printable-itinerary/package.json +++ b/packages/printable-itinerary/package.json @@ -10,11 +10,11 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", - "@opentripplanner/itinerary-body": "^5.0.2" + "@opentripplanner/core-utils": "^11.0.2", + "@opentripplanner/itinerary-body": "^5.0.5" }, "devDependencies": { - "@opentripplanner/icons": "^2.0.4" + "@opentripplanner/icons": "^2.0.5" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/route-viewer-overlay/package.json b/packages/route-viewer-overlay/package.json index c1c0a92a6..900ab8da6 100644 --- a/packages/route-viewer-overlay/package.json +++ b/packages/route-viewer-overlay/package.json @@ -21,11 +21,11 @@ "dependencies": { "@mapbox/polyline": "^1.1.0", "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "point-in-polygon": "^1.1.0" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0", + "@opentripplanner/types": "^6.1.0", "point-in-polygon": "^1.1.0" }, "peerDependencies": { diff --git a/packages/stop-viewer-overlay/package.json b/packages/stop-viewer-overlay/package.json index 4458cfb2c..563d42c16 100644 --- a/packages/stop-viewer-overlay/package.json +++ b/packages/stop-viewer-overlay/package.json @@ -20,10 +20,10 @@ }, "dependencies": { "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2" + "@opentripplanner/core-utils": "^11.0.2" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/stops-overlay/package.json b/packages/stops-overlay/package.json index f0ad21f77..ae90502c5 100644 --- a/packages/stops-overlay/package.json +++ b/packages/stops-overlay/package.json @@ -25,7 +25,7 @@ "flat": "^5.0.2" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0", + "@opentripplanner/types": "^6.1.0", "styled-icons": "^10.34.0" }, "peerDependencies": { diff --git a/packages/transit-vehicle-overlay/package.json b/packages/transit-vehicle-overlay/package.json index 587608dfc..7f2694529 100644 --- a/packages/transit-vehicle-overlay/package.json +++ b/packages/transit-vehicle-overlay/package.json @@ -10,12 +10,12 @@ "private": false, "dependencies": { "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2", - "@opentripplanner/icons": "^2.0.4", + "@opentripplanner/core-utils": "^11.0.2", + "@opentripplanner/icons": "^2.0.5", "flat": "^5.0.2" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/transitive-overlay/package.json b/packages/transitive-overlay/package.json index 9f0076298..2697c245f 100644 --- a/packages/transitive-overlay/package.json +++ b/packages/transitive-overlay/package.json @@ -21,8 +21,8 @@ "dependencies": { "@mapbox/polyline": "^1.1.1", "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2", - "@opentripplanner/itinerary-body": "^5.0.2", + "@opentripplanner/core-utils": "^11.0.2", + "@opentripplanner/itinerary-body": "^5.0.5", "@turf/bbox": "^6.5.0", "@turf/bearing": "^6.5.0", "@turf/destination": "^6.5.0", @@ -33,7 +33,7 @@ }, "devDependencies": { "@opentripplanner/endpoints-overlay": "^2.0.8", - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/trip-details/package.json b/packages/trip-details/package.json index 184cd5081..c69597178 100644 --- a/packages/trip-details/package.json +++ b/packages/trip-details/package.json @@ -11,7 +11,7 @@ "license": "MIT", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^9.0.3", + "@opentripplanner/core-utils": "^11.0.2", "@styled-icons/fa-solid": "^10.34.0", "flat": "^5.0.2", "react-animate-height": "^3.0.4" diff --git a/packages/trip-form/package.json b/packages/trip-form/package.json index f240087db..16295b600 100644 --- a/packages/trip-form/package.json +++ b/packages/trip-form/package.json @@ -10,7 +10,7 @@ "types": "lib/index.d.ts", "private": false, "dependencies": { - "@opentripplanner/core-utils": "^10.0.0", + "@opentripplanner/core-utils": "^11.0.2", "@floating-ui/react": "^0.19.2", "@styled-icons/bootstrap": "^10.34.0", "@styled-icons/boxicons-regular": "^10.38.0", diff --git a/packages/trip-viewer-overlay/package.json b/packages/trip-viewer-overlay/package.json index 248e35656..fb02c3984 100644 --- a/packages/trip-viewer-overlay/package.json +++ b/packages/trip-viewer-overlay/package.json @@ -21,7 +21,7 @@ "dependencies": { "@mapbox/polyline": "^1.1.0", "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2" + "@opentripplanner/core-utils": "^11.0.2" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/vehicle-rental-overlay/package.json b/packages/vehicle-rental-overlay/package.json index bafed8412..2892d7e26 100644 --- a/packages/vehicle-rental-overlay/package.json +++ b/packages/vehicle-rental-overlay/package.json @@ -20,7 +20,7 @@ }, "dependencies": { "@opentripplanner/base-map": "^3.0.14", - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/from-to-location-picker": "^2.1.8", "@opentripplanner/map-popup": "^2.0.5", "@styled-icons/fa-solid": "^10.34.0", @@ -28,7 +28,7 @@ "lodash.memoize": "^4.1.2" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/packages/zoom-based-markers/package.json b/packages/zoom-based-markers/package.json index 459d24c84..1eb1d505e 100644 --- a/packages/zoom-based-markers/package.json +++ b/packages/zoom-based-markers/package.json @@ -19,11 +19,11 @@ "url": "https://github.com/opentripplanner/otp-ui/issues" }, "dependencies": { - "@opentripplanner/core-utils": "^9.0.2", + "@opentripplanner/core-utils": "^11.0.2", "@opentripplanner/base-map": "^3.0.14" }, "devDependencies": { - "@opentripplanner/types": "^6.0.0" + "@opentripplanner/types": "^6.1.0" }, "peerDependencies": { "react": "^16.14.0", diff --git a/yarn.lock b/yarn.lock index 67767b438..07bfaf87a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3241,44 +3241,6 @@ resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-1.0.3.tgz#db9cc719191a62e7d9200f6e7bab21c5b848adca" integrity sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q== -"@opentripplanner/core-utils@^10.0.0": - version "10.0.0" - resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-10.0.0.tgz#ab5cba39097e2b15e634b1e70141076f3a5614d3" - integrity sha512-3T+P9GlBmeL8AHATUXbOouDtr3eYNv6VYMbVagFV9MBhYf3wSCJ3kAdBEWK+TQGfiWRfcxVJueuy8kvmVrkJtA== - dependencies: - "@conveyal/lonlat" "^1.4.1" - "@mapbox/polyline" "^1.1.0" - "@opentripplanner/geocoder" "^1.4.1" - "@styled-icons/foundation" "^10.34.0" - "@turf/along" "^6.0.1" - bowser "^2.7.0" - chroma-js "^2.4.2" - date-fns "^2.28.0" - date-fns-tz "^1.2.2" - graphql "^16.6.0" - lodash.clonedeep "^4.5.0" - lodash.isequal "^4.5.0" - qs "^6.9.1" - -"@opentripplanner/core-utils@^9.0.2", "@opentripplanner/core-utils@^9.0.3": - version "9.0.3" - resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-9.0.3.tgz#c1ebdcc3ad5999fb28427102c9be7d7268f6bd37" - integrity sha512-8P3Bi41jF7z18P/soo6lEw+nrqarsyGMAxivsF1/kMJdRo4wnakp0zcrVZjDXTxoR6LPtj6Kkuxv3JQFO9jKiw== - dependencies: - "@conveyal/lonlat" "^1.4.1" - "@mapbox/polyline" "^1.1.0" - "@opentripplanner/geocoder" "^1.4.1" - "@styled-icons/foundation" "^10.34.0" - "@turf/along" "^6.0.1" - bowser "^2.7.0" - chroma-js "^2.4.2" - date-fns "^2.28.0" - date-fns-tz "^1.2.2" - graphql "^16.6.0" - lodash.clonedeep "^4.5.0" - lodash.isequal "^4.5.0" - qs "^6.9.1" - "@opentripplanner/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 788807e4ae499c16dfe2121bb8abae92dfeaecc2 Mon Sep 17 00:00:00 2001 From: Rosales Date: Fri, 8 Sep 2023 14:46:22 -0700 Subject: [PATCH 17/64] fix: re-try of PUBWEB-1357 branch --- packages/itinerary-body/src/ItineraryBody/index.tsx | 2 +- .../itinerary-body/src/defaults/route-description-footer.tsx | 2 +- .../itinerary-body/src/stories/OtpUiItineraryBody.story.tsx | 2 +- packages/itinerary-body/src/stories/components.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx index 135fa77d9..8bc960db7 100755 --- a/packages/itinerary-body/src/ItineraryBody/index.tsx +++ b/packages/itinerary-body/src/ItineraryBody/index.tsx @@ -41,7 +41,7 @@ const ItineraryBody = ({ TimeColumnContent, toRouteAbbreviation = defaultRouteAbbr, TransitLegSubheader, - TransitLegSummary, + TransitLegSummary }: ItineraryBodyProps): ReactElement => { /* TODO: replace component should update logic? companies is simply used to diff --git a/packages/itinerary-body/src/defaults/route-description-footer.tsx b/packages/itinerary-body/src/defaults/route-description-footer.tsx index 5f8f503ef..1cf3de554 100644 --- a/packages/itinerary-body/src/defaults/route-description-footer.tsx +++ b/packages/itinerary-body/src/defaults/route-description-footer.tsx @@ -16,4 +16,4 @@ export function DefaultRouteDescriptionFooter({ Arrives in {waitMinutes} minutes ); -} \ No newline at end of file +} diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx index 3c83db0d2..d82bf8c29 100644 --- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx @@ -258,4 +258,4 @@ export const ZeroAlertsWithoutCollapsingProp = (): ReactElement => ( itinerary={walkInterlinedTransitItinerary} RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes} /> -); \ No newline at end of file +); diff --git a/packages/itinerary-body/src/stories/components.tsx b/packages/itinerary-body/src/stories/components.tsx index 838554365..7c134e92b 100644 --- a/packages/itinerary-body/src/stories/components.tsx +++ b/packages/itinerary-body/src/stories/components.tsx @@ -25,4 +25,4 @@ const RouteDescriptionFooterWithWaitTimes = ({ return ; }; -export default RouteDescriptionFooterWithWaitTimes; \ No newline at end of file +export default RouteDescriptionFooterWithWaitTimes; From 2865a430e1b86a73338275d8d7dba81da26a2b48 Mon Sep 17 00:00:00 2001 From: miles-grant-ibigroup Date: Mon, 11 Sep 2023 13:52:02 -0400 Subject: [PATCH 18/64] update snapshots for internal dep updates --- __snapshots__/storybook.test.ts.snap | 253874 ++++++++++++++++++++++-- 1 file changed, 236100 insertions(+), 17774 deletions(-) diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index 9eca2332e..a213956b4 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -1,5 +1,360 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP +exports[`Storyshots EndpointsOverlay Endpoints Overlay With Custom Map Markers 1`] = ` + + + + + + + +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With Custom Map Markers 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With Intermediate Place 1`] = ` + + + + + + + +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With Intermediate Place 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With Unnamed Place 1`] = ` + + + + + + + +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With Unnamed Place 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With User Settings 1`] = ` + + + + + + + +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay With User Settings 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay Without User Settings 1`] = ` + + + + + + + +`; + +exports[`Storyshots EndpointsOverlay Endpoints Overlay Without User Settings 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + exports[`Storyshots From-To-Picker Custom Style And Text 1`] = ` @@ -2446,34 +2786,19 @@ exports[`Storyshots Icons/TrimetLegIcon Trimetxamples 2`] = ` > @@ -3017,23 +3342,17 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] > @@ -3057,23 +3376,17 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] > @@ -3105,13 +3418,7 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] > @@ -3360,7 +3633,7 @@ exports[`Storyshots Icons/TrimetModeIcon2021 Trimet Mode Icon 2021 Examples 2`] `; -exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 1`] = ` +exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 1`] = ` -
    - - - -
    + } + />     `; -exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 2`] = ` -.c3 { +exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = ` +.c8 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c4 { +.c11 { color: #333; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c44 { + color: #f44256; } -.c1 { - border: none; - background: none; +.c26 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; } -.c2 { - width: 30px; +.c31::before { + content: ""; + margin: 0 0.125em; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; +.c0 { list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; + padding: 0; +} + +.c21 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c27 { + bottom: 0; + cursor: pointer; + left: 0; position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + right: 0; + top: 0; + width: 100%; + z-index: 1; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); +.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; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c25 { + font-weight: inherit; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.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; +} -exports[`Storyshots LocationField/Desktop Context Blank 1`] = ` - - - -`; +.c5 { + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; +} + +.c28 { + display: grid; + grid-template-columns: 100px auto; +} -exports[`Storyshots LocationField/Desktop Context Blank 2`] = ` .c3 { + max-width: 500px; + display: grid; + 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; - overflow: hidden; + width: 75%; } -.c4 { - color: #333; +.c38:hover { + border-color: #d1d5da; + background-color: #f6f8fa; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; +.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; - width: 0; + 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; } -.c1 { - border: none; - background: none; +.c39 { + padding: 2px; + width: 100%; } -.c2 { - width: 30px; +.c41 { + font-size: xx-small; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; +.c41::before { + content: ""; + margin: 0 0.125em; +} + +.c42 { + color: #e60000; +} + +.c43 { + color: green; +} + +.c40 { + font-size: small; +} + +.c32 { + display: block; list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + padding: 0; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c35 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c35 > span { + margin-right: 1ch; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.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; +} -exports[`Storyshots LocationField/Desktop Context Geocoder No Results 1`] = ` - - - -`; +.c30 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} -exports[`Storyshots LocationField/Desktop Context Geocoder No Results 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; +.c34 { + fill: #676767; + float: left; + height: 16px; + width: 16px; } -.c4 { - color: #333; +.c33 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c36 { + font-weight: 500; +} + +.c37 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; } .c1 { - border: none; - background: none; + font-size: 16px; } -.c2 { - width: 30px; +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; +.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; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; + padding-right: 4px; + padding-top: 2px; + text-align: right; + vertical-align: top; + width: 60px; +} + +.c7 { position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + width: 100%; + top: 3px; + z-index: 20; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c6 { + background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c9 { + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.c10 { + top: 3px; } -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    -
    +
    + + 503 SW Alder St, Portland, OR, USA 97204 + +
    +
    + 3:42 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + + + + + + + + + + - + + + Bicycle 0.7 miles to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
    + + + + +
    +
    +
      +
    1. +
      + + + +
      +
      + + Head + EAST + on + + SW Alder St + + + 87 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + RIGHT + on + + SW 5th Ave + + + 257 feet + + +
      +
      3. +
    3. +
      + + + +
      +
      + + RIGHT + on + + SW Morrison St + + + 0.6 miles + + +
      +
      4. +
    +
    +
    +
    + +
    +     +
    +
    + +
  • - - - - -
      -
    • + + + + +
    +
    + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
    +
    + 3:49 PM +
    + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
    + + `; -exports[`Storyshots LocationField/Desktop Context Here Geocoder 1`] = ` +exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 1`] = ` - - -`; - -exports[`Storyshots LocationField/Desktop Context Here Geocoder 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context Location Unavailable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context Location Unavailable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 1`] = ` - -
    - - - -
    -     -`; - -exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - -
    - - - -
      -
    -
    -`; - -exports[`Storyshots LocationField/Desktop Context Required And Invalid State 1`] = ` - - `; -exports[`Storyshots LocationField/Desktop Context Required And Invalid State 2`] = ` -.c3 { +exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = ` +.c8 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c4 { +.c11 { color: #333; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c46 { + color: #f44256; } -.c1 { - border: none; - background: none; +.c26 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; } -.c2 { - width: 30px; +.c31::before { + content: ""; + margin: 0 0.125em; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; +.c0 { list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; + padding: 0; +} + +.c21 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c27 { + bottom: 0; + cursor: pointer; + left: 0; position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + right: 0; + top: 0; + width: 100%; + z-index: 1; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); +.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 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; +.c28 { + display: grid; + grid-template-columns: 100px auto; +} + +.c3 { + max-width: 500px; + display: grid; + 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; +} -exports[`Storyshots LocationField/Desktop Context Selected Location 1`] = ` - - - -`; +.c18 { + grid-column-start: 1; + grid-row: 1 / span 2; + padding-right: 5px; + font-size: 0.9em; +} -exports[`Storyshots LocationField/Desktop Context Selected Location 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; +.c20 { + grid-row-start: 2; + grid-column-start: 3; } -.c4 { - color: #f44256; +.c14 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 1.2em; + grid-row-start: 1; + grid-column-start: 3; } -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; +.c16 { + font-size: inherit; + font-weight: bold; + height: 1.2em; + margin: 0; overflow: hidden; - width: 0; + 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; } -.c1 { - border: none; - background: none; +.c39 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + margin-top: -14px; } -.c6 { - color: #888; - cursor: pointer; - width: 30px; +.c41 { + padding: 2px; + width: 100%; } -.c2 { - width: 30px; +.c43 { + font-size: xx-small; } -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; +.c43::before { + content: ""; + margin: 0 0.125em; +} + +.c44 { + color: #e60000; +} + +.c45 { + color: green; +} + +.c42 { + font-size: small; +} + +.c32 { + display: block; list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + padding: 0; } -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c35 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c35 > span { + margin-right: 1ch; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.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; +} -exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 1`] = ` - - - } - currentPosition={ - Object { - "coords": Object { - "latitude": 45.508246, - "longitude": -122.711574, - }, - } - } - geocoderConfig={ - Object { - "baseUrl": "https://ws-st.trimet.org/pelias/v1", - "boundary": Object { - "rect": Object { - "maxLat": 45.7445, - "maxLon": -122.135, - "minLat": 45.273, - "minLon": -123.2034, - }, - }, - "maxNearbyStops": 4, - "type": "PELIAS", - } - } - getCurrentPosition={[Function]} - location={ - Object { - "lat": 0, - "lon": 0, - "name": "123 Main St", - } - } - locationType="to" - onLocationSelected={[Function]} - /> - -`; +.c30 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} -exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; +.c34 { + fill: #676767; + float: left; + height: 16px; + width: 16px; } -.c4 { - color: #f44256; +.c33 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; } -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c36 { + font-weight: 500; +} + +.c37 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; } .c1 { - border: none; - background: none; + font-size: 16px; } -.c6 { - color: #888; - cursor: pointer; - width: 30px; +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; } -.c2 { - width: 30px; +.c1 .c4 { + display: table-cell; + max-width: 20px; + width: 20px; + padding: 0; + position: relative; } -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; +.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; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; + padding-right: 4px; + padding-top: 2px; + text-align: right; + vertical-align: top; + width: 60px; +} + +.c7 { position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + width: 100%; + top: 3px; + z-index: 20; } -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.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; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c38 { + background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.c9 { + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; } -
    - - -
    +
    - - - - -
      -
    + + 2624 SE 30th Ave, Portland, OR, USA 97202 + +
    +
    + 3:45 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + + + + + + + + + + + - + + + Walk 498 feet to + + SE 30th at Division + + + + +
    + + + + +
    +
    +
      +
    1. +
      + + + +
      +
      + + Head + WEST + on + + SE Clinton St + + + 79 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + RIGHT + on + + SE 30th Ave + + + 419 feet + + +
      +
      3. +
    +
    +
    +     +
    +
    + +
  • +
    +
    + + + +
    +
    + + SE 30th at Division + +
    +
    + 3:48 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    + Pick up + shared bike + +
    +
    +
    + + + + + + + + + + - + + + Bicycle 0.6 miles to + + SE 29th at Hawthorne + + + + +
    + + + + +
    +
    +
      +
    1. +
      + + + +
      +
      + + CONTINUE + on + + SE 30th Ave + + + 0.3 miles + + +
      +
      2. +
    2. +
      + + + +
      +
      + + LEFT + on + + SE Harrison St + + + 361 feet + + +
      +
      3. +
    3. +
      + + + +
      +
      + + RIGHT + on + + SE 29th Ave + + + 0.2 miles + + +
      +
      4. +
    4. +
      + + + +
      +
      + + LEFT + on + + SE Hawthorne Blvd + + + 50 feet + + +
      +
      5. +
    +
    +
    +
    + +
    +     +
    +
    +
    • +
  • +
    +
    + + + +
    +
    + + SE 29th at Hawthorne + +
    +
    + 3:55 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + + + + + + + + + + + - + + + Walk 0.1 miles to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + + + +
    + + + + +
    +
    +
      +
    1. +
      + + + +
      +
      + + CONTINUE + on + + SE Hawthorne Blvd + + + 210 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + RIGHT + on + + SE 28th Ave + + + 295 feet + + +
      +
      3. +
    3. +
      + + + +
      +
      + + LEFT + on + + SE Madison St + + + 114 feet + + +
      +
      4. +
    +
    +
    +     +
    +
    +
    • +
  • +
    + + + + +
    +
    + + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
    +
    + 3:58 PM +
    + + Arrive at + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
    +
    • + `; -exports[`Storyshots LocationField/Desktop Context Slow Geocoder 1`] = ` +exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 1`] = ` - - -`; - -exports[`Storyshots LocationField/Desktop Context Slow Geocoder 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 1`] = ` - - , - } - } - /> - -`; - -exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With Prefilled Search 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context With Prefilled Search 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Desktop Context With User Settings 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Desktop Context With User Settings 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; -} - -
    - - - -
      -
    -`; - -exports[`Storyshots LocationField/Mobile Context Blank 1`] = ` - - `; -exports[`Storyshots LocationField/Mobile Context Blank 2`] = ` -.c3 { +exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary 2`] = ` +.c8 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c4 { +.c11 { color: #333; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c71 { + color: #f44256; } -.c1 { - border: none; +.c26 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c47 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c47:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c48 { + padding-left: 0px; +} + +.c48:before { + content: "|"; + color: black; + margin-right: 5px; +} + +.c54 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; } -.c2 { - width: 30px; +.c31::before { + content: ""; + margin: 0 0.125em; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; +.c66 { + display: block; + font-size: 13px; list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; + 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; - text-align: left; - top: 100%; - z-index: 1000000; + right: 0; + top: 0; + width: 100%; + z-index: 1; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); +.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; } +.c53 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c52 { + font-size: 13px; + font-weight: 500; +} + +.c51 { + font-weight: 800; + margin-right: 6px; +} + +.c49 { + color: #807373; + margin-top: 5px; +} + +.c24 img, +.c24 svg { + margin-right: 6px; + height: 24px; + width: 24px; + vertical-align: bottom; +} + +.c23 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + .c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.c28 { + display: grid; + grid-template-columns: 100px auto; } -.c11 { - background-color: transparent; - clear: both; - color: #333; - display: block; - font-weight: 400; - line-height: 1.42857143; - padding: 3px 20px; +.c3 { + max-width: 500px; + display: grid; + 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; - white-space: nowrap; + vertical-align: middle; + width: 75%; } -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; +.c40:hover { + border-color: #d1d5da; + background-color: #f6f8fa; } -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; +.c18 { + grid-column-start: 1; + grid-row: 1 / span 2; + padding-right: 5px; + font-size: 0.9em; } -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; +.c20 { + grid-row-start: 2; + grid-column-start: 3; } .c14 { - margin-left: 30px; + 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; - text-overflow: ellipsis; 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; } -.c13 { - float: left; +.c39 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + margin-top: -14px; } -.c9 { - border: none; - box-shadow: none; - display: block; +.c41 { + padding: 2px; + width: 100%; } - -`; +.c43 { + font-size: xx-small; +} -exports[`Storyshots LocationField/Mobile Context Geocoder No Results 1`] = ` - - - -`; +.c43::before { + content: ""; + margin: 0 0.125em; +} -exports[`Storyshots LocationField/Mobile Context Geocoder No Results 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; +.c44 { + color: #e60000; } -.c4 { - color: #333; +.c45 { + color: green; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c42 { + font-size: small; } -.c1 { - border: none; - background: none; +.c32 { + display: block; + list-style: none; + padding: 0; } -.c2 { - width: 30px; +.c35 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); +.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; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + height: 16px; + width: 16px; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c33 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c36 { + font-weight: 500; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; +.c37 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c69 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c70 { + color: #676767; + margin-top: 3px; +} + +.c67 { + z-index: 30; position: relative; } -.c11 { - background-color: transparent; - clear: both; - color: #333; +.c58 { + background-color: #eee; + border-radius: 4px; + color: #000; display: block; - font-weight: 400; - line-height: 1.42857143; - padding: 3px 20px; + margin-top: 5px; + padding: 8px; -webkit-text-decoration: none; text-decoration: none; - white-space: nowrap; } -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; +.c60 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; } -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; +.c61 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; } -.c12 { +.c59 { + float: left; + font-size: 18px; +} + +.c57 { display: block; - padding-top: 5px; - padding-bottom: 3px; + margin-top: 3px; } -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.c56 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; } -.c13 { - float: left; +.c62 { + margin-top: 5px; +} + +.c63 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c65 { + font-size: 14px; +} + +.c64 { + padding: 0; +} + +.c55 { + margin-top: 5px; +} + +.c55 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c55 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c55 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c50 { + background-color: rgb(15,106,172); + border-color: white; + border-image: initial; + border-radius: 12px; + border-style: solid; + border-width: 1px; + box-shadow: rgb(0,0,0) 0px 0px 0.25em; + color: white; + display: inline-block; + font-size: 14px; + font-weight: 500; + height: 24px; + line-height: 1.5; + margin-right: 8px; + min-width: 24px; + padding: 2px 3px; + text-align: center; +} + +.c1 .c4 { + 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 .c68 { + 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: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c46 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #000088; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; } .c9 { - border: none; - box-shadow: none; - display: block; + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; } -
    - - - -
      -
    • + + + +
    + +
    + 3:50 PM +
    + + otpUi.TransitLegBody.fromLocation + +     -`; - -exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - -
    -
    + +
  • - - - - -
      -
    • + + +
    • + +
    + 3:53 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    + Pick up + shared bike + +
    +
    +
    + + + + + + + + + + - + + + Bicycle 0.8 miles to + + NE Glisan at 24th + + + + +
    + + +
    - - - +
  • +
    + + + +
    +
    + + CONTINUE + on + + SE 29th Ave + + + 492 feet + + +
    +
    • +
  • +
    + + + +
    +
    + + LEFT + on + + SE Pine St + + + 358 feet + + +
    +
    • +
  • +
    + + + +
    +
    + + RIGHT + on + + SE 28th Ave + + + 518 feet + + +
    +
    • +
  • +
    + + + +
    +
    + + LEFT + on + + SE Ankeny St + + + 0.2 miles + + +
    +
    • +
  • +
    + + + +
    +
    + + RIGHT + on + + SE 24th Ave + + + 259 feet + + +
    +
    • +
  • +
    + + + +
    +
    + + CONTINUE + on + + NE 24th Ave + + + 0.2 miles + + +
    +
    • +
  • +
    + + + +
    +
    + + LEFT + on + + NE Glisan St + + + 57 feet + + +
    +
    • + +
    +
    +
    - otpUi.LocationField.useCurrentLocation - + +
    -     - - -
    -`; - -exports[`Storyshots LocationField/Mobile Context Location Unavailable 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Location Unavailable 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - -
    -
    + +
  • - - - - - otpUi.LocationField.currentLocationUnavailable - -
      -
    • + + +
    • + +
    + 3:59 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + + + + + + + + + + + - + + + Walk 497 feet to + + NE Sandy & 24th + + + + +
    + + +
    - - +
      +
    1. +
      + + + +
      +
      + + HARD_LEFT + on + + NE Glisan St + + + 57 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + LEFT + on + + NE 24th Ave + + + 382 feet + + +
      +
      3. +
    3. +
      + + + +
      +
      + + RIGHT + on + + NE Sandy Blvd + + + 58 feet + + +
      +
      4. +
    +
    +
    + +
    +
    + +
  • +
    • - -
    -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c6 { - color: #888; - cursor: pointer; - width: 30px; -} - -.c2 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c14 { - float: left; -} - -.c10 { - border: none; - box-shadow: none; - display: block; -} - - + + +
    +
    + + + Trip Viewer + +
    +
    +
    +
    +
      +
    1. +
      + • +
      +
      + NE Sandy & Lawrence +
      +
      2. +
    2. +
      + • +
      +
      + NE Sandy & 28th +
      +
      3. +
    3. +
      + • +
      +
      + NE Sandy & 31st +
      +
      4. +
    4. +
      + • +
      +
      + NE Sandy & 33rd +
      +
      5. +
    5. +
      + • +
      +
      + NE Sandy & Imperial +
      +
      6. +
    6. +
      + • +
      +
      + NE Sandy & 38th +
      +
      7. +
    7. +
      + • +
      +
      + NE Sandy & 42nd +
      +
      8. +
    8. +
      + • +
      +
      + NE Sandy & 44th +
      +
      9. +
    9. +
      + • +
      +
      + NE Sandy & 48th +
      +
      10. +
    10. +
      + • +
      +
      + NE Sandy & 50th +
      +
      11. +
    11. +
      + • +
      +
      + NE Sandy & Sacramento +
      +
      12. +
    12. +
      + • +
      +
      + NE Sandy & 54th +
      +
      13. +
    +
    +
    +
    +
    +
    +
    + + +
  • +
    +
    + + + + +
    +
    + + NE Sandy & 57th + +
    +
    + 4:14 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    + Stop ID 5104 + + Stop Viewer + +
    +
    +
    + + + + + + + + + + + - + + + Walk 279 feet to + + 0086 BIKETOWN + + + +
    + - otpUi.LocationField.useCurrentLocation + - - -
    • - - -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 1`] = ` - - - } - currentPosition={ - Object { - "coords": Object { - "latitude": 45.508246, - "longitude": -122.711574, - }, - } - } - geocoderConfig={ - Object { - "baseUrl": "https://ws-st.trimet.org/pelias/v1", - "boundary": Object { - "rect": Object { - "maxLat": 45.7445, - "maxLon": -122.135, - "minLat": 45.273, - "minLon": -123.2034, - }, - }, - "maxNearbyStops": 4, - "type": "PELIAS", - } - } - getCurrentPosition={[Function]} - isStatic={true} - location={ - Object { - "lat": 0, - "lon": 0, - "name": "123 Main St", - } - } - locationType="to" - onLocationSelected={[Function]} - /> - -`; - -exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #f44256; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c6 { - color: #888; - cursor: pointer; - width: 30px; -} - -.c2 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c14 { - float: left; -} - -.c10 { - border: none; - box-shadow: none; - display: block; -} - -
    -
    + + + + +
  • - - - - - - - -`; - -exports[`Storyshots LocationField/Mobile Context Slow Geocoder 1`] = ` - - - -`; - -exports[`Storyshots LocationField/Mobile Context Slow Geocoder 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c4 { - color: #333; -} - -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c2 { - width: 30px; -} - -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c12 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c14 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c13 { - float: left; -} - -.c9 { - border: none; - box-shadow: none; - display: block; -} - -
    - - - -
    + + +
    - - - - otpUi.LocationField.useCurrentLocation - +
      +
    1. +
      + + + +
      +
      + + CONTINUE + on + + NE 60th Ave + + + 270 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + LEFT + on + + NE Going St + + + 225 feet + + +
      +
      3. +
    +
    +     -     -
    • - - + + + +
  • +
    + + + + +
    +
    + + 5916 NE Going St, Portland, OR, USA 97218 + +
    +
    + 4:26 PM +
    + + Arrive at + 5916 NE Going St, Portland, OR, USA 97218 + +
    +
    • + `; -exports[`Storyshots LocationField/Mobile Context Styled 1`] = ` +exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 1`] = ` - - -`; - -exports[`Storyshots LocationField/Mobile Context Styled 2`] = ` -.c4 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c5 { - color: #333; -} - -.c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c2 { - border: none; - background: none; -} - -.c3 { - width: 30px; -} - -.c9 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c8 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c6 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; -} - -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c14 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c16 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c15 { - float: left; -} - -.c10 { - border: none; - box-shadow: none; - display: block; -} - -.c1 .c13 { - background-color: pink; - font-size: 24px; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context With Custom Icons 1`] = ` - - - } - currentPositionUnavailableIcon={ - - } - geocoderConfig={ - Object { - "baseUrl": "https://ws-st.trimet.org/pelias/v1", - "boundary": Object { - "rect": Object { - "maxLat": 45.7445, - "maxLon": -122.135, - "minLat": 45.273, - "minLon": -123.2034, + "absoluteDirection": "SOUTHEAST", + "area": false, + "bogusName": true, + "distance": 27.68, + "elevation": Array [ + Object { + "first": 0, + "second": 15.022842545446778, + }, + Object { + "first": 10, + "second": 15.412842545446779, + }, + Object { + "first": 20, + "second": 15.382842545446778, + }, + Object { + "first": 27.68, + "second": 15.252842545446779, + }, + ], + "lat": 45.51872034540038, + "lon": -122.67915385043655, + "relativeDirection": "DEPART", + "stayOn": false, + "streetName": "path", + }, + ], + "to": Object { + "arrival": 1573688684000, + "departure": 1573688684000, + "lat": 45.5184851, + "lon": -122.6790448, + "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)", + "vertexType": "NORMAL", + }, + "transitLeg": false, }, - }, - "maxNearbyStops": 4, - "type": "PELIAS", - } - } - getCurrentPosition={[Function]} - isStatic={true} - layerColorMap={ - Object { - "locality": "orange", - "stations": "navy", - "stops": "purple", - } - } - locationType="to" - nearbyStops={ - Array [ - "1", - "2", - ] - } - onLocationSelected={[Function]} - sessionOptionIcon={ - - } - sessionSearches={ - Array [ - Object { - "lat": 12.34, - "lon": 34.45, - "name": "123 Main St", - }, - ] - } - showUserSettings={true} - stopOptionIcon={ - - } - stopsIndex={ - Object { - "1": Object { - "code": "1", - "dist": 123, - "lat": 12.34, - "lon": 34.56, - "name": "1st & Main", - "routes": Array [ - Object { - "shortName": "1", + Object { + "agencyTimeZoneOffset": -28800000, + "arrivalDelay": 0, + "departureDelay": 0, + "distance": 162.443, + "duration": 73, + "endTime": 1573688757000, + "from": Object { + "arrival": 1573688684000, + "departure": 1573688684000, + "lat": 45.5184851, + "lon": -122.6790448, + "name": "corner of path and Pioneer Courthouse Sq (pedestrian street)", + "vertexType": "NORMAL", }, - ], - }, - "2": Object { - "code": "2", - "dist": 345, - "lat": 23.45, - "lon": 67.89, - "name": "Main & 2nd", - "routes": Array [ - Object { - "shortName": "2", + "hailedCar": false, + "interlineWithPreviousLeg": false, + "intermediateStops": Array [], + "legGeometry": Object { + "length": 11, + "points": "oiytG\`wwkVBOoBw@IECACHW|AMn@EVD@FB", }, - ], - }, - } - } - userLocationsAndRecentPlaces={ - Array [ - Object { - "icon": "home", - "lat": 45.89, - "lon": 67.12, - "name": "456 Suburb St", - "type": "home", - }, - Object { - "icon": "work", - "lat": 54.32, - "lon": 43.21, - "name": "789 Busy St", - "type": "work", - }, - Object { - "icon": "map-marker", - "lat": 34.22, - "lon": -84.11, - "name": "Coffee Roasters Shop, 55 Coffee Street", - "type": "custom", - }, - Object { - "lat": 12.34, - "lon": 34.45, - "name": "123 Main St", - "type": "recent", - }, - ] - } - /> - -`; - -exports[`Storyshots LocationField/Mobile Context With Custom Icons 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c5 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c1 { - border: none; - background: none; -} - -.c17 { - clear: both; -} - -.c2 { - width: 30px; -} - -.c7 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; -} - -input[aria-expanded="false"] ~ .c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; -} - -.c4 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; -} - -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - 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; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; -} - -.c10:hover { - background-color: #f5f5f5; - cursor: pointer; -} - -.c10[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; -} - -.c18 { - display: block; - padding-top: 5px; - padding-bottom: 3px; -} - -.c20 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c19 { - float: left; -} - -.c16 { - background-color: gray; - color: white; - padding: 2px 3px 0px; - margin-right: 5px; -} - -.c8 { - border: none; - box-shadow: none; - display: block; -} - -.c14 { - margin-left: 30px; -} - -.c13 { - font-size: 8px; -} - -.c12 { - float: left; - padding-top: 3px; -} - -.c15 { - font-size: 9px; -} - - -`; - -exports[`Storyshots LocationField/Mobile Context With Nearby Stops 1`] = ` - - `; -exports[`Storyshots LocationField/Mobile Context With Nearby Stops 2`] = ` -.c3 { +exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`] = ` +.c8 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c4 { +.c11 { + color: #333; +} + +.c63 { color: #f44256; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c26 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; } -.c1 { - border: 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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; } -.c18 { - clear: both; +.c31::before { + content: ""; + margin: 0 0.125em; } -.c2 { - width: 30px; +.c58 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; +.c0 { list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; + padding: 0; +} + +.c21 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c27 { + bottom: 0; + cursor: pointer; + left: 0; position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; + right: 0; + top: 0; + width: 100%; + z-index: 1; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); +.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; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c45 { + font-weight: 200; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.c25 { + font-weight: inherit; } -.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; +.c44 { + font-size: 13px; + font-weight: 500; } -.c10 { - color: #eee; - background-color: #333; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; +.c43 { + color: #807373; + margin-top: 5px; } -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; +.c24 img, +.c24 svg { + margin-right: 6px; + height: 24px; + width: 24px; + vertical-align: bottom; } -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; +.c23 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } -.c19 { - display: block; - padding-top: 5px; - padding-bottom: 3px; +.c5 { + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; } -.c21 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.c28 { + display: grid; + grid-template-columns: 100px auto; } -.c20 { - float: left; +.c3 { + max-width: 500px; + display: grid; + grid-template-columns: 65px 30px auto; } -.c17 { - background-color: gray; - color: white; - padding: 2px 3px 0px; - margin-right: 5px; +.c18 { + grid-column-start: 1; + grid-row: 1 / span 2; + padding-right: 5px; + font-size: 0.9em; } -.c9 { - border: none; - box-shadow: none; - display: block; +.c20 { + grid-row-start: 2; + grid-column-start: 3; } -.c15 { - margin-left: 30px; +.c14 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 1.2em; + grid-row-start: 1; + grid-column-start: 3; } -.c14 { - font-size: 8px; +.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; } -.c13 { - float: left; - padding-top: 3px; +.c40 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + margin-top: -14px; } -.c16 { - font-size: 9px; +.c32 { + display: block; + list-style: none; + padding: 0; } - -`; +.c35 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; +} -exports[`Storyshots LocationField/Mobile Context With Session Searches 1`] = ` - - - -`; +.c35 > span { + margin-right: 1ch; +} -exports[`Storyshots LocationField/Mobile Context With Session Searches 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; +.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; } -.c4 { - color: #f44256; +.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; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c30 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; } -.c1 { - border: none; - background: none; +.c34 { + fill: #676767; + float: left; + height: 16px; + width: 16px; } -.c2 { - width: 30px; +.c33 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; +.c36 { + font-weight: 500; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c37 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c61 { + float: left; + margin-left: -36px; + color: #fff; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; +.c62 { + color: #676767; + margin-top: 3px; +} + +.c59 { + z-index: 30; position: relative; } -.c12 { - background-color: transparent; - clear: both; - color: #333; +.c50 { + background-color: #eee; + border-radius: 4px; + color: #000; display: block; - font-weight: 400; - line-height: 1.42857143; - padding: 3px 20px; + margin-top: 5px; + padding: 8px; -webkit-text-decoration: none; text-decoration: none; - white-space: nowrap; } -.c10 { - color: #eee; - background-color: #333; +.c52 { font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; + margin-left: 30px; + white-space: pre-wrap; } -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; +.c53 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; } -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; +.c51 { + float: left; + font-size: 18px; } -.c13 { +.c49 { display: block; - padding-top: 5px; - padding-bottom: 3px; + margin-top: 3px; } -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.c48 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; } -.c14 { - float: left; +.c54 { + margin-top: 5px; } -.c9 { - border: none; - box-shadow: none; - display: block; +.c55 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } -
    - - - - -
    -`; +.c57 { + font-size: 14px; +} -exports[`Storyshots LocationField/Mobile Context With User Settings 1`] = ` - - - -`; +.c56 { + padding: 0; +} -exports[`Storyshots LocationField/Mobile Context With User Settings 2`] = ` -.c3 { - display: inline-block; - vertical-align: middle; - overflow: hidden; +.c47 { + margin-top: 5px; } -.c4 { - color: #f44256; +.c47 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; } -.c6 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c47 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; } -.c1 { - border: none; - background: none; +.c47 img { + margin-left: 5px; + vertical-align: middle; } -.c2 { - width: 30px; +.c1 { + font-size: 16px; } -.c8 { - background-clip: padding-box; - background-color: #fff; - border-radius: 4px; - border: 1px solid rgba(0,0,0,0.15); - box-shadow: 0 6px 12px rgba(0,0,0,0.175); - float: left; - font-size: 14px; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 160px; - padding: 5px 0; - position: absolute; - text-align: left; - top: 100%; - z-index: 1000000; +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; } -input[aria-expanded="false"] ~ .c7 { - -webkit-clip: rect(0,0,0,0); - clip: rect(0,0,0,0); - display: inline-block; - height: 0; - overflow: hidden; - width: 0; +.c1 .c4 { + display: table-cell; + max-width: 20px; + width: 20px; + padding: 0; + position: relative; } -.c5 { - border: none; - box-shadow: none; - font-size: 17px; - outline: none; +.c1 .c13 { + color: #000; + font-size: 18px; + font-weight: 500; + line-height: 20px; } -.c0 { - border-bottom: 1px solid #000; - border-collapse: separate; - display: table; - margin-bottom: 15px; - position: relative; +.c1 .c15 { + height: inherit; + white-space: normal; } -.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; +.c1 .c2 { + width: 100%; } -.c10 { - color: #eee; - background-color: #333; - font-size: 12px; - font-weight: normal; - line-height: 1.42857143; - margin: 0; - padding: 0px 10px; - text-align: center; - white-space: nowrap; +.c1 .c60 { + margin-left: -23px; } -.c11:hover { - background-color: #f5f5f5; - cursor: pointer; +.c1 .c17 { + color: #676767; + display: table-cell; + font-size: 14px; + padding-right: 4px; + padding-top: 2px; + text-align: right; + vertical-align: top; + width: 60px; } -.c11[aria-hidden="true"]:hover { - background-color: unset; - cursor: default; +.c7 { + position: absolute; + width: 100%; + top: 3px; + z-index: 20; } -.c13 { - display: block; - padding-top: 5px; - padding-bottom: 3px; +.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; } -.c15 { - margin-left: 30px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.c38 { + background: repeating-linear-gradient( 0deg,red,red 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; } -.c14 { - float: left; +.c39 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #084C8D; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; } .c9 { - border: none; - box-shadow: none; - display: block; + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; } -
    - - - -
      -

      + + + +

    +
    - otpUi.LocationField.myPlaces - -
  • + KGW Studio on the Sq, Portland, OR, USA + +
    • + + + +
    - - - - Coffee Roasters Shop, 55 Coffee Street - +
      +
    1. +
      + + + +
      +
      + + LEFT + on + + Unnamed Path + + + 20 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + LEFT + on + + SW 6th Ave + + + 245 feet + + +
      +
      3. +
    3. +
      + + + +
      +
      + + LEFT + on + + SW Morrison St + + + 241 feet + + +
      +
      4. +
    4. +
      + + + +
      +
      + + LEFT + on + + Unnamed Path + + + 27 feet + + +
      +
      5. +
    +
    +     -     - -
  • + +
    • +
  • + +
    + + corner of path and Pioneer Sq N (path) + +
    +
    + 3:45 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    • -
  • + +
    • +
  • + +
    + + Pioneer Square North MAX Station + +
    +
    + 3:46 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    + +
    +
    + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + + + +
    + +
    +
    + Service operated by + + TriMet + + +
    + +
    - otpUi.LocationField.useCurrentLocation - - - -
    • - - -`; - -exports[`Storyshots LocationIcon Custom Style For To 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon Custom Style For To 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #f44256; -} - -.c2 { - color: blue; -} - - -`; - -exports[`Storyshots LocationIcon From 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon From 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #333; -} - - -`; - -exports[`Storyshots LocationIcon Generic Place 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon Generic Place 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #333; -} - - -`; - -exports[`Storyshots LocationIcon To 1`] = ` - - - -`; - -exports[`Storyshots LocationIcon To 2`] = ` -.c0 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c1 { - color: #f44256; -} - - -`; - -exports[`Storyshots Map Popup Floating Vehicle Entity 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Floating Vehicle Entity 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c2 { - margin-top: 6px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -.c5 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c6 { - color: #333; -} - -.c8 { - color: #f44256; -} - -.c4:first-of-type { - border-left: none; -} - -.c3 > * { - padding-left: 0.4em; - border-left: 1px solid black; -} - -.c7 { - background: none; - border: none; - color: navy; - font-family: inherit; - font-size: inherit; - line-height: inherit; - padding-left: 0.2em; -} - -.c7:hover { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; -} - - + +
    +
    + + + Trip Viewer + +
    +
    +
    +
    +
      +
    1. +
      + • +
      +
      + Galleria/SW 10th Ave MAX Station +
      +
      2. +
    +
    +
    +
    +
    + + + + +
  • - - Plan a trip: - - +
    - + + + +
    +
    + + Providence Park MAX Station +
    +
    + 3:49 PM +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    + Stop ID 9757 + + Stop Viewer + +
    +
    +
    + + + + + + + + + + + - + + + Walk 19 feet to + + corner of path and Providence Park (path) + + + + +
    + + + + +
    +
    +
      +
    1. +
      + + + +
      +
      + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
      +
      2. +
    +
    +
    +     +
    +
    +
    • +
  • +
    +
    - + + + +
    +
    + + corner of path and Providence Park (path) +
    +
    + 3:49 PM +
    + + otpUi.TransitLegBody.fromLocation -

    -
    -`; - -exports[`Storyshots Map Popup Station Entity 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Station Entity 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c2 { - margin-top: 6px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -.c5 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c6 { - color: #333; -} - -.c8 { - color: #f44256; -} - -.c4:first-of-type { - border-left: none; -} - -.c3 > * { - padding-left: 0.4em; - border-left: 1px solid black; -} - -.c7 { - background: none; - border: none; - color: navy; - font-family: inherit; - font-size: inherit; - line-height: inherit; - padding-left: 0.2em; -} - -.c7:hover { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; -} - -
    -
    - SW Morrison at 18th -
    -

    -

    - Available bikes: 6 -
    -
    - Available docks: 11 +
    +
    +
    + + + + + + + + + + - + + + Bicycle 230 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
    + + + + +
    +
    +
      +
    1. +
      + + + +
      +
      + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
      +
      2. +
    2. +
      + + + +
      +
      + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
      +
      3. +
    3. +
      + + + +
      +
      + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
      +
      4. +
    +
    +
    +     +
    -

    -

    +

  • - - Plan a trip: - - - - - - - -

    - -`; - -exports[`Storyshots Map Popup Stop Entity 1`] = ` - - - -`; - -exports[`Storyshots Map Popup Stop Entity 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c2 { - margin-top: 6px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -.c6 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c7 { - color: #333; -} - -.c9 { - color: #f44256; -} - -.c5:first-of-type { - border-left: none; -} - -.c4 > * { - padding-left: 0.4em; - border-left: 1px solid black; -} - -.c8 { - background: none; - border: none; - color: navy; - font-family: inherit; - font-size: inherit; - line-height: inherit; - padding-left: 0.2em; -} - -.c8:hover { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; -} - -.c3 { - background: none; - border-bottom: none; - border-left: 1px solid #000; - border-right: none; - border-top: none; - color: #008; - font-family: inherit; - margin-left: 5px; - padding-top: 0; -} - -
    -
    - W Burnside & SW 2nd -
    -

    - - Stop ID: 9526 - - -

    -

    - - Plan a trip: - - +

    - - - - - - + 1737 SW Morrison St, Portland, OR, USA 97205 +
    +
    + 3:50 PM +
    + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 -

    -
    +
    +
    • + `; -exports[`Storyshots Map Popup Stop Entity No Handlers 1`] = ` +exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 1`] = ` - - -`; - -exports[`Storyshots Map Popup Stop Entity No Handlers 2`] = ` -.c0 { - font-size: 12px; - line-height: 1.5; - min-width: 250px; -} - -.c1 { - font-size: 18px; - font-weight: 500; - margin-bottom: 6px; -} - -
    -
    - W Burnside & SW 2nd -
    -
    -`; - -exports[`Storyshots ParkAndRideOverlay Default 1`] = ` - - - - - - + "transitLeg": false, + "trip": null, + }, + ], + "startTime": 1684864716000, + "waitingTime": 0, + "walkTime": 330, + } + } + /> `; -exports[`Storyshots ParkAndRideOverlay Default 2`] = ` -.c0 { - height: 90vh; +exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; } -
    -
    -
    -`; +.c11 { + color: #333; +} -exports[`Storyshots RouteViewerOverlay Default 1`] = ` - - - - - - - - - -`; +.c57 { + color: #f44256; +} + +.c27 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + 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 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c38:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c39 { + padding-left: 0px; +} + +.c39:before { + content: "|"; + color: black; + margin-right: 5px; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c54 { + bottom: 0; + left: 110px; + position: absolute; + right: 0; + top: 0; +} + +.c55 { + background-color: #fcf9d3; + display: table; + height: 100%; + width: 100%; +} + +.c53 { + 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; +} + +.c56 { + 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; +} + +.c48 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} -exports[`Storyshots RouteViewerOverlay Default 2`] = ` .c0 { - height: 90vh; + list-style: none; + padding: 0; } -
    -
    -
    -`; +.c22 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} -exports[`Storyshots RouteViewerOverlay Flex Route 1`] = ` - - - - - - - +
  • +
    +
    + + + + +
    +
    + + 128 NW 12th Ave, Portland + +
    +
    +
    + + 10:58 AM + +
    +
    + + Delayed xx min. +
    +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + Wait 4 minutes for pickup +
    +
    +
    + + + + + + + + + + + + + - + + + Ride 0.4 miles to + + West Burnside Street + + + + +
    + +
    + Estimated travel time: + 2 min + (does not account for traffic) +
    +
    + Estimated cost: + $17.00 + - + $19.00 +
    +
    +
    +
    +
    • +
  • +
    +
    + + + +
    +
    + + West Burnside Street + +
    +
    +
    + + 11:01 AM + +
    +
    + + Delayed xx min. +
    +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + + + + + + + + + + + - + + + Walk to + + W Burnside & SW 6th + + + + +
    + + + + +
    +
    +
      +
    +
    +     +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    + + W Burnside & SW 6th + +
    +
    +
    + + 11:02 AM + +
    +
    + + Delayed xx min. +
    +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    + Stop ID + + Stop Viewer + +
    +
    +
    + + + + - + Ride + + + + + + + + + + + + + + + + + + + + - + Disembark at + E Burnside & SE 12th + + + + +
    + +
    +
    + Service operated by + +
    +
    +
    +
    +
    + +
    +
    +
    +
      +
    1. +
      + • +
      +
      + W Burnside & SW 2nd +
      +
      2. +
    2. +
      + • +
      +
      + E Burnside & SE 8th +
      +
      3. +
    +
    +
    +
    +
    +
    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    + + E Burnside & SE 12th + +
    +
    +
    + + 11:08 AM + +
    +
    + + Delayed xx min. +
    +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + + + + + + + + + + + - + + + Walk to + + East Burnside Street + + + + +
    + + + + +
    +
    +
      +
    +
    +     +
    +
    +
    • +
  • +
    +
    + + + +
    +
    + + East Burnside Street + +
    +
    +
    + + 11:09 AM + +
    +
    + + Delayed xx min. +
    +
    + + otpUi.TransitLegBody.fromLocation + +
    +
    +
    + Wait for pickup +
    +
    +
    + + + + + + + + + + + + + - + + + Ride 0.2 miles to + + 407 NE 12th Ave, Portland + + + + +
    +
    + + Book Ride + +
    +
    +
    +
    + Wait until 11:08 AM to book +
    +
    +
    +
    +
    + Estimated travel time: + 1 min + (does not account for traffic) +
    +
    + Estimated cost: + $17.00 + - + $18.00 +
    +
    +
    +
    +
    • +
  • +
    + + + + +
    +
    + + 407 NE 12th Ave, Portland + +
    +
    +
    + + 11:10 AM + +
    +
    + + Delayed xx min. +
    +
    + + Arrive at + 407 NE 12th Ave, Portland + +
    +
    • + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c40 { + color: #f44256; +} + +.c26 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c21 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c27 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c22 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + line-height: 16px; + min-height: 31px; + position: relative; +} + +.c19 { + display: inline-block; + grid-row-start: 2; + grid-column-start: 1; + height: 0; + overflow: hidden; + width: 0; +} + +.c25 { + font-weight: inherit; +} + +.c24 img, +.c24 svg { + margin-right: 6px; + height: 24px; + width: 24px; + vertical-align: bottom; +} + +.c23 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.c5 { + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; +} + +.c28 { + display: grid; + grid-template-columns: 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; +} + +.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; +} + +.c38 { + background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c9 { + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; +} + +.c10 { + top: 3px; +} + +.c12 { + left: 0; + position: absolute; + text-align: center; + width: 100%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 600 SW 5th Ave, Portland, OR, USA 97204 + +
      +
      + 3:45 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 206 feet to + + EMAQ + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + SW Alder St + + + 118 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + SW 4th Ave + + + 88 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + EMAQ + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Razor + E-scooter + +
      +
      +
      + + + + + RAZOR + + + + + - + + + Ride 0.3 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SW 4th Ave + + + 0.2 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Pine St + + + 456 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      3. +
    3. +
      + + + + +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 3:48 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      4. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c65 { + color: #f44256; +} + +.c26 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c47 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c47:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c48 { + padding-left: 0px; +} + +.c48:before { + content: "|"; + color: black; + margin-right: 5px; +} + +.c54 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c60 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c21 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c27 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c22 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + line-height: 16px; + min-height: 31px; + position: relative; +} + +.c19 { + display: inline-block; + grid-row-start: 2; + grid-column-start: 1; + height: 0; + overflow: hidden; + width: 0; +} + +.c53 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c52 { + font-size: 13px; + font-weight: 500; +} + +.c51 { + font-weight: 800; + margin-right: 6px; +} + +.c49 { + color: #807373; + margin-top: 5px; +} + +.c24 img, +.c24 svg { + margin-right: 6px; + 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; +} + +.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; + 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; +} + +.c45 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + 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 { + display: block; + list-style: none; + padding: 0; +} + +.c35 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; +} + +.c35 > span { + margin-right: 1ch; +} + +.c29 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + margin-top: 10px; +} + +.c29 a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.c30 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c34 { + fill: #676767; + float: left; + height: 16px; + width: 16px; +} + +.c33 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; +} + +.c36 { + font-weight: 500; +} + +.c37 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c63 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c64 { + color: #676767; + margin-top: 3px; +} + +.c61 { + z-index: 30; + position: relative; +} + +.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; +} + +.c55 { + margin-top: 5px; +} + +.c55 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c55 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c55 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c50 { + background-color: rgb(15,106,172); + border-color: white; + border-image: initial; + border-radius: 12px; + border-style: solid; + border-width: 1px; + box-shadow: rgb(0,0,0) 0px 0px 0.25em; + color: white; + display: inline-block; + font-size: 14px; + font-weight: 500; + height: 24px; + line-height: 1.5; + margin-right: 8px; + min-width: 24px; + padding: 2px 3px; + text-align: center; +} + +.c1 .c4 { + 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 .c62 { + 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; +} + +.c44 { + background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c46 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #000088; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c9 { + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; +} + +.c10 { + top: 3px; +} + +.c12 { + left: 0; + position: absolute; + text-align: center; + width: 100%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 2943 SE Washington St, Portland, OR, USA 97214 + +
      +
      + 3:45 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.4 miles to + + Shared E-scooter + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + SE 30th Ave + + + 0.2 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Belmont St + + + 330 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE 29th Ave + + + 511 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SE Taylor St + + + 235 feet + + +
        +
        5. +
      +
      +
      +
      + +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + Shared E-scooter + +
      +
      + 3:54 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Shared + E-scooter + +
      +
      +
      + + + + + SHARED + + + + + - + + + Ride 1.4 miles to + + NE Broadway + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SE Taylor St + + + 26 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 28th Ave + + + 0.6 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NE 28th Ave + + + 0.7 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NE Halsey St + + + 17 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + NE Halsey St + + + 59 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + SLIGHTLY_LEFT + on + + NE 28th Ave + + + 28 feet + + +
        +
        7. +
      7. +
        + + + +
        +
        + + SLIGHTLY_LEFT + on + + NE 28th Ave + + + 489 feet + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + NE Broadway + + + 86 feet + + +
        +
        9. +
      +
      +
      +
      + +
      +       +
      +
      +
      3. +
    3. +
      +
      + + + +
      +
      + + NE Broadway + +
      +
      + 4:03 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + NE Broadway & 28th + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + RIGHT + on + + street transit link + + +
        +
        2. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + NE Broadway & 28th + +
      +
      + 4:08 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 638 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 70 + + + + + 12th/NE 33rd Ave + + to + + NE Sunderland + + + + + - + Disembark at + NE 33rd & Shaver + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + NE Broadway & 32nd +
        +
        2. +
      2. +
        + • +
        +
        + NE 33rd & Schuyler +
        +
        3. +
      3. +
        + • +
        +
        + NE 33rd & US Grant Pl +
        +
        4. +
      4. +
        + • +
        +
        + NE 33rd & Brazee +
        +
        5. +
      5. +
        + • +
        +
        + NE 33rd & Knott +
        +
        6. +
      6. +
        + • +
        +
        + NE 33rd & Stanton +
        +
        7. +
      7. +
        + • +
        +
        + NE 33rd & Siskiyou +
        +
        8. +
      8. +
        + • +
        +
        + NE 33rd & Alameda +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + NE 33rd & Shaver + +
      +
      + 4:17 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7393 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.4 miles to + + Shared E-scooter + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTH + on + + NE 33rd Ave + + + 33 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + NE Shaver St + + + 0.3 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + NE 38th Ave + + + 332 feet + + +
        +
        4. +
      +
      +
      +
      + +
      +       +
      +
      +
      6. +
    6. +
      +
      + + + +
      +
      + + Shared E-scooter + +
      +
      + 4:25 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Shared + E-scooter + +
      +
      +
      + + + + + SHARED + + + + + - + + + Ride 1 mile to + + 5112 NE 47th Pl, Portland, OR, USA 97218 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + NE 38th Ave + + + 355 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + NE Skidmore St + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + NE 42nd Ave + + + 0.4 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + NE Alberta St + + + 0.3 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + NE 47th Pl + + + 313 feet + + +
        +
        6. +
      +
      +
      +
      + +
      +       +
      +
      +
      7. +
    7. +
      + + + + +
      +
      + + 5112 NE 47th Pl, Portland, OR, USA 97218 + +
      +
      + 4:31 PM +
      + + Arrive at + 5112 NE 47th Pl, Portland, OR, USA 97218 + +
      +
      8. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c61 { + 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; +} + +.c50 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c56 { + 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; +} + +.c25 { + font-weight: inherit; +} + +.c49 { + font-size: 13px; + font-weight: 500; +} + +.c48 { + 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; +} + +.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; + 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; +} + +.c45 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + 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 { + 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; +} + +.c59 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c60 { + color: #676767; + margin-top: 3px; +} + +.c57 { + z-index: 30; + position: relative; +} + +.c52 { + margin-top: 5px; +} + +.c53 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c55 { + font-size: 14px; +} + +.c54 { + padding: 0; +} + +.c51 { + margin-top: 5px; +} + +.c51 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c51 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c51 img { + margin-left: 5px; + vertical-align: middle; +} + +.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 .c58 { + 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; +} + +.c44 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 47.7792, -122.29032 + +
      +
      + 3:23 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.5 miles to + + 48th Ave W & 244th St SW + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + ENTER_STATION + at + + fake station entrance name + + +
        +
        2. +
      2. +
        + + + +
        +
        + + Follow signs to + + fake station exit + + +
        +
        3. +
      3. +
        + + + +
        +
        + + EXIT_STATION + at + + fake station entrance name + + +
        +
        4. +
      4. +
        + + + +
        +
        + + Head + EAST + on + + 242nd Street Southwest + + + 120 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + Cedar Way + + + 0.1 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + RIGHT + on + + Northeast 205th Street - 244th Street Southwest + + + 0.4 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 91 feet + + +
        +
        8. +
      +
      +
      +
      + +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + 48th Ave W & 244th St SW + +
      +
      + 3:33 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + + + + + + - + Disembark at + Northgate Station - Bay 4 + + + + +
      + +
      +
      + Service operated by + +
      +
      +
      +
      +
      + +
      +
      +
      +
        +
      1. +
        + • +
        +
        + NE 205th St & 52nd Ave W +
        +
        2. +
      2. +
        + • +
        +
        + NE 205th St & 56th Ave W +
        +
        3. +
      3. +
        + • +
        +
        + NE 205th St & 58th Pl W +
        +
        4. +
      4. +
        + • +
        +
        + 15th Ave NE & Ballinger Way NE +
        +
        5. +
      5. +
        + • +
        +
        + 15th Ave NE & Forest Park Dr NE +
        +
        6. +
      6. +
        + • +
        +
        + 15th Ave NE & NE 200th Ct +
        +
        7. +
      7. +
        + • +
        +
        + 15th Ave NE & NE 192nd St +
        +
        8. +
      8. +
        + • +
        +
        + 15th Ave NE & NE Perkins Way +
        +
        9. +
      9. +
        + • +
        +
        + 15th Ave NE & 24th Ave NE +
        +
        10. +
      10. +
        + • +
        +
        + 15th Ave NE & NE 180th St +
        +
        11. +
      11. +
        + • +
        +
        + NE 175th St & 15th Ave NE +
        +
        12. +
      12. +
        + • +
        +
        + NE 175th St & 10th Ave NE +
        +
        13. +
      13. +
        + • +
        +
        + 5th Ave NE & NE 174th St +
        +
        14. +
      14. +
        + • +
        +
        + 5th Ave NE & NE 170th St +
        +
        15. +
      15. +
        + • +
        +
        + 5th Ave NE & NE 163rd St +
        +
        16. +
      16. +
        + • +
        +
        + 5th Ave NE & NE 161st St +
        +
        17. +
      17. +
        + • +
        +
        + 5th Ave NE & NE 158th St +
        +
        18. +
      18. +
        + • +
        +
        + 5th Ave NE & NE 155th St +
        +
        19. +
      19. +
        + • +
        +
        + 5th Ave NE & NE 152nd St +
        +
        20. +
      20. +
        + • +
        +
        + 5th Ave NE & NE 148th St +
        +
        21. +
      21. +
        + • +
        +
        + NE 145th St & 6th Ave NE +
        +
        22. +
      22. +
        + • +
        +
        + NE 145th St & 12th Ave NE +
        +
        23. +
      23. +
        + • +
        +
        + 15th Ave NE & NE 145th St +
        +
        24. +
      24. +
        + • +
        +
        + 15th Ave NE & NE 143rd St +
        +
        25. +
      25. +
        + • +
        +
        + 15th Ave NE & NE 140th St +
        +
        26. +
      26. +
        + • +
        +
        + 15th Ave NE & NE 135th St +
        +
        27. +
      27. +
        + • +
        +
        + 15th Ave NE & NE 130th St +
        +
        28. +
      28. +
        + • +
        +
        + 15th Ave NE & NE 127th St +
        +
        29. +
      29. +
        + • +
        +
        + 15th Ave NE & NE 125th St +
        +
        30. +
      30. +
        + • +
        +
        + 15th Ave NE & NE 123rd St +
        +
        31. +
      31. +
        + • +
        +
        + 15th Ave NE & NE 120th St +
        +
        32. +
      32. +
        + • +
        +
        + Pinehurst Way NE & NE 115th St +
        +
        33. +
      33. +
        + • +
        +
        + NE Northgate Way & Roosevelt Way NE +
        +
        34. +
      34. +
        + • +
        +
        + 5th Ave NE & NE Northgate Way +
        +
        35. +
      35. +
        + • +
        +
        + 5th Ave NE & Northgate Mall +
        +
        36. +
      36. +
        + • +
        +
        + NE 103rd St & 5th Ave NE +
        +
        37. +
      +
      + Fare: + $2.75 +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Northgate Station - Bay 4 + +
      +
      + 4:09 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 200 feet to + + Northgate Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTH + on + + Unnamed Path + + + 200 feet + + +
        +
        2. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Northgate Station + +
      +
      + 4:13 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + + + - + Disembark at + Othello Station + + + + +
      + +
      +
      + Service operated by + +
      +
      +
      +
      +
      + +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Roosevelt Station +
        +
        2. +
      2. +
        + • +
        +
        + U District Station +
        +
        3. +
      3. +
        + • +
        +
        + Univ of Washington Station +
        +
        4. +
      4. +
        + • +
        +
        + Capitol Hill Station +
        +
        5. +
      5. +
        + • +
        +
        + Westlake Station +
        +
        6. +
      6. +
        + • +
        +
        + University St Station +
        +
        7. +
      7. +
        + • +
        +
        + Pioneer Square Station +
        +
        8. +
      8. +
        + • +
        +
        + Int'l Dist/Chinatown Station +
        +
        9. +
      9. +
        + • +
        +
        + Stadium Station +
        +
        10. +
      10. +
        + • +
        +
        + SODO Station +
        +
        11. +
      11. +
        + • +
        +
        + Beacon Hill Station +
        +
        12. +
      12. +
        + • +
        +
        + Mount Baker Station +
        +
        13. +
      13. +
        + • +
        +
        + Columbia City Station +
        +
        14. +
      +
      + Fare: + $3.00 +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + Othello Station + +
      +
      + 4:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 1.3 miles to + + New Light Christian Church, Seattle, WA, USA + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + Martin Luther King Junior Way South + + + 49 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 40 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + parking aisle + + + 260 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + sidewalk + + + 0.1 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + sidewalk + + + 0.1 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + HARD_RIGHT + on + + Unnamed Path + + + 0.1 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + RIGHT + on + + South Webster Street + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 181 feet + + +
        +
        9. +
      9. +
        + + + +
        +
        + + LEFT + on + + South Webster Street + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + SLIGHTLY_LEFT + on + + 29th Avenue South + + + 190 feet + + +
        +
        11. +
      11. +
        + + + +
        +
        + + CONTINUE + on + + Military Road South + + + 0.4 miles + + +
        +
        12. +
      12. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 433 feet + + +
        +
        13. +
      +
      +
      +
      + +
      +       +
      +
      +
      6. +
    6. +
      + + + + +
      +
      + + New Light Christian Church, Seattle, WA, USA + +
      +
      + 5:18 PM +
      + + Arrive at + New Light Christian Church, Seattle, WA, USA + +
      +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c67 { + 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; +} + +.c53 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c66 { + color: #b22727; + margin-top: 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; +} + +.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; + 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; +} + +.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; + 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; +} + +.c45 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + 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 { + 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; +} + +.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; +} + +.c54 { + margin-top: 5px; +} + +.c54 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c54 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c54 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + 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; + 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: 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; +} + +.c44 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #111; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c64 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #0076CE; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c65 { + background-color: gray; + left: 5px; + right: 5px; + background-color: #000088; + background: repeating-linear-gradient( -45deg, #00008830, #00008830 5px, #000088 5px, #000088 10px ); + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 2nd Avenue, Longmont, CO, USA + +
      +
      + 4:59 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.3 miles to + + S Main St & 1st Ave + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + parking aisle + + + 148 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Emery Street + + + 0.1 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + 1st Avenue + + + 0.1 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + parking aisle + + + 280 feet + + +
        +
        5. +
      +
      +
      +
      + +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + S Main St & 1st Ave + +
      +
      + 5:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 25633 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + LD3 + + + + + Longmont / Denver + + to + + US36/Broomfield Stn + + + + + - + Disembark at + US 287 & Arapahoe Rd + + + + +
      + +
      +
      + Service operated by + + Regional Transportation District + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + S Main St & Ken Pratt Blvd +
        +
        2. +
      2. +
        + • +
        +
        + S Main St & Jersey Ave +
        +
        3. +
      3. +
        + • +
        +
        + S Main St & Missouri Ave +
        +
        4. +
      4. +
        + • +
        +
        + S Main St & Quebec Ave +
        +
        5. +
      5. +
        + • +
        +
        + US 287 & Pike Rd +
        +
        6. +
      6. +
        + • +
        +
        + US 287 & Niwot Rd +
        +
        7. +
      7. +
        + • +
        +
        + US 287 & Hwy 52 +
        +
        8. +
      8. +
        + • +
        +
        + US 287 & Lookout Rd +
        +
        9. +
      9. +
        + • +
        +
        + US 287 & Dawson Dr +
        +
        10. +
      10. +
        + • +
        +
        + US 287 & Goose Haven Dr +
        +
        11. +
      11. +
        + • +
        +
        + US 287 & Isabelle Rd +
        +
        12. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + US 287 & Arapahoe Rd + +
      +
      + 5:25 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 33109 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.2 miles to + + Arapahoe Rd & Stonehenge Dr + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + US Highway 287 + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Arapahoe Road + + + 485 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Arapahoe Rd & Stonehenge Dr + +
      +
      + 6:00 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 33465 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + JUMP + + + + + Boulder / Lafayette via Arapahoe + + to + + Erie Community Center + + + + + - + Disembark at + Erie Community Center + + + + +
      + +
      +
      + Service operated by + + Regional Transportation District + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Arapahoe Rd & US 287 +
        +
        2. +
      2. +
        + • +
        +
        + Arapahoe Rd & 111th St +
        +
        3. +
      3. +
        + • +
        +
        + Arapahoe Rd & Hawkridge Rd +
        +
        4. +
      4. +
        + • +
        +
        + 2800 Block 119th St +
        +
        5. +
      5. +
        + • +
        +
        + 119th St & Austin Ave +
        +
        6. +
      6. +
        + • +
        +
        + Erie Pkwy & Brennan St +
        +
        7. +
      7. +
        + • +
        +
        + Erie Pkwy & Meller St +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + Erie Community Center + +
      +
      + 6:12 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 33200 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 124 feet to + + corner of path and Powers Street + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + sidewalk + + + 86 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 38 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      +
      + + + + +
      +
      + + 60plusride-co-us:area_626 + +
      +
      + 6:12 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID area_626 +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + + + 60+ Ride + + + + + - + Disembark at + 60plusride-co-us:area_626 + + + + +
      + +
      +
      + Service operated by + + 60+ Ride + +
      +
      + To take this route, you must + call 555-352-9348 + at least 7 days in advance + . +
      +
      +
      +
      +
      +
      +
      +
      7. +
    7. +
      + + + + +
      +
      + + 60plusride-co-us:area_626 + +
      +
      + 6:37 PM +
      + + Arrive at + 60plusride-co-us:area_626 + +
      +
      8. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c46 { + 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; +} + +.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; + 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; +} + +.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; + padding: 0; +} + +.c35 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; +} + +.c35 > span { + margin-right: 1ch; +} + +.c29 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + margin-top: 10px; +} + +.c29 a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.c30 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c34 { + fill: #676767; + float: left; + height: 16px; + width: 16px; +} + +.c33 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; +} + +.c36 { + font-weight: 500; +} + +.c37 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c4 { + 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; +} + +.c38 { + background: repeating-linear-gradient( 0deg,#f5a729,#f5a729 8px,white 8px,white 12.5px ); + left: 7.5px; + right: 7.5px; + bottom: -11px; + position: absolute; + top: 11px; + z-index: 10; +} + +.c9 { + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + width: 100%; +} + +.c10 { + top: 3px; +} + +.c12 { + left: 0; + position: absolute; + text-align: center; + width: 100%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 300 Courtland St NE, Atlanta, GA 30303-12ND, United States + +
      +
      + 9:15 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.2 miles to + + Razor Vehicle + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + Courtland Street Northeast + + + 172 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 0.1 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Peachtree Center Avenue Northeast + + + 140 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + Razor E-scooter + +
      +
      + 9:19 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Razor + E-scooter + +
      +
      +
      + + + + + + + + + + - + + + Ride 1 mile to + + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + HARD_RIGHT + on + + Peachtree Center Avenue Northeast + + + 12 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + service road + + + 10 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Peachtree Center Cycle Track + + + 0.5 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Edgewood Avenue Northeast + + + 0.1 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + Pryor Street Southwest + + + 269 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + Pryor Street + + + 518 feet + + +
        +
        7. +
      7. +
        + + + +
        +
        + + CONTINUE + on + + Pryor Street Southwest + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 19 feet + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + sidewalk + + + 22 feet + + +
        +
        10. +
      +
      +
      +
      + +
      +       +
      +
      +
      3. +
    3. +
      + + + + +
      +
      + + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + +
      +
      + 9:26 AM +
      + + Arrive at + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + +
      +
      4. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 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; +} + +.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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; +} + +.c45 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c44 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.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 .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: 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Sunset TC MAX Station + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2600 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + + +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Oak/ SW 1st Ave MAX Station + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8337 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      +
      5. +
    5. +
      + + + + +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c62 { + 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; +} + +.c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; + -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; +} + +.c44 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c43 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.c60 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c61 { + color: #676767; + margin-top: 3px; +} + +.c58 { + z-index: 30; + position: relative; +} + +.c49 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c51 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c52 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c50 { + float: left; + font-size: 18px; +} + +.c48 { + display: block; + margin-top: 3px; +} + +.c47 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c53 { + margin-top: 5px; +} + +.c54 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c56 { + font-size: 14px; +} + +.c55 { + 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 .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 .c59 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Pioneer Square North MAX Station + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8383 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + +
      +
      + +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Providence Park MAX Station + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 9757 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      + + + + +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collapsing 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c62 { + 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; +} + +.c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; + -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; +} + +.c44 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c43 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.c60 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c61 { + color: #676767; + margin-top: 3px; +} + +.c58 { + z-index: 30; + position: relative; +} + +.c49 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c51 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c52 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c50 { + float: left; + font-size: 18px; +} + +.c48 { + display: block; + margin-top: 3px; +} + +.c47 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c53 { + margin-top: 5px; +} + +.c54 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c56 { + font-size: 14px; +} + +.c55 { + 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 .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 .c59 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Pioneer Square North MAX Station + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8383 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + +
      +
      + +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Providence Park MAX Station + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 9757 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      + + + + +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsing Prop 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c62 { + 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; +} + +.c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; + -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; +} + +.c44 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c43 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.c60 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c61 { + color: #676767; + margin-top: 3px; +} + +.c58 { + z-index: 30; + position: relative; +} + +.c49 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c51 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c52 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c50 { + float: left; + font-size: 18px; +} + +.c48 { + display: block; + margin-top: 3px; +} + +.c47 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c53 { + margin-top: 5px; +} + +.c54 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c56 { + font-size: 14px; +} + +.c55 { + 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 .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 .c59 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Pioneer Square North MAX Station + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8383 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + +
      +
      + +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Providence Park MAX Station + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 9757 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      + + + + +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c57 { + color: #f44256; +} + +.c27 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + 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 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c38:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c39 { + padding-left: 0px; +} + +.c39:before { + content: "|"; + color: black; + margin-right: 5px; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c54 { + bottom: 0; + left: 110px; + position: absolute; + right: 0; + top: 0; +} + +.c55 { + background-color: #fcf9d3; + display: table; + height: 100%; + width: 100%; +} + +.c53 { + 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; +} + +.c56 { + 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; +} + +.c48 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c22 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c28 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c23 { + -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; +} + +.c26 { + font-weight: inherit; +} + +.c41 { + font-size: 13px; + font-weight: 500; +} + +.c40 { + color: #807373; + margin-top: 5px; +} + +.c25 img, +.c25 svg { + margin-right: 6px; + height: 24px; + width: 24px; + vertical-align: bottom; +} + +.c24 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.c5 { + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; +} + +.c32 { + 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; +} + +.c21 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + margin-top: -14px; +} + +.c36 { + display: block; + list-style: none; + padding: 0; +} + +.c33 { + 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; +} + +.c33 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; +} + +.c34 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c51 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c52 { + color: #676767; + margin-top: 3px; +} + +.c49 { + z-index: 30; + position: relative; +} + +.c44 { + margin-top: 5px; +} + +.c45 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c47 { + font-size: 14px; +} + +.c46 { + padding: 0; +} + +.c43 { + margin-top: 5px; +} + +.c43 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c43 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c43 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + 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 .c50 { + 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; +} + +.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; +} + +.c37 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 128 NW 12th Ave, Portland + +
      +
      + 10:58 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + Wait 4 minutes for pickup +
      +
      +
      + + + + + uber + + + + + - + + + Ride 0.4 miles to + + West Burnside Street + + + + +
      + +
      + Estimated travel time: + 2 min + (does not account for traffic) +
      +
      + Estimated cost: + $17.00 + - + $19.00 +
      +
      +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + West Burnside Street + +
      +
      + 11:01 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + W Burnside & SW 6th + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + W Burnside & SW 6th + +
      +
      + 11:02 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + + + + + + - + Disembark at + E Burnside & SE 12th + + + + +
      + +
      +
      + Service operated by + +
      +
      +
      +
      +
      + +
      +
      +
      +
        +
      1. +
        + • +
        +
        + W Burnside & SW 2nd +
        +
        2. +
      2. +
        + • +
        +
        + E Burnside & SE 8th +
        +
        3. +
      +
      +
      +
      +
      +
      +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + E Burnside & SE 12th + +
      +
      + 11:08 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + East Burnside Street + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      +
      5. +
    5. +
      +
      + + + +
      +
      + + East Burnside Street + +
      +
      + 11:09 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + Wait for pickup +
      +
      +
      + + + + + uber + + + + + - + + + Ride 0.2 miles to + + 407 NE 12th Ave, Portland + + + + +
      +
      + + Book Ride + +
      +
      +
      +
      + Wait until 11:08 AM to book +
      +
      +
      +
      +
      + Estimated travel time: + 1 min + (does not account for traffic) +
      +
      + Estimated cost: + $17.00 + - + $18.00 +
      +
      +
      +
      +
      6. +
    6. +
      + + + + +
      +
      + + 407 NE 12th Ave, Portland + +
      +
      + 11:10 AM +
      + + Arrive at + 407 NE 12th Ave, Portland + +
      +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Two 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; +} + +.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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; +} + +.c45 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c44 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.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 .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: 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Sunset TC MAX Station + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2600 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + + +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Oak/ SW 1st Ave MAX Station + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8337 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      +
      5. +
    5. +
      + + + + +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Two 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; +} + +.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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; +} + +.c45 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c44 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.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 .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: 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Sunset TC MAX Station + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2600 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + + +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Oak/ SW 1st Ave MAX Station + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8337 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      +
      5. +
    5. +
      + + + + +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing Prop 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Two 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; +} + +.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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; +} + +.c45 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c44 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.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 .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: 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Sunset TC MAX Station + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2600 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + + +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Oak/ SW 1st Ave MAX Station + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8337 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      +
      5. +
    5. +
      + + + + +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c58 { + 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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c52 { + 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; +} + +.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; +} + +.c55 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c56 { + color: #676767; + margin-top: 3px; +} + +.c53 { + z-index: 30; + position: relative; +} + +.c48 { + margin-top: 5px; +} + +.c49 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c50 { + padding: 0; +} + +.c47 { + margin-top: 5px; +} + +.c47 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c47 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c47 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c43 { + background-color: rgb(15,106,172); + border-color: white; + border-image: initial; + border-radius: 12px; + border-style: solid; + border-width: 1px; + box-shadow: rgb(0,0,0) 0px 0px 0.25em; + color: white; + display: inline-block; + font-size: 14px; + font-weight: 500; + height: 24px; + line-height: 1.5; + margin-right: 8px; + min-width: 24px; + padding: 2px 3px; + text-align: center; +} + +.c1 .c4 { + 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 .c54 { + 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; +} + +.c57 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Everett Station Bay C1 + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2345 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 512 + + + + + Northgate Station + + + + + - + Disembark at + Northgate Station + + + + +
      + +
      +
      + Service operated by + + Community Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Northgate Station + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2191 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Northgate Station - Bay 4 + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 35318 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 40 + + + + + Downtown Seattle Ballard + + + + + - + Disembark at + N 105th St & Aurora Ave N + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + N 105th St & Aurora Ave N + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 40032 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      +
      + + + + +
      +
      + + Aurora Ave N & N 105th St + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7080 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + E Line + + + + + Downtown Seattle + + + + + - + Disembark at + 3rd Ave & Cherry St + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      +
      7. +
    7. +
      +
      + + + + +
      +
      + + 3rd Ave & Cherry St + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 490 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      8. +
    8. +
      + + + + +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 1`] = ` + + + +`; + +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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 11:29 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 166 feet to + + 701 SW 6th Ave, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      + + + + +
      +
      + + 701 SW 6th Ave, Portland, OR, USA 97204 + +
      +
      + 11:30 AM +
      + + Arrive at + 701 SW 6th Ave, Portland, OR, USA 97204 + +
      +
      3. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c58 { + 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; +} + +.c47 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c53 { + 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; +} + +.c56 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c57 { + color: #676767; + margin-top: 3px; +} + +.c54 { + z-index: 30; + position: relative; +} + +.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; +} + +.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 .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 .c55 { + 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: #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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 3940 SE Brooklyn St, Portland, OR, USA 97202 + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 238 feet to + + SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Brooklyn St + + + 205 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 33 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + SE Cesar Chavez Blvd & Brooklyn + +
      +
      + 3:47 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7439 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 755X + + + + + Cesar Chavez/Lombard (very long route name) + + to + + St. Johns via NAYA + + + + + - + Disembark at + SE Cesar Chavez Blvd & Hawthorne + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Cesar Chavez Blvd & Clinton +
        +
        2. +
      2. +
        + • +
        +
        + SE Cesar Chavez Blvd & Division +
        +
        3. +
      3. +
        + • +
        +
        + SE Cesar Chavez Blvd & Lincoln +
        +
        4. +
      4. +
        + • +
        +
        + SE Cesar Chavez Blvd & Stephens +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + SE Cesar Chavez Blvd & Hawthorne + +
      +
      + 3:52 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7459 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 440 feet to + + SE Hawthorne & Cesar Chavez Blvd + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 146 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 198 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE Hawthorne Blvd + + + 96 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + SE Hawthorne & Cesar Chavez Blvd + +
      +
      + 4:00 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2626 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 1 + + + + + Hawthorne + + to + + Portland + + + + + - + Disembark at + SE Hawthorne & 27th + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Hawthorne & 37th +
        +
        2. +
      2. +
        + • +
        +
        + SE Hawthorne & 34th +
        +
        3. +
      3. +
        + • +
        +
        + SE Hawthorne & 32nd +
        +
        4. +
      4. +
        + • +
        +
        + SE Hawthorne & 30th +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + SE Hawthorne & 27th + +
      +
      + 4:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2613 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 479 feet to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Hawthorne Blvd + + + 40 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 27th Ave + + + 294 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE Madison St + + + 146 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      + + + + +
      +
      + + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      + 4:06 PM +
      + + Arrive at + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 11 Y Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c63 { + color: #f44256; +} + +.c29 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c44 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c44:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c45 { + padding-left: 0px; +} + +.c45:before { + content: "|"; + color: black; + margin-right: 5px; +} + +.c51 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c34::before { + content: ""; + margin: 0 0.125em; +} + +.c57 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c24 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c30 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c25 { + -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; +} + +.c22 { + display: inline-block; + grid-row-start: 2; + grid-column-start: 1; + height: 0; + overflow: hidden; + width: 0; +} + +.c50 { + font-weight: 200; +} + +.c28 { + font-weight: inherit; +} + +.c49 { + font-size: 13px; + font-weight: 500; +} + +.c48 { + font-weight: 800; + margin-right: 6px; +} + +.c46 { + color: #807373; + margin-top: 5px; +} + +.c27 img, +.c27 svg { + margin-right: 6px; + height: 24px; + width: 24px; + vertical-align: bottom; +} + +.c26 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.c5 { + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; +} + +.c31 { + 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; +} + +.c23 { + 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; +} + +.c43 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + margin-top: -14px; +} + +.c35 { + display: block; + list-style: none; + padding: 0; +} + +.c38 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; +} + +.c38 > span { + margin-right: 1ch; +} + +.c32 { + 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; +} + +.c32 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; +} + +.c33 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c37 { + fill: #676767; + float: left; + height: 16px; + width: 16px; +} + +.c36 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; +} + +.c39 { + font-weight: 500; +} + +.c40 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c60 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c61 { + color: #676767; + margin-top: 3px; +} + +.c58 { + z-index: 30; + position: relative; +} + +.c53 { + margin-top: 5px; +} + +.c54 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c56 { + font-size: 14px; +} + +.c55 { + padding: 0; +} + +.c52 { + margin-top: 5px; +} + +.c52 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c52 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c52 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; +} + +.c62 { + -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; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c47 { + 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 .c59 { + 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; +} + +.c41 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 3940 SE Brooklyn St, Portland, OR, USA 97202 + +
      +
      + 3:46 PM +
      + + + + ✅ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 238 feet to + + SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Brooklyn St + + + 205 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 33 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + SE Cesar Chavez Blvd & Brooklyn + +
      +
      + 3:47 PM +
      + + + + ？ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7439 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 755X + + + + + Cesar Chavez/Lombard (very long route name) + + to + + St. Johns via NAYA + + + + + - + Disembark at + SE Cesar Chavez Blvd & Hawthorne + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Cesar Chavez Blvd & Clinton +
        +
        2. +
      2. +
        + • +
        +
        + SE Cesar Chavez Blvd & Division +
        +
        3. +
      3. +
        + • +
        +
        + SE Cesar Chavez Blvd & Lincoln +
        +
        4. +
      4. +
        + • +
        +
        + SE Cesar Chavez Blvd & Stephens +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + SE Cesar Chavez Blvd & Hawthorne + +
      +
      + 3:52 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7459 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 440 feet to + + SE Hawthorne & Cesar Chavez Blvd + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 146 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 198 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE Hawthorne Blvd + + + 96 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + SE Hawthorne & Cesar Chavez Blvd + +
      +
      + 4:00 PM +
      + + + + ❌ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2626 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 1 + + + + + Hawthorne + + to + + Portland + + + + + - + Disembark at + SE Hawthorne & 27th + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Hawthorne & 37th +
        +
        2. +
      2. +
        + • +
        +
        + SE Hawthorne & 34th +
        +
        3. +
      3. +
        + • +
        +
        + SE Hawthorne & 32nd +
        +
        4. +
      4. +
        + • +
        +
        + SE Hawthorne & 30th +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + SE Hawthorne & 27th + +
      +
      + 4:04 PM +
      + + + + ❌ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2613 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 479 feet to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Hawthorne Blvd + + + 40 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 27th Ave + + + 294 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE Madison St + + + 146 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      + + + + +
      +
      + + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      + 4:06 PM +
      + + Arrive at + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c62 { + 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; +} + +.c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; + -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; +} + +.c44 { + font-weight: 200; +} + +.c25 { + font-weight: inherit; +} + +.c43 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +.c60 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c61 { + color: #676767; + margin-top: 3px; +} + +.c58 { + z-index: 30; + position: relative; +} + +.c49 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c51 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c52 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c50 { + float: left; + font-size: 18px; +} + +.c48 { + display: block; + margin-top: 3px; +} + +.c47 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c53 { + margin-top: 5px; +} + +.c54 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c56 { + font-size: 14px; +} + +.c55 { + 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 .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 .c59 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Pioneer Square North MAX Station + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 8383 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + +
      +
      + +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Providence Park MAX Station + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 9757 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      +
      4. +
    4. +
      + + + + +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c58 { + 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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c52 { + 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; +} + +.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; +} + +.c55 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c56 { + color: #676767; + margin-top: 3px; +} + +.c53 { + z-index: 30; + position: relative; +} + +.c48 { + margin-top: 5px; +} + +.c49 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c50 { + padding: 0; +} + +.c47 { + margin-top: 5px; +} + +.c47 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c47 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c47 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c43 { + background-color: rgb(15,106,172); + border-color: white; + border-image: initial; + border-radius: 12px; + border-style: solid; + border-width: 1px; + box-shadow: rgb(0,0,0) 0px 0px 0.25em; + color: white; + display: inline-block; + font-size: 14px; + font-weight: 500; + height: 24px; + line-height: 1.5; + margin-right: 8px; + min-width: 24px; + padding: 2px 3px; + text-align: center; +} + +.c1 .c4 { + 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 .c54 { + 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; +} + +.c57 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Everett Station Bay C1 + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2345 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 512 + + + + + Northgate Station + + + + + - + Disembark at + Northgate Station + + + + +
      + +
      +
      + Service operated by + + Community Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Northgate Station + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2191 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Northgate Station - Bay 4 + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 35318 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 40 + + + + + Downtown Seattle Ballard + + + + + - + Disembark at + N 105th St & Aurora Ave N + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + N 105th St & Aurora Ave N + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 40032 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      +
      + + + + +
      +
      + + Aurora Ave N & N 105th St + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7080 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + E Line + + + + + Downtown Seattle + + + + + - + Disembark at + 3rd Ave & Cherry St + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      +
      7. +
    7. +
      +
      + + + + +
      +
      + + 3rd Ave & Cherry St + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 490 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      8. +
    8. +
      + + + + +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collapsing 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c58 { + 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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c52 { + 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; +} + +.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; +} + +.c55 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c56 { + color: #676767; + margin-top: 3px; +} + +.c53 { + z-index: 30; + position: relative; +} + +.c48 { + margin-top: 5px; +} + +.c49 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c50 { + padding: 0; +} + +.c47 { + margin-top: 5px; +} + +.c47 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c47 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c47 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c43 { + background-color: rgb(15,106,172); + border-color: white; + border-image: initial; + border-radius: 12px; + border-style: solid; + border-width: 1px; + box-shadow: rgb(0,0,0) 0px 0px 0.25em; + color: white; + display: inline-block; + font-size: 14px; + font-weight: 500; + height: 24px; + line-height: 1.5; + margin-right: 8px; + min-width: 24px; + padding: 2px 3px; + text-align: center; +} + +.c1 .c4 { + 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 .c54 { + 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; +} + +.c57 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Everett Station Bay C1 + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2345 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 512 + + + + + Northgate Station + + + + + - + Disembark at + Northgate Station + + + + +
      + +
      +
      + Service operated by + + Community Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Northgate Station + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2191 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Northgate Station - Bay 4 + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 35318 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 40 + + + + + Downtown Seattle Ballard + + + + + - + Disembark at + N 105th St & Aurora Ave N + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + N 105th St & Aurora Ave N + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 40032 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      +
      + + + + +
      +
      + + Aurora Ave N & N 105th St + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7080 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + E Line + + + + + Downtown Seattle + + + + + - + Disembark at + 3rd Ave & Cherry St + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      +
      7. +
    7. +
      +
      + + + + +
      +
      + + 3rd Ave & Cherry St + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 490 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      8. +
    8. +
      + + + + +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing Prop 2`] = ` +.c8 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c11 { + color: #333; +} + +.c58 { + 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; +} + +.c46 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c31::before { + content: ""; + margin: 0 0.125em; +} + +.c52 { + 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; +} + +.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; +} + +.c55 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c56 { + color: #676767; + margin-top: 3px; +} + +.c53 { + z-index: 30; + position: relative; +} + +.c48 { + margin-top: 5px; +} + +.c49 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c50 { + padding: 0; +} + +.c47 { + margin-top: 5px; +} + +.c47 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c47 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c47 img { + margin-left: 5px; + vertical-align: middle; +} + +.c1 { + font-size: 16px; +} + +.c1 *:not(.fa) { + box-sizing: border-box; + font-family: Hind,sans-serif; +} + +.c1 .c43 { + background-color: rgb(15,106,172); + border-color: white; + border-image: initial; + border-radius: 12px; + border-style: solid; + border-width: 1px; + box-shadow: rgb(0,0,0) 0px 0px 0.25em; + color: white; + display: inline-block; + font-size: 14px; + font-weight: 500; + height: 24px; + line-height: 1.5; + margin-right: 8px; + min-width: 24px; + padding: 2px 3px; + text-align: center; +} + +.c1 .c4 { + 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 .c54 { + 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; +} + +.c57 { + 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%; +} + +
      +
    1. +
      +
      + + + + +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + + + + + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      +
      2. +
    2. +
      +
      + + + + +
      +
      + + Everett Station Bay C1 + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2345 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 512 + + + + + Northgate Station + + + + + - + Disembark at + Northgate Station + + + + +
      + +
      +
      + Service operated by + + Community Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      +
      3. +
    3. +
      +
      + + + + +
      +
      + + Northgate Station + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 2191 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      +
      4. +
    4. +
      +
      + + + + +
      +
      + + Northgate Station - Bay 4 + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 35318 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + 40 + + + + + Downtown Seattle Ballard + + + + + - + Disembark at + N 105th St & Aurora Ave N + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      +
      5. +
    5. +
      +
      + + + + +
      +
      + + N 105th St & Aurora Ave N + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 40032 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      +
      6. +
    6. +
      +
      + + + + +
      +
      + + Aurora Ave N & N 105th St + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 7080 + + Stop Viewer + +
      +
      +
      + + + + - + Ride + + + + + + + + + + + + + + + E Line + + + + + Downtown Seattle + + + + + - + Disembark at + 3rd Ave & Cherry St + + + + +
      + +
      +
      + Service operated by + + Metro Transit + +
      +
      +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      +
      7. +
    7. +
      +
      + + + + +
      +
      + + 3rd Ave & Cherry St + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Stop ID 490 + + Stop Viewer + +
      +
      +
      + + + + + + + + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      +
      8. +
    8. +
      + + + + +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c40 { + color: #f44256; +} + +.c35 { + 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; +} + +.c37 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c37:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c6 { + 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; +} + +.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 { + 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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by bicycle + + + + +
      +
      +
      +
      +
      + + 503 SW Alder St, Portland, OR, USA 97204 + +
      +
      + 3:42 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Bicycle 0.7 miles to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + SW Alder St + + + 87 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW 5th Ave + + + 257 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 0.6 miles + + +
        +
        4. +
      +
      +
      +
      + +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:49 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      3. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 1`] = ` + + + +`; + +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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 2624 SE 30th Ave, Portland, OR, USA 97202 + +
      +
      + 3:45 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 498 feet to + + SE 30th at Division + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Clinton St + + + 79 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 30th Ave + + + 419 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by bicycle + + + + + + + + + + +
      +
      +
      +
      +
      + + SE 30th at Division + +
      +
      + 3:48 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up + shared bike + +
      +
      +
      + + + + - + + + Bicycle 0.6 miles to + + SE 29th at Hawthorne + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SE 30th Ave + + + 0.3 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + SE Harrison St + + + 361 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE 29th Ave + + + 0.2 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + SE Hawthorne Blvd + + + 50 feet + + +
        +
        5. +
      +
      +
      +
      + +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + SE 29th at Hawthorne + +
      +
      + 3:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.1 miles to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SE Hawthorne Blvd + + + 210 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 28th Ave + + + 295 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE Madison St + + + 114 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      + 3:58 PM +
      + + Arrive at + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c66 { + 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; +} + +.c50 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c65 { + 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%); +} + +.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%); +} + +.c61 { + 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; +} + +.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; + 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; +} + +.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; + 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; +} + +.c45 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c63 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c64 { + color: #676767; + margin-top: 3px; +} + +.c62 { + z-index: 30; + position: relative; +} + +.c53 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c55 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c56 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c54 { + float: left; + font-size: 18px; +} + +.c52 { + display: block; + margin-top: 3px; +} + +.c51 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c57 { + margin-top: 5px; +} + +.c58 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c60 { + font-size: 14px; +} + +.c59 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 2943 SE Washington St, Portland, OR, USA 97214 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 400 feet to + + SE 29th at Stark + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTH + on + + SE 30th Ave + + + 103 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Stark St + + + 277 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE 29th Ave + + + 19 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by bicycle + + + + + + + + + + +
      +
      +
      +
      +
      + + SE 29th at Stark + +
      +
      + 3:53 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up + shared bike + +
      +
      +
      + + + + - + + + Bicycle 0.8 miles to + + NE Glisan at 24th + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SE 29th Ave + + + 492 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + SE Pine St + + + 358 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE 28th Ave + + + 518 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + SE Ankeny St + + + 0.2 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + SE 24th Ave + + + 259 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NE 24th Ave + + + 0.2 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + NE Glisan St + + + 57 feet + + +
        +
        8. +
      +
      +
      +
      + +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + NE Glisan at 24th + +
      +
      + 3:59 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 497 feet to + + NE Sandy & 24th + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + HARD_LEFT + on + + NE Glisan St + + + 57 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + NE 24th Ave + + + 382 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + NE Sandy Blvd + + + 58 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 12 + + + Barbur/Sandy Blvd + +
      +
      +
      +
      +
      + + NE Sandy & 24th + + ID 5066 + + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 12 + +
      + + + Barbur/Sandy Blvd + + to + + Parkrose TC + + +       + + - + Disembark at + NE Sandy & 57th + + ID 5104 + + +       + +       +
      + +
      + + +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + NE Sandy & Lawrence +
        +
        2. +
      2. +
        + • +
        +
        + NE Sandy & 28th +
        +
        3. +
      3. +
        + • +
        +
        + NE Sandy & 31st +
        +
        4. +
      4. +
        + • +
        +
        + NE Sandy & 33rd +
        +
        5. +
      5. +
        + • +
        +
        + NE Sandy & Imperial +
        +
        6. +
      6. +
        + • +
        +
        + NE Sandy & 38th +
        +
        7. +
      7. +
        + • +
        +
        + NE Sandy & 42nd +
        +
        8. +
      8. +
        + • +
        +
        + NE Sandy & 44th +
        +
        9. +
      9. +
        + • +
        +
        + NE Sandy & 48th +
        +
        10. +
      10. +
        + • +
        +
        + NE Sandy & 50th +
        +
        11. +
      11. +
        + • +
        +
        + NE Sandy & Sacramento +
        +
        12. +
      12. +
        + • +
        +
        + NE Sandy & 54th +
        +
        13. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + NE Sandy & 57th + + ID 5104 + + +
      +
      + 4:14 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 279 feet to + + 0086 BIKETOWN + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + NE Sandy Blvd + + + 75 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + HARD_LEFT + on + + NE Alameda St + + + 203 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + + Travel by bicycle + + + + + + + + + + +
      +
      +
      +
      +
      + + 0086 BIKETOWN + +
      +
      + 4:16 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up + shared bike + +
      +
      +
      + + + + - + + + Bicycle 1 mile to + + NE 60th at Cully + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + HARD_LEFT + on + + NE Alameda St + + + 203 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + HARD_LEFT + on + + NE 57th Ave + + + 0.6 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NE Cully Blvd + + + 0.3 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + NE 60th Ave + + + 171 feet + + +
        +
        5. +
      +
      +
      +
      + +
      +       +
      +
      + +
      7. +
    7. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + NE 60th at Cully + +
      +
      + 4:24 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 494 feet to + + 5916 NE Going St, Portland, OR, USA 97218 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + NE 60th Ave + + + 270 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + NE Going St + + + 225 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      8. +
    8. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 5916 NE Going St, Portland, OR, USA 97218 + +
      +
      + 4:26 PM +
      + + Arrive at + 5916 NE Going St, Portland, OR, USA 97218 + +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 1`] = ` + + + +`; + +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; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.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; +} + +.c41 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c40 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 91 feet to + + corner of path and Pioneer Courthouse Sq (pedestrian street) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + Unnamed Path + + + 91 feet + + +
        +
        2. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by bicycle + + + + +
      +
      +
      +
      +
      + + corner of path and Pioneer Courthouse Sq (pedestrian street) + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Bicycle 0.1 miles to + + corner of path and Pioneer Sq N (path) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 20 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + SW 6th Ave + + + 245 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Morrison St + + + 241 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 27 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + corner of path and Pioneer Sq N (path) + +
      +
      + 3:45 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 22 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 22 feet + + +
        +
        2. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + + +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 19 feet to + + corner of path and Providence Park (path) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + + Travel by bicycle + + + + +
      +
      +
      +
      +
      + + corner of path and Providence Park (path) + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Bicycle 230 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      7. +
    7. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      8. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c56 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c55 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c51 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c53 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c54 { + color: #676767; + margin-top: 3px; +} + +.c52 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c50 { + font-size: 14px; +} + +.c49 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 1`] = ` + + + +`; + +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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 600 SW 5th Ave, Portland, OR, USA 97204 + +
      +
      + 3:45 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 206 feet to + + EMAQ + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + SW Alder St + + + 118 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + SW 4th Ave + + + 88 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by e-scooter + + + + + + + + + +
      +
      +
      +
      +
      + + EMAQ + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Razor + E-scooter + +
      +
      +
      + + + + - + + + Ride 0.3 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SW 4th Ave + + + 0.2 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Pine St + + + 456 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 3:48 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      4. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c60 { + color: #f44256; +} + +.c35 { + 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; +} + +.c37 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c37: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; +} + +.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; +} + +.c50 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c59 { + 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%); +} + +.c39 { + border-left: dotted 4px #f5a729; + 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; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c55 { + 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; +} + +.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; + 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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; + 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; + 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; +} + +.c45 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c57 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c58 { + color: #676767; + margin-top: 3px; +} + +.c56 { + z-index: 30; + position: relative; +} + +.c51 { + margin-top: 5px; +} + +.c52 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c54 { + font-size: 14px; +} + +.c53 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 2943 SE Washington St, Portland, OR, USA 97214 + +
      +
      + 3:45 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.4 miles to + + Shared E-scooter + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + SE 30th Ave + + + 0.2 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Belmont St + + + 330 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE 29th Ave + + + 511 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SE Taylor St + + + 235 feet + + +
        +
        5. +
      +
      +
      +
      + +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by e-scooter + + + + + + + + + + +
      +
      +
      +
      +
      + + Shared E-scooter + +
      +
      + 3:54 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Shared + E-scooter + +
      +
      +
      + + + + - + + + Ride 1.4 miles to + + NE Broadway + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + SE Taylor St + + + 26 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 28th Ave + + + 0.6 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NE 28th Ave + + + 0.7 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NE Halsey St + + + 17 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + NE Halsey St + + + 59 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + SLIGHTLY_LEFT + on + + NE 28th Ave + + + 28 feet + + +
        +
        7. +
      7. +
        + + + +
        +
        + + SLIGHTLY_LEFT + on + + NE 28th Ave + + + 489 feet + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + NE Broadway + + + 86 feet + + +
        +
        9. +
      +
      +
      +
      + +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + NE Broadway + +
      +
      + 4:03 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + NE Broadway & 28th + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + RIGHT + on + + street transit link + + +
        +
        2. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 70 + + + 12th/NE 33rd Ave + +
      +
      +
      +
      +
      + + NE Broadway & 28th + + ID 638 + + +
      +
      + 4:08 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 70 + +
      + + + 12th/NE 33rd Ave + + to + + NE Sunderland + + +       + + - + Disembark at + NE 33rd & Shaver + + ID 7393 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + NE Broadway & 32nd +
        +
        2. +
      2. +
        + • +
        +
        + NE 33rd & Schuyler +
        +
        3. +
      3. +
        + • +
        +
        + NE 33rd & US Grant Pl +
        +
        4. +
      4. +
        + • +
        +
        + NE 33rd & Brazee +
        +
        5. +
      5. +
        + • +
        +
        + NE 33rd & Knott +
        +
        6. +
      6. +
        + • +
        +
        + NE 33rd & Stanton +
        +
        7. +
      7. +
        + • +
        +
        + NE 33rd & Siskiyou +
        +
        8. +
      8. +
        + • +
        +
        + NE 33rd & Alameda +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + NE 33rd & Shaver + + ID 7393 + + +
      +
      + 4:17 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.4 miles to + + Shared E-scooter + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTH + on + + NE 33rd Ave + + + 33 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + NE Shaver St + + + 0.3 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + NE 38th Ave + + + 332 feet + + +
        +
        4. +
      +
      +
      +
      + +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + + Travel by e-scooter + + + + + + + + + + +
      +
      +
      +
      +
      + + Shared E-scooter + +
      +
      + 4:25 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Shared + E-scooter + +
      +
      +
      + + + + - + + + Ride 1 mile to + + 5112 NE 47th Pl, Portland, OR, USA 97218 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + CONTINUE + on + + NE 38th Ave + + + 355 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + NE Skidmore St + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + NE 42nd Ave + + + 0.4 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + NE Alberta St + + + 0.3 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + NE 47th Pl + + + 313 feet + + +
        +
        6. +
      +
      +
      +
      + +
      +       +
      +
      + +
      7. +
    7. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 5112 NE 47th Pl, Portland, OR, USA 97218 + +
      +
      + 4:31 PM +
      + + Arrive at + 5112 NE 47th Pl, Portland, OR, USA 97218 + +
      8. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c54 { + color: #f44256; +} + +.c35 { + 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; +} + +.c37 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c37: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; +} + +.c44 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c53 { + 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%); +} + +.c39 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c49 { + 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; +} + +.c15 { + font-weight: inherit; +} + +.c43 { + font-size: 13px; + font-weight: 500; +} + +.c42 { + 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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.c40 { + 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; +} + +.c41 { + 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; +} + +.c51 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c52 { + color: #676767; + margin-top: 3px; +} + +.c50 { + z-index: 30; + position: relative; +} + +.c45 { + margin-top: 5px; +} + +.c46 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c48 { + font-size: 14px; +} + +.c47 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 47.7792, -122.29032 + +
      +
      + 3:23 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.5 miles to + + 48th Ave W & 244th St SW + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + ENTER_STATION + at + + fake station entrance name + + +
        +
        2. +
      2. +
        + + + +
        +
        + + Follow signs to + + fake station exit + + +
        +
        3. +
      3. +
        + + + +
        +
        + + EXIT_STATION + at + + fake station entrance name + + +
        +
        4. +
      4. +
        + + + +
        +
        + + Head + EAST + on + + 242nd Street Southwest + + + 120 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + Cedar Way + + + 0.1 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + RIGHT + on + + Northeast 205th Street - 244th Street Southwest + + + 0.4 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 91 feet + + +
        +
        8. +
      +
      +
      +
      + +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 34 + + + + +
      +
      +
      +
      +
      + + 48th Ave W & 244th St SW + +
      +
      + 3:33 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + + + + - + Disembark at + Northgate Station - Bay 4 + + + + +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + NE 205th St & 52nd Ave W +
        +
        2. +
      2. +
        + • +
        +
        + NE 205th St & 56th Ave W +
        +
        3. +
      3. +
        + • +
        +
        + NE 205th St & 58th Pl W +
        +
        4. +
      4. +
        + • +
        +
        + 15th Ave NE & Ballinger Way NE +
        +
        5. +
      5. +
        + • +
        +
        + 15th Ave NE & Forest Park Dr NE +
        +
        6. +
      6. +
        + • +
        +
        + 15th Ave NE & NE 200th Ct +
        +
        7. +
      7. +
        + • +
        +
        + 15th Ave NE & NE 192nd St +
        +
        8. +
      8. +
        + • +
        +
        + 15th Ave NE & NE Perkins Way +
        +
        9. +
      9. +
        + • +
        +
        + 15th Ave NE & 24th Ave NE +
        +
        10. +
      10. +
        + • +
        +
        + 15th Ave NE & NE 180th St +
        +
        11. +
      11. +
        + • +
        +
        + NE 175th St & 15th Ave NE +
        +
        12. +
      12. +
        + • +
        +
        + NE 175th St & 10th Ave NE +
        +
        13. +
      13. +
        + • +
        +
        + 5th Ave NE & NE 174th St +
        +
        14. +
      14. +
        + • +
        +
        + 5th Ave NE & NE 170th St +
        +
        15. +
      15. +
        + • +
        +
        + 5th Ave NE & NE 163rd St +
        +
        16. +
      16. +
        + • +
        +
        + 5th Ave NE & NE 161st St +
        +
        17. +
      17. +
        + • +
        +
        + 5th Ave NE & NE 158th St +
        +
        18. +
      18. +
        + • +
        +
        + 5th Ave NE & NE 155th St +
        +
        19. +
      19. +
        + • +
        +
        + 5th Ave NE & NE 152nd St +
        +
        20. +
      20. +
        + • +
        +
        + 5th Ave NE & NE 148th St +
        +
        21. +
      21. +
        + • +
        +
        + NE 145th St & 6th Ave NE +
        +
        22. +
      22. +
        + • +
        +
        + NE 145th St & 12th Ave NE +
        +
        23. +
      23. +
        + • +
        +
        + 15th Ave NE & NE 145th St +
        +
        24. +
      24. +
        + • +
        +
        + 15th Ave NE & NE 143rd St +
        +
        25. +
      25. +
        + • +
        +
        + 15th Ave NE & NE 140th St +
        +
        26. +
      26. +
        + • +
        +
        + 15th Ave NE & NE 135th St +
        +
        27. +
      27. +
        + • +
        +
        + 15th Ave NE & NE 130th St +
        +
        28. +
      28. +
        + • +
        +
        + 15th Ave NE & NE 127th St +
        +
        29. +
      29. +
        + • +
        +
        + 15th Ave NE & NE 125th St +
        +
        30. +
      30. +
        + • +
        +
        + 15th Ave NE & NE 123rd St +
        +
        31. +
      31. +
        + • +
        +
        + 15th Ave NE & NE 120th St +
        +
        32. +
      32. +
        + • +
        +
        + Pinehurst Way NE & NE 115th St +
        +
        33. +
      33. +
        + • +
        +
        + NE Northgate Way & Roosevelt Way NE +
        +
        34. +
      34. +
        + • +
        +
        + 5th Ave NE & NE Northgate Way +
        +
        35. +
      35. +
        + • +
        +
        + 5th Ave NE & Northgate Mall +
        +
        36. +
      36. +
        + • +
        +
        + NE 103rd St & 5th Ave NE +
        +
        37. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Northgate Station - Bay 4 + +
      +
      + 4:09 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 200 feet to + + Northgate Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTH + on + + Unnamed Path + + + 200 feet + + +
        +
        2. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 1 + + + + +
      +
      +
      +
      +
      + + Northgate Station + +
      +
      + 4:13 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + + + + - + Disembark at + Othello Station + + + + +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Roosevelt Station +
        +
        2. +
      2. +
        + • +
        +
        + U District Station +
        +
        3. +
      3. +
        + • +
        +
        + Univ of Washington Station +
        +
        4. +
      4. +
        + • +
        +
        + Capitol Hill Station +
        +
        5. +
      5. +
        + • +
        +
        + Westlake Station +
        +
        6. +
      6. +
        + • +
        +
        + University St Station +
        +
        7. +
      7. +
        + • +
        +
        + Pioneer Square Station +
        +
        8. +
      8. +
        + • +
        +
        + Int'l Dist/Chinatown Station +
        +
        9. +
      9. +
        + • +
        +
        + Stadium Station +
        +
        10. +
      10. +
        + • +
        +
        + SODO Station +
        +
        11. +
      11. +
        + • +
        +
        + Beacon Hill Station +
        +
        12. +
      12. +
        + • +
        +
        + Mount Baker Station +
        +
        13. +
      13. +
        + • +
        +
        + Columbia City Station +
        +
        14. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Othello Station + +
      +
      + 4:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 1.3 miles to + + New Light Christian Church, Seattle, WA, USA + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + Martin Luther King Junior Way South + + + 49 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 40 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + parking aisle + + + 260 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + sidewalk + + + 0.1 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + sidewalk + + + 0.1 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + HARD_RIGHT + on + + Unnamed Path + + + 0.1 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + RIGHT + on + + South Webster Street + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 181 feet + + +
        +
        9. +
      9. +
        + + + +
        +
        + + LEFT + on + + South Webster Street + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + SLIGHTLY_LEFT + on + + 29th Avenue South + + + 190 feet + + +
        +
        11. +
      11. +
        + + + +
        +
        + + CONTINUE + on + + Military Road South + + + 0.4 miles + + +
        +
        12. +
      12. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 433 feet + + +
        +
        13. +
      +
      +
      +
      + +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + New Light Christian Church, Seattle, WA, USA + +
      +
      + 5:18 PM +
      + + Arrive at + New Light Christian Church, Seattle, WA, USA + +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c62 { + color: #f44256; +} + +.c35 { + 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; +} + +.c37 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c37: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; +} + +.c47 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c60 { + color: #b22727; + margin-top: 5px; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c61 { + 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%); +} + +.c39 { + border-left: solid 8px #111; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c56 { + border-left: solid 8px #0076CE; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c58 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c52 { + 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; +} + +.c46 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c45 { + font-size: 13px; + font-weight: 500; +} + +.c44 { + font-weight: 800; + margin-right: 6px; +} + +.c43 { + 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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.c40 { + text-align: center; + min-width: 30px; + min-height: 30px; + font-size: 1.2em; + background-color: #111; + 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; +} + +.c57 { + text-align: center; + min-width: 30px; + min-height: 30px; + font-size: 1.2em; + background-color: #0076CE; + 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; +} + +.c59 { + 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; +} + +.c41 { + 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; +} + +.c42 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c54 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c55 { + color: #676767; + margin-top: 3px; +} + +.c53 { + z-index: 30; + position: relative; +} + +.c48 { + margin-top: 5px; +} + +.c49 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c50 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 2nd Avenue, Longmont, CO, USA + +
      +
      + 4:59 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.3 miles to + + S Main St & 1st Ave + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + parking aisle + + + 148 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Emery Street + + + 0.1 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + 1st Avenue + + + 0.1 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + parking aisle + + + 280 feet + + +
        +
        5. +
      +
      +
      +
      + +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + Lo + + + Longmont / Denver + +
      +
      +
      +
      +
      + + S Main St & 1st Ave + + ID 25633 + + +
      +
      + 5:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + LD3 + +
      + + + Longmont / Denver + + to + + US36/Broomfield Stn + + +       + + - + Disembark at + US 287 & Arapahoe Rd + + ID 33109 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + S Main St & Ken Pratt Blvd +
        +
        2. +
      2. +
        + • +
        +
        + S Main St & Jersey Ave +
        +
        3. +
      3. +
        + • +
        +
        + S Main St & Missouri Ave +
        +
        4. +
      4. +
        + • +
        +
        + S Main St & Quebec Ave +
        +
        5. +
      5. +
        + • +
        +
        + US 287 & Pike Rd +
        +
        6. +
      6. +
        + • +
        +
        + US 287 & Niwot Rd +
        +
        7. +
      7. +
        + • +
        +
        + US 287 & Hwy 52 +
        +
        8. +
      8. +
        + • +
        +
        + US 287 & Lookout Rd +
        +
        9. +
      9. +
        + • +
        +
        + US 287 & Dawson Dr +
        +
        10. +
      10. +
        + • +
        +
        + US 287 & Goose Haven Dr +
        +
        11. +
      11. +
        + • +
        +
        + US 287 & Isabelle Rd +
        +
        12. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + US 287 & Arapahoe Rd + + ID 33109 + + +
      +
      + 5:25 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.2 miles to + + Arapahoe Rd & Stonehenge Dr + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + US Highway 287 + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Arapahoe Road + + + 485 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + Bo + + + Boulder / Lafayette via Arapahoe + +
      +
      +
      +
      +
      + + Arapahoe Rd & Stonehenge Dr + + ID 33465 + + +
      +
      + 6:00 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + JUMP + +
      + + + Boulder / Lafayette via Arapahoe + + to + + Erie Community Center + + +       + + - + Disembark at + Erie Community Center + + ID 33200 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Arapahoe Rd & US 287 +
        +
        2. +
      2. +
        + • +
        +
        + Arapahoe Rd & 111th St +
        +
        3. +
      3. +
        + • +
        +
        + Arapahoe Rd & Hawkridge Rd +
        +
        4. +
      4. +
        + • +
        +
        + 2800 Block 119th St +
        +
        5. +
      5. +
        + • +
        +
        + 119th St & Austin Ave +
        +
        6. +
      6. +
        + • +
        +
        + Erie Pkwy & Brennan St +
        +
        7. +
      7. +
        + • +
        +
        + Erie Pkwy & Meller St +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Erie Community Center + + ID 33200 + + +
      +
      + 6:12 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 124 feet to + + corner of path and Powers Street + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + sidewalk + + + 86 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 38 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + 60 + + + 60+ Ride + +
      +
      +
      +
      +
      + + 60plusride-co-us:area_626 + + ID area_626 + + +
      +
      + 6:12 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + 60+ Ride + + + + + - + Disembark at + 60plusride-co-us:area_626 + + ID area_626_flexed_to + + + + + +
      + +
      +
      + To take this route, you must + call 555-352-9348 + at least 7 days in advance + . +
      +
      +
      +
      +
      +
      +
      + +
      7. +
    7. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 60plusride-co-us:area_626 + + ID area_626_flexed_to + + +
      +
      + 6:37 PM +
      + + Arrive at + 60plusride-co-us:area_626 + + ID area_626_flexed_to + + +
      8. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter 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: #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; +} + +.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 #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; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 300 Courtland St NE, Atlanta, GA 30303-12ND, United States + +
      +
      + 9:15 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.2 miles to + + Razor Vehicle + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + Courtland Street Northeast + + + 172 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 0.1 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Peachtree Center Avenue Northeast + + + 140 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by e-scooter + + + + +
      +
      +
      +
      +
      + + Razor E-scooter + +
      +
      + 9:19 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      + Pick up Razor + E-scooter + +
      +
      +
      + + + + - + + + Ride 1 mile to + + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + HARD_RIGHT + on + + Peachtree Center Avenue Northeast + + + 12 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + service road + + + 10 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Peachtree Center Cycle Track + + + 0.5 miles + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Edgewood Avenue Northeast + + + 0.1 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + Pryor Street Southwest + + + 269 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + Pryor Street + + + 518 feet + + +
        +
        7. +
      7. +
        + + + +
        +
        + + CONTINUE + on + + Pryor Street Southwest + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 19 feet + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + sidewalk + + + 22 feet + + +
        +
        10. +
      +
      +
      +
      + +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + +
      +
      + 9:26 AM +
      + + Arrive at + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + +
      4. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Park And Ride 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: grey; + border: 2px solid #bbb; + text-align: center; + width: 25px; + height: 25px; + font-size: 1.2em; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; +} + +.c34 { + 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; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c57 { + text-align: center; +} + +.c4 { + border-left: dotted 4px grey; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c33 { + border-left: dotted 4px #484848; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c35 { + border-left: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.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; +} + +.c41 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c40 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by car + + + + +
      +
      +
      +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Sunset TC MAX Station + + ID 9969 + + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + ID 8337 + + + + + +
      + +
      + + +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Oak/ SW 1st Ave MAX Station + + ID 8337 + + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      + +
      5. +
    5. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`] = ` +.c25 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c59 { + color: #f44256; +} + +.c32 { + border-top-style: solid; + border-top-width: 0; + padding-top: 0; + padding-bottom: 10px; +} + +.c19 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c34 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c34:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c7 { + 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; +} + +.c43 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c24::before { + content: ""; + margin: 0 0.125em; +} + +.c58 { + text-align: center; +} + +.c5 { + border-left: dotted 4px #484848; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c36 { + border-left: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c54 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c15 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c20 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c16 { + -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; +} + +.c12 { + display: inline-block; + grid-row-start: 2; + grid-column-start: 1; + height: 0; + overflow: hidden; + width: 0; +} + +.c42 { + font-weight: 200; +} + +.c18 { + font-weight: inherit; +} + +.c41 { + font-size: 13px; + font-weight: 500; +} + +.c40 { + color: #807373; + margin-top: 5px; +} + +.c17 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.c4 { + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + height: 100%; +} + +.c6 { + 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%); +} + +.c3 { + grid-column-start: 2; + grid-row: span 2; + padding-right: 5px; +} + +.c21 { + display: grid; + grid-template-columns: 100px auto; +} + +.c2 { + max-width: 500px; + display: grid; + grid-template-columns: 65px 30px auto; +} + +.c11 { + grid-column-start: 1; + grid-row: 1 / span 2; + padding-right: 5px; + font-size: 0.9em; +} + +.c35 { + padding: 3px 10px 3px 10px; + border: 0; + margin-top: -15px; + width: 35px; + height: 35px; +} + +.c35:hover { + cursor: pointer; +} + +.c33 { + -webkit-flex: 0 0 25px; + -ms-flex: 0 0 25px; + flex: 0 0 25px; + grid-column: -1; +} + +.c13 { + grid-row-start: 2; + grid-column-start: 3; +} + +.c8 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 1.2em; + grid-row-start: 1; + grid-column-start: 3; +} + +.c9 { + 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; +} + +.c37 { + 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; +} + +.c38 { + 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; +} + +.c26 { + display: block; + list-style: none; + padding: 0; +} + +.c29 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; +} + +.c29 > span { + margin-right: 1ch; +} + +.c22 { + 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; +} + +.c22 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; +} + +.c23 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c28 { + fill: #676767; + float: left; + height: 16px; + width: 16px; +} + +.c27 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; +} + +.c30 { + font-weight: 500; +} + +.c31 { + 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; +} + +.c1 .c14 { + background-color: pink; +} + +.c1 .c10 { + color: #676767; + font-size: 14px; + padding-right: 4px; + padding-top: 1px; + text-align: right; + vertical-align: top; + width: 60px; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c56 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c55 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c51 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c53 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c54 { + color: #676767; + margin-top: 3px; +} + +.c52 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c50 { + font-size: 14px; +} + +.c49 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c56 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c55 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c51 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c53 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c54 { + color: #676767; + margin-top: 3px; +} + +.c52 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c50 { + font-size: 14px; +} + +.c49 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c56 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c55 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c51 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c53 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c54 { + color: #676767; + margin-top: 3px; +} + +.c52 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c50 { + font-size: 14px; +} + +.c49 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = ` +.c31 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c52 { + color: #f44256; +} + +.c21 { + border-top-style: solid; + border-top-width: 0; + padding-top: 0; + padding-bottom: 10px; +} + +.c17 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c20 { + 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; +} + +.c20:hover { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; +} + +.c20: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); +} + +.c20:focus { + color: #333; + background-color: #e6e6e6; + border-color: #8c8c8c; +} + +.c20:active:hover { + color: #333; + background-color: #d4d4d4; + border-color: #8c8c8c; +} + +.c23 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c23:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c6 { + color: black; + background-color: grey; + border: 2px solid #bbb; + text-align: center; + width: 25px; + height: 25px; + font-size: 1.2em; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; +} + +.c26 { + 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; +} + +.c38 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c48 { + bottom: 0; + left: 110px; + position: absolute; + right: 0; + top: 0; +} + +.c49 { + background-color: #fcf9d3; + display: table; + height: 100%; + width: 100%; +} + +.c47 { + 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; +} + +.c50 { + color: #444; + display: table-cell; + font-style: italic; + line-height: 0.95; + padding: 0px 2px; + vertical-align: middle; +} + +.c19 { + height: 32px; + margin-bottom: 10px; + margin-top: 10px; + position: relative; +} + +.c30::before { + content: ""; + margin: 0 0.125em; +} + +.c51 { + text-align: center; +} + +.c4 { + border-left: dotted 4px grey; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c25 { + 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: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c43 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c13 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c18 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c14 { + -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; +} + +.c16 { + font-weight: inherit; +} + +.c37 { + font-size: 13px; + font-weight: 500; +} + +.c36 { + color: #807373; + margin-top: 5px; +} + +.c15 { + -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; +} + +.c27 { + 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; +} + +.c24 { + padding: 3px 10px 3px 10px; + border: 0; + margin-top: -15px; + width: 35px; + height: 35px; +} + +.c24:hover { + cursor: pointer; +} + +.c22 { + -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; +} + +.c12 { + color: #807373; + font-size: 13px; + font-weight: 300; + padding-top: 1px; + margin-bottom: 10px; + margin-top: -14px; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c32 { + display: block; + list-style: none; + padding: 0; +} + +.c28 { + 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; +} + +.c28 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; +} + +.c29 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c45 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c46 { + color: #676767; + margin-top: 3px; +} + +.c44 { + z-index: 30; + position: relative; +} + +.c39 { + margin-top: 5px; +} + +.c40 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c42 { + font-size: 14px; +} + +.c41 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by car + + + + + + +
      +
      +
      +
      +
      + + 128 NW 12th Ave, Portland + +
      +
      + 10:58 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + Wait 4 minutes for pickup +
      +
      +
      + + + + - + + + Ride 0.4 miles to + + West Burnside Street + + + + +
      + +
      + Estimated travel time: + 2 min + (does not account for traffic) +
      +
      + Estimated cost: + $17.00 + - + $19.00 +
      +
      +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + West Burnside Street + +
      +
      + 11:01 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + W Burnside & SW 6th + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + 20 + + + + +
      +
      +
      +
      +
      + + W Burnside & SW 6th + +
      +
      + 11:02 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + + + + - + Disembark at + E Burnside & SE 12th + + + + +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + W Burnside & SW 2nd +
        +
        2. +
      2. +
        + • +
        +
        + E Burnside & SE 8th +
        +
        3. +
      +
      +
      +
      +
      +
      +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + E Burnside & SE 12th + +
      +
      + 11:08 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + East Burnside Street + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by car + + + + + + +
      +
      +
      +
      +
      + + East Burnside Street + +
      +
      + 11:09 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + Wait for pickup +
      +
      +
      + + + + - + + + Ride 0.2 miles to + + 407 NE 12th Ave, Portland + + + + +
      +
      + + Book Ride + +
      +
      +
      +
      + Wait until 11:08 AM to book +
      +
      +
      +
      +
      + Estimated travel time: + 1 min + (does not account for traffic) +
      +
      + Estimated cost: + $17.00 + - + $18.00 +
      +
      +
      +
      + +
      6. +
    6. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 407 NE 12th Ave, Portland + +
      +
      + 11:10 AM +
      + + Arrive at + 407 NE 12th Ave, Portland + +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 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: grey; + border: 2px solid #bbb; + text-align: center; + width: 25px; + height: 25px; + font-size: 1.2em; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; +} + +.c34 { + 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; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c57 { + text-align: center; +} + +.c4 { + border-left: dotted 4px grey; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c33 { + border-left: dotted 4px #484848; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c35 { + border-left: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.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; +} + +.c41 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c40 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by car + + + + +
      +
      +
      +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Sunset TC MAX Station + + ID 9969 + + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + ID 8337 + + + + + +
      + +
      + + +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Oak/ SW 1st Ave MAX Station + + ID 8337 + + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      + +
      5. +
    5. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 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: grey; + border: 2px solid #bbb; + text-align: center; + width: 25px; + height: 25px; + font-size: 1.2em; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; +} + +.c34 { + 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; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c57 { + text-align: center; +} + +.c4 { + border-left: dotted 4px grey; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c33 { + border-left: dotted 4px #484848; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c35 { + border-left: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.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; +} + +.c41 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c40 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by car + + + + +
      +
      +
      +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Sunset TC MAX Station + + ID 9969 + + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + ID 8337 + + + + + +
      + +
      + + +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Oak/ SW 1st Ave MAX Station + + ID 8337 + + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      + +
      5. +
    5. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 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: grey; + border: 2px solid #bbb; + text-align: center; + width: 25px; + height: 25px; + font-size: 1.2em; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; +} + +.c34 { + 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; +} + +.c42 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c57 { + text-align: center; +} + +.c4 { + border-left: dotted 4px grey; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c33 { + border-left: dotted 4px #484848; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c35 { + border-left: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.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; +} + +.c41 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c40 { + font-size: 13px; + font-weight: 500; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by car + + + + +
      +
      +
      +
      +
      + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
      +
      + 3:50 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Drive 2.4 miles to + + P+R Sunset TC + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
        +
        5. +
      5. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
        +
        6. +
      6. +
        + + + +
        +
        + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
        +
        7. +
      7. +
        + + + +
        +
        + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
        +
        8. +
      8. +
        + + + +
        +
        + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
        +
        9. +
      9. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 0.2 miles + + +
        +
        10. +
      10. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC + + + 76 feet + + +
        +
        11. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + P+R Sunset TC + +
      +
      + 4:02 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 426 feet to + + Sunset TC MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + steps + + + 232 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 19 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Sunset TC MAX Station + + ID 9969 + + +
      +
      + 4:05 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Gresham + + + + + - + Disembark at + Oak/ SW 1st Ave MAX Station + + ID 8337 + + + + + +
      + +
      + + +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Washington Park MAX Station +
        +
        2. +
      2. +
        + • +
        +
        + Goose Hollow/SW Jefferson St MAX Station +
        +
        3. +
      3. +
        + • +
        +
        + Kings Hill/SW Salmon St MAX Station +
        +
        4. +
      4. +
        + • +
        +
        + Providence Park MAX Station +
        +
        5. +
      5. +
        + • +
        +
        + Library/SW 9th Ave MAX Station +
        +
        6. +
      6. +
        + • +
        +
        + Pioneer Square South MAX Station +
        +
        7. +
      7. +
        + • +
        +
        + Mall/SW 4th Ave MAX Station +
        +
        8. +
      8. +
        + • +
        +
        + Yamhill District MAX Station +
        +
        9. +
      +
      +
      +
      +
      +
      +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Oak/ SW 1st Ave MAX Station + + ID 8337 + + +
      +
      + 4:27 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SW Oak St + + + 37 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + LEFT + on + + SW Pine St + + + 337 feet + + +
        +
        6. +
      +
      +
      +       +
      +
      + +
      5. +
    5. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 205 SW Pine St, Portland, OR, USA 97204 + +
      +
      + 4:29 PM +
      + + Arrive at + 205 SW Pine St, Portland, OR, USA 97204 + +
      6. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c52 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c51 { + 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: solid 8px #0070c0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c49 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c45 { + 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; +} + +.c15 { + font-weight: inherit; +} + +.c39 { + font-size: 13px; + font-weight: 500; +} + +.c38 { + font-weight: 800; + margin-right: 6px; +} + +.c37 { + 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; +} + +.c34 { + text-align: center; + min-width: 30px; + min-height: 30px; + font-size: 1.2em; + background-color: #0070c0; + color: white; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; + border: 1px solid; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; +} + +.c50 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c47 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c48 { + color: #676767; + margin-top: 3px; +} + +.c46 { + z-index: 30; + position: relative; +} + +.c41 { + margin-top: 5px; +} + +.c42 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c44 { + font-size: 14px; +} + +.c43 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 51 + + + Everett - Northgate Station + +
      +
      +
      +
      +
      + + Everett Station Bay C1 + + ID 2345 + + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 512 + +
      + + + Northgate Station + + +       + + - + Disembark at + Northgate Station + + ID 2191 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Northgate Station + + ID 2191 + + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 40 + + + + +
      +
      +
      +
      +
      + + Northgate Station - Bay 4 + + ID 35318 + + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 40 + +
      + + + Downtown Seattle Ballard + + +       + + - + Disembark at + N 105th St & Aurora Ave N + + ID 40032 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + N 105th St & Aurora Ave N + + ID 40032 + + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + E + + + + +
      +
      +
      +
      +
      + + Aurora Ave N & N 105th St + + ID 7080 + + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + E Line + +
      + + + Downtown Seattle + + +       + + - + Disembark at + 3rd Ave & Cherry St + + ID 490 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      + +
      7. +
    7. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 3rd Ave & Cherry St + + ID 490 + + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      8. +
    8. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c33 { + color: #f44256; +} + +.c28 { + 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; +} + +.c30 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c30: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; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c32 { + 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%); +} + +.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; +} + +.c31 { + padding: 3px 10px 3px 10px; + border: 0; + margin-top: -15px; + width: 35px; + height: 35px; +} + +.c31:hover { + cursor: pointer; +} + +.c29 { + -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; +} + +.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; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 11:29 AM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 166 feet to + + 701 SW 6th Ave, Portland, OR, USA 97204 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 701 SW 6th Ave, Portland, OR, USA 97204 + +
      +
      + 11:30 AM +
      + + Arrive at + 701 SW 6th Ave, Portland, OR, USA 97204 + +
      3. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c51 { + 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; +} + +.c41 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c50 { + 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: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c46 { + 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; +} + +.c40 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c39 { + font-size: 13px; + font-weight: 500; +} + +.c38 { + font-weight: 800; + margin-right: 6px; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c48 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c49 { + color: #676767; + margin-top: 3px; +} + +.c47 { + z-index: 30; + position: relative; +} + +.c42 { + margin-top: 5px; +} + +.c43 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c45 { + font-size: 14px; +} + +.c44 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 3940 SE Brooklyn St, Portland, OR, USA 97202 + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 238 feet to + + SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Brooklyn St + + + 205 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 33 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 75 + + + Cesar Chavez/Lombard (very long route name) + +
      +
      +
      +
      +
      + + SE Cesar Chavez Blvd & Brooklyn + + ID 7439 + + +
      +
      + 3:47 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 755X + +
      + + + Cesar Chavez/Lombard (very long route name) + + to + + St. Johns via NAYA + + +       + + - + Disembark at + SE Cesar Chavez Blvd & Hawthorne + + ID 7459 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Cesar Chavez Blvd & Clinton +
        +
        2. +
      2. +
        + • +
        +
        + SE Cesar Chavez Blvd & Division +
        +
        3. +
      3. +
        + • +
        +
        + SE Cesar Chavez Blvd & Lincoln +
        +
        4. +
      4. +
        + • +
        +
        + SE Cesar Chavez Blvd & Stephens +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + SE Cesar Chavez Blvd & Hawthorne + + ID 7459 + + +
      +
      + 3:52 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 440 feet to + + SE Hawthorne & Cesar Chavez Blvd + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 146 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 198 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE Hawthorne Blvd + + + 96 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 1 + + + Hawthorne + +
      +
      +
      +
      +
      + + SE Hawthorne & Cesar Chavez Blvd + + ID 2626 + + +
      +
      + 4:00 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 1 + +
      + + + Hawthorne + + to + + Portland + + +       + + - + Disembark at + SE Hawthorne & 27th + + ID 2613 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Hawthorne & 37th +
        +
        2. +
      2. +
        + • +
        +
        + SE Hawthorne & 34th +
        +
        3. +
      3. +
        + • +
        +
        + SE Hawthorne & 32nd +
        +
        4. +
      4. +
        + • +
        +
        + SE Hawthorne & 30th +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + SE Hawthorne & 27th + + ID 2613 + + +
      +
      + 4:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 479 feet to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Hawthorne Blvd + + + 40 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 27th Ave + + + 294 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE Madison St + + + 146 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      + 4:06 PM +
      + + Arrive at + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itinerary 2`] = ` +.c11 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c56 { + color: #f44256; +} + +.c32 { + border-top-style: solid; + border-top-width: 0; + padding-top: 0; + padding-bottom: 10px; +} + +.c20 { + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + font-size: inherit; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c34 { + color: #008; + cursor: pointer; + margin-left: 5px; +} + +.c34: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; +} + +.c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c25::before { + content: ""; + margin: 0 0.125em; +} + +.c55 { + 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%); +} + +.c36 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c50 { + display: block; + font-size: 13px; + list-style: none; + padding: 0; +} + +.c0 { + list-style: none; + padding: 0; +} + +.c16 { + color: #676767; + font-size: 13px; + padding-bottom: 12px; +} + +.c21 { + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 1; +} + +.c17 { + -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; +} + +.c14 { + display: inline-block; + grid-row-start: 2; + grid-column-start: 1; + height: 0; + overflow: hidden; + width: 0; +} + +.c44 { + font-weight: 200; +} + +.c19 { + font-weight: inherit; +} + +.c43 { + font-size: 13px; + font-weight: 500; +} + +.c42 { + font-weight: 800; + margin-right: 6px; +} + +.c41 { + color: #807373; + margin-top: 5px; +} + +.c18 { + -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; +} + +.c22 { + 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; +} + +.c35 { + padding: 3px 10px 3px 10px; + border: 0; + margin-top: -15px; + width: 35px; + height: 35px; +} + +.c35:hover { + cursor: pointer; +} + +.c33 { + -webkit-flex: 0 0 25px; + -ms-flex: 0 0 25px; + flex: 0 0 25px; + grid-column: -1; +} + +.c15 { + 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; +} + +.c37 { + 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; +} + +.c38 { + 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; +} + +.c26 { + display: block; + list-style: none; + padding: 0; +} + +.c29 { + margin-left: 24px; + line-height: 1.25em; + padding-top: 1px; +} + +.c29 > span { + margin-right: 1ch; +} + +.c23 { + 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; +} + +.c23 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; +} + +.c24 { + color: #676767; + font-size: 13px; + font-style: normal; + padding: 0; +} + +.c28 { + fill: #676767; + float: left; + height: 16px; + width: 16px; +} + +.c27 { + font-size: 13px; + margin-top: 8px; + color: #676767; + font-style: normal; +} + +.c30 { + font-weight: 500; +} + +.c31 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c39 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c52 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c53 { + color: #676767; + margin-top: 3px; +} + +.c51 { + z-index: 30; + position: relative; +} + +.c46 { + margin-top: 5px; +} + +.c47 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c49 { + font-size: 14px; +} + +.c48 { + padding: 0; +} + +.c10 { + -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; +} + +.c40 { + -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; +} + +.c54 { + -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; +} + +.c12 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.c12 span { + display: block; +} + +.c13 { + padding-top: 3px; + font-weight: 600; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 3940 SE Brooklyn St, Portland, OR, USA 97202 + +
      +
      + 3:46 PM +
      + + + + ✅ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 238 feet to + + SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Brooklyn St + + + 205 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 33 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 75 + + + Cesar Chavez/Lombard (very long route name) + +
      +
      +
      +
      +
      + + SE Cesar Chavez Blvd & Brooklyn + + ID 7439 + + +
      +
      + 3:47 PM +
      + + + + ？ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 755X + +
      + + + Cesar Chavez/Lombard (very long route name) + + to + + St. Johns via NAYA + + +       + + - + Disembark at + SE Cesar Chavez Blvd & Hawthorne + + ID 7459 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Cesar Chavez Blvd & Clinton +
        +
        2. +
      2. +
        + • +
        +
        + SE Cesar Chavez Blvd & Division +
        +
        3. +
      3. +
        + • +
        +
        + SE Cesar Chavez Blvd & Lincoln +
        +
        4. +
      4. +
        + • +
        +
        + SE Cesar Chavez Blvd & Stephens +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + SE Cesar Chavez Blvd & Hawthorne + + ID 7459 + + +
      +
      + 3:52 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 440 feet to + + SE Hawthorne & Cesar Chavez Blvd + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 146 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 198 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + SE Hawthorne Blvd + + + 96 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 1 + + + Hawthorne + +
      +
      +
      +
      +
      + + SE Hawthorne & Cesar Chavez Blvd + + ID 2626 + + +
      +
      + 4:00 PM +
      + + + + ❌ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 1 + +
      + + + Hawthorne + + to + + Portland + + +       + + - + Disembark at + SE Hawthorne & 27th + + ID 2613 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + SE Hawthorne & 37th +
        +
        2. +
      2. +
        + • +
        +
        + SE Hawthorne & 34th +
        +
        3. +
      3. +
        + • +
        +
        + SE Hawthorne & 32nd +
        +
        4. +
      4. +
        + • +
        +
        + SE Hawthorne & 30th +
        +
        5. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + SE Hawthorne & 27th + + ID 2613 + + +
      +
      + 4:04 PM +
      + + + + ❌ + + +
      +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 479 feet to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + SE Hawthorne Blvd + + + 40 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + SE 27th Ave + + + 294 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + SE Madison St + + + 146 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      +
      + 4:06 PM +
      + + Arrive at + 1415 SE 28th Ave, Portland, OR, USA 97214 + +
      7. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c56 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c55 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c51 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c53 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c54 { + color: #676767; + margin-top: 3px; +} + +.c52 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c50 { + font-size: 14px; +} + +.c49 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency Information 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency Information 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c57 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c56 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c52 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c54 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c55 { + color: #676767; + margin-top: 3px; +} + +.c53 { + z-index: 30; + position: relative; +} + +.c44 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c46 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c47 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c45 { + float: left; + font-size: 18px; +} + +.c43 { + display: block; + margin-top: 3px; +} + +.c42 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c48 { + margin-top: 5px; +} + +.c49 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c50 { + padding: 0; +} + +.c41 { + margin-top: 5px; +} + +.c41 a { + color: #337ab7; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c41 a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c41 img { + margin-left: 5px; + vertical-align: middle; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      +
      + Service operated by + + TriMet + + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Place Name Component 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Place Name Component 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c55 { + 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; +} + +.c39 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c54 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c50 { + 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; +} + +.c38 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c37 { + font-size: 13px; + font-weight: 500; +} + +.c36 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c52 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c53 { + color: #676767; + margin-top: 3px; +} + +.c51 { + z-index: 30; + position: relative; +} + +.c42 { + background-color: #eee; + border-radius: 4px; + color: #000; + display: block; + margin-top: 5px; + padding: 8px; + -webkit-text-decoration: none; + text-decoration: none; +} + +.c44 { + font-size: 12px; + margin-left: 30px; + white-space: pre-wrap; +} + +.c45 { + margin-top: 5px; + margin-left: 30px; + font-size: 12px; + font-style: italic; +} + +.c43 { + float: left; + font-size: 18px; +} + +.c41 { + display: block; + margin-top: 3px; +} + +.c40 { + color: #d14727; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin-top: 8px; + padding: 0; +} + +.c46 { + margin-top: 5px; +} + +.c47 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c49 { + font-size: 14px; +} + +.c48 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 🎉✨🎊 KGW Studio on the Sq, Portland, OR, USA 🎉✨🎊 + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + 🎉✨🎊 Pioneer Square North MAX Station 🎉✨🎊 + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + 🎉✨🎊 Providence Park MAX Station 🎉✨🎊 + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 🎉✨🎊 Providence Park MAX Station 🎉✨🎊 + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 🎉✨🎊 1737 SW Morrison St, Portland, OR, USA 97205 🎉✨🎊 + +
      +
      + 3:50 PM +
      + + Arrive at + 🎉✨🎊 1737 SW Morrison St, Portland, OR, USA 97205 🎉✨🎊 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Transit Leg Summary Component 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Transit Leg Summary Component 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c55 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c54 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c50 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c52 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c53 { + color: #676767; + margin-top: 3px; +} + +.c51 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c49 { + font-size: 14px; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + MA + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      +
      + + Ride for a custom duration of + 3.583 + minutes + + + (2 stops) + + + + +
      +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom View Trip Button Activated And Custom Route Abbreviation 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom View Trip Button Activated And Custom Route Abbreviation 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c57 { + 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; +} + +.c50 { + padding-left: 0px; +} + +.c50:before { + content: "|"; + color: black; + margin-right: 5px; +} + +.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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c56 { + 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: solid 8px #084C8D; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c52 { + 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; +} + +.c39 { + font-weight: 200; +} + +.c15 { + font-weight: inherit; +} + +.c38 { + font-size: 13px; + font-weight: 500; +} + +.c37 { + 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; +} + +.c34 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c54 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c55 { + color: #676767; + margin-top: 3px; +} + +.c53 { + 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 { + margin-top: 5px; +} + +.c48 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c51 { + font-size: 14px; +} + +.c49 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + KGW Studio on the Sq, Portland, OR, USA + +
      +
      + 3:44 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 269 feet to + + Pioneer Square North MAX Station + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + + MAX Blue Line + +
      +
      +
      +
      +
      + + Pioneer Square North MAX Station + + ID 8383 + + +
      +
      + 3:46 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + + + + MAX Blue Line + + to + + Hillsboro + + + + + - + Disembark at + Providence Park MAX Station + + ID 9757 + + + + + +
      + +
      + +
      +
      + +
      +
      +
      +
      + + + Trip Viewer + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Galleria/SW 10th Ave MAX Station +
        +
        2. +
      +
      +
      +
      + + Typical wait: + 15 min + +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Providence Park MAX Station + + ID 9757 + + +
      +
      + 3:49 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
        +
        5. +
      +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      +
      + 3:50 PM +
      + + Arrive at + 1737 SW Morrison St, Portland, OR, USA 97205 + +
      5. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c52 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c51 { + 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: solid 8px #0070c0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c49 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c45 { + 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; +} + +.c15 { + font-weight: inherit; +} + +.c39 { + font-size: 13px; + font-weight: 500; +} + +.c38 { + font-weight: 800; + margin-right: 6px; +} + +.c37 { + 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; +} + +.c34 { + text-align: center; + min-width: 30px; + min-height: 30px; + font-size: 1.2em; + background-color: #0070c0; + color: white; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; + border: 1px solid; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; +} + +.c50 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c47 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c48 { + color: #676767; + margin-top: 3px; +} + +.c46 { + z-index: 30; + position: relative; +} + +.c41 { + margin-top: 5px; +} + +.c42 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c44 { + font-size: 14px; +} + +.c43 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 51 + + + Everett - Northgate Station + +
      +
      +
      +
      +
      + + Everett Station Bay C1 + + ID 2345 + + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 512 + +
      + + + Northgate Station + + +       + + - + Disembark at + Northgate Station + + ID 2191 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Northgate Station + + ID 2191 + + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 40 + + + + +
      +
      +
      +
      +
      + + Northgate Station - Bay 4 + + ID 35318 + + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 40 + +
      + + + Downtown Seattle Ballard + + +       + + - + Disembark at + N 105th St & Aurora Ave N + + ID 40032 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + N 105th St & Aurora Ave N + + ID 40032 + + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + E + + + + +
      +
      +
      +
      +
      + + Aurora Ave N & N 105th St + + ID 7080 + + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + E Line + +
      + + + Downtown Seattle + + +       + + - + Disembark at + 3rd Ave & Cherry St + + ID 490 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      + +
      7. +
    7. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 3rd Ave & Cherry St + + ID 490 + + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      8. +
    8. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c52 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c51 { + 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: solid 8px #0070c0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c49 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c45 { + 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; +} + +.c15 { + font-weight: inherit; +} + +.c39 { + font-size: 13px; + font-weight: 500; +} + +.c38 { + font-weight: 800; + margin-right: 6px; +} + +.c37 { + 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; +} + +.c34 { + text-align: center; + min-width: 30px; + min-height: 30px; + font-size: 1.2em; + background-color: #0070c0; + color: white; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; + border: 1px solid; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; +} + +.c50 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c47 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c48 { + color: #676767; + margin-top: 3px; +} + +.c46 { + z-index: 30; + position: relative; +} + +.c41 { + margin-top: 5px; +} + +.c42 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c44 { + font-size: 14px; +} + +.c43 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 51 + + + Everett - Northgate Station + +
      +
      +
      +
      +
      + + Everett Station Bay C1 + + ID 2345 + + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 512 + +
      + + + Northgate Station + + +       + + - + Disembark at + Northgate Station + + ID 2191 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Northgate Station + + ID 2191 + + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 40 + + + + +
      +
      +
      +
      +
      + + Northgate Station - Bay 4 + + ID 35318 + + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 40 + +
      + + + Downtown Seattle Ballard + + +       + + - + Disembark at + N 105th St & Aurora Ave N + + ID 40032 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + N 105th St & Aurora Ave N + + ID 40032 + + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + E + + + + +
      +
      +
      +
      +
      + + Aurora Ave N & N 105th St + + ID 7080 + + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + E Line + +
      + + + Downtown Seattle + + +       + + - + Disembark at + 3rd Ave & Cherry St + + ID 490 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      + +
      7. +
    7. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 3rd Ave & Cherry St + + ID 490 + + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      8. +
    8. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      9. +
    +`; + +exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 1`] = ` + + + +`; + +exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`] = ` +.c22 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c52 { + 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; +} + +.c40 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: none; + color: #008ab0; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 0.9em; + font-family: inherit; + margin: 0; + margin-top: 5px; + outline: inherit; + padding: 0; + text-align: inherit; +} + +.c21::before { + content: ""; + margin: 0 0.125em; +} + +.c51 { + 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: solid 8px #0070c0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c49 { + border-left: solid 8px #008ab0; + height: 100%; + width: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.c45 { + 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; +} + +.c15 { + font-weight: inherit; +} + +.c39 { + font-size: 13px; + font-weight: 500; +} + +.c38 { + font-weight: 800; + margin-right: 6px; +} + +.c37 { + 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; +} + +.c34 { + text-align: center; + min-width: 30px; + min-height: 30px; + font-size: 1.2em; + background-color: #0070c0; + color: white; + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 1px; + border: 1px solid; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; +} + +.c50 { + 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; +} + +.c35 { + 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; +} + +.c36 { + font-weight: 200; + font-size: 0.9em; + margin-left: 10px; +} + +.c47 { + float: left; + margin-left: -36px; + color: #fff; +} + +.c48 { + color: #676767; + margin-top: 3px; +} + +.c46 { + z-index: 30; + position: relative; +} + +.c41 { + margin-top: 5px; +} + +.c42 { + color: #676767; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c44 { + font-size: 14px; +} + +.c43 { + padding: 0; +} + +
      +
    1. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 47.97767, -122.20034 + +
      +
      + 12:57 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 0.3 miles to + + Everett Station Bay C1 + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
        +
        4. +
      4. +
        + + + +
        +
        + + LEFT + on + + 32nd Street + + + 67 feet + + +
        +
        5. +
      5. +
        + + + +
        +
        + + RIGHT + on + + 32nd Street + + + 313 feet + + +
        +
        6. +
      6. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 380 feet + + +
        +
        7. +
      +
      +
      +       +
      +
      + +
      2. +
    2. +
      +
      +
      +
      +
      + + 51 + + + Everett - Northgate Station + +
      +
      +
      +
      +
      + + Everett Station Bay C1 + + ID 2345 + + +
      +
      + 1:04 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 512 + +
      + + + Northgate Station + + +       + + - + Disembark at + Northgate Station + + ID 2191 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Broadway & 34th St +
        +
        2. +
      2. +
        + • +
        +
        + South Everett Fwy Station Bay 3 +
        +
        3. +
      3. +
        + • +
        +
        + Ash Way Park & Ride Bay 1 +
        +
        4. +
      4. +
        + • +
        +
        + Lynnwood Transit Center Bay D3 +
        +
        5. +
      5. +
        + • +
        +
        + Mountlake Terrace Fwy Station Bay 6 +
        +
        6. +
      +
      +
      +
      +
      +
      +
      +
      + +
      3. +
    3. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + Northgate Station + + ID 2191 + + +
      +
      + 1:51 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk to + + Northgate Station - Bay 4 + + + + +
      + + + + +
      +
      +
        +
      +
      +       +
      +
      + +
      4. +
    4. +
      +
      +
      +
      +
      + + 40 + + + + +
      +
      +
      +
      +
      + + Northgate Station - Bay 4 + + ID 35318 + + +
      +
      + 1:55 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + 40 + +
      + + + Downtown Seattle Ballard + + +       + + - + Disembark at + N 105th St & Aurora Ave N + + ID 40032 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + 1st Ave NE & NE 95th St +
        +
        2. +
      2. +
        + • +
        +
        + N 92nd St & Corliss Ave N +
        +
        3. +
      3. +
        + • +
        +
        + College Way N & N 97th St +
        +
        4. +
      4. +
        + • +
        +
        + College Way N & N 103rd St +
        +
        5. +
      5. +
        + • +
        +
        + Meridian Ave N & N 105th St +
        +
        6. +
      6. +
        + • +
        +
        + N Northgate Way & Meridian Ave N +
        +
        7. +
      7. +
        + • +
        +
        + N Northgate Way & Stone Ave N +
        +
        8. +
      +
      +
      +
      +
      +
      +
      +
      + +
      5. +
    5. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + N 105th St & Aurora Ave N + + ID 40032 + + +
      +
      + 2:06 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 259 feet to + + Aurora Ave N & N 105th St + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + RIGHT + on + + service road + + + 14 feet + + +
        +
        3. +
      3. +
        + + + +
        +
        + + LEFT + on + + Unnamed Path + + + 180 feet + + +
        +
        4. +
      +
      +
      +       +
      +
      + +
      6. +
    6. +
      +
      +
      +
      +
      + + E + + + + +
      +
      +
      +
      +
      + + Aurora Ave N & N 105th St + + ID 7080 + + +
      +
      + 2:07 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + Ride + + +
      + + E Line + +
      + + + Downtown Seattle + + +       + + - + Disembark at + 3rd Ave & Cherry St + + ID 490 + + +       + +       +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
        +
      1. +
        + • +
        +
        + Aurora Ave N & N 100th St +
        +
        2. +
      2. +
        + • +
        +
        + Aurora Ave N & N 95th St +
        +
        3. +
      3. +
        + • +
        +
        + Aurora Ave N & N 90th St +
        +
        4. +
      4. +
        + • +
        +
        + Aurora Ave N & N 85th St +
        +
        5. +
      5. +
        + • +
        +
        + Aurora Ave N & N 80th St +
        +
        6. +
      6. +
        + • +
        +
        + Aurora Ave N & N 76th St +
        +
        7. +
      7. +
        + • +
        +
        + Aurora Ave N & N 65th St +
        +
        8. +
      8. +
        + • +
        +
        + Aurora Ave N & N 46th St +
        +
        9. +
      9. +
        + • +
        +
        + Aurora Ave N & Lynn St +
        +
        10. +
      10. +
        + • +
        +
        + Aurora Ave N & Galer St +
        +
        11. +
      11. +
        + • +
        +
        + 7th Ave N & Thomas St +
        +
        12. +
      12. +
        + • +
        +
        + Wall St & 5th Ave +
        +
        13. +
      13. +
        + • +
        +
        + 3rd Ave & Bell St +
        +
        14. +
      14. +
        + • +
        +
        + 3rd Ave & Virginia St +
        +
        15. +
      15. +
        + • +
        +
        + 3rd Ave & Pike St +
        +
        16. +
      16. +
        + • +
        +
        + 3rd Ave & Seneca St +
        +
        17. +
      +
      +
      +
      +
      +
      +
      +
      + +
      7. +
    7. +
      +
      +
      +
      +
      + + + Travel by walking + + + +
      +
      +
      +
      +
      + + 3rd Ave & Cherry St + + ID 490 + + +
      +
      + 2:39 PM +
      + + otpUi.TransitLegBody.fromLocation + +
      +
      +
      + + + + - + + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + + + +
      + + + + +
      +
      +
        +
      1. +
        + + + +
        +
        + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
        +
        2. +
      2. +
        + + + +
        +
        + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
        +
        3. +
      +
      +
      +       +
      +
      + +
      8. +
    8. +
      +
      +
      +
      + +
      +
      +
      +
      +
      + + 208 James St, Seattle, WA 98104-2212, United States + +
      +
      + 2:41 PM +
      + + Arrive at + 208 James St, Seattle, WA 98104-2212, United States + +
      9. +
    +`; + +exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 1`] = ` + +
    + + + +
    +     +`; + +exports[`Storyshots LocationField/Desktop Context Auto Focus With Multiple Controls 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + +
    + + + +
      +
    +
    +`; + +exports[`Storyshots LocationField/Desktop Context Blank 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Blank 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Geocoder No Results 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Geocoder No Results 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Geocoder Unreachable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Here Geocoder 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Here Geocoder 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Location Unavailable 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Location Unavailable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 1`] = ` + +
    + + + +
    +     +`; + +exports[`Storyshots LocationField/Desktop Context No Auto Focus With Multiple Controls 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + +
    + + + +
      +
    +
    +`; + +exports[`Storyshots LocationField/Desktop Context Required And Invalid State 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Required And Invalid State 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 1`] = ` + + + } + currentPosition={ + Object { + "coords": Object { + "latitude": 45.508246, + "longitude": -122.711574, + }, + } + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + location={ + Object { + "lat": 0, + "lon": 0, + "name": "123 Main St", + } + } + locationType="to" + onLocationSelected={[Function]} + /> + +`; + +exports[`Storyshots LocationField/Desktop Context Selected Location Custom Clear 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context Slow Geocoder 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context Slow Geocoder 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context With Bad Api Key Handles Bad Autocomplete 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 1`] = ` + + , + } + } + /> + +`; + +exports[`Storyshots LocationField/Desktop Context With Custom Result Colors And Icons 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context With Prefilled Search 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context With Prefilled Search 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Desktop Context With User Settings 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Desktop Context With User Settings 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + position: relative; +} + +
    + + + +
      +
    +`; + +exports[`Storyshots LocationField/Mobile Context Blank 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Blank 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context Geocoder No Results 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Geocoder No Results 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Geocoder Unreachable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context Location Unavailable 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Location Unavailable 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + +
    + + + + otpUi.LocationField.currentLocationUnavailable + + +
    +`; + +exports[`Storyshots LocationField/Mobile Context Selected Location 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Selected Location 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c14 { + float: left; +} + +.c10 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 1`] = ` + + + } + currentPosition={ + Object { + "coords": Object { + "latitude": 45.508246, + "longitude": -122.711574, + }, + } + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + isStatic={true} + location={ + Object { + "lat": 0, + "lon": 0, + "name": "123 Main St", + } + } + locationType="to" + onLocationSelected={[Function]} + /> + +`; + +exports[`Storyshots LocationField/Mobile Context Selected Location Custom Clear 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c6 { + color: #888; + cursor: pointer; + width: 30px; +} + +.c2 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c14 { + float: left; +} + +.c10 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context Slow Geocoder 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Slow Geocoder 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #333; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c12 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c14 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c13 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context Styled 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context Styled 2`] = ` +.c4 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c5 { + color: #333; +} + +.c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c2 { + border: none; + background: none; +} + +.c3 { + width: 30px; +} + +.c9 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c8 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c6 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c14 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c16 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c15 { + float: left; +} + +.c10 { + border: none; + box-shadow: none; + display: block; +} + +.c1 .c13 { + background-color: pink; + font-size: 24px; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context With Custom Icons 1`] = ` + + + } + currentPositionUnavailableIcon={ + + } + geocoderConfig={ + Object { + "baseUrl": "https://ws-st.trimet.org/pelias/v1", + "boundary": Object { + "rect": Object { + "maxLat": 45.7445, + "maxLon": -122.135, + "minLat": 45.273, + "minLon": -123.2034, + }, + }, + "maxNearbyStops": 4, + "type": "PELIAS", + } + } + getCurrentPosition={[Function]} + isStatic={true} + layerColorMap={ + Object { + "locality": "orange", + "stations": "navy", + "stops": "purple", + } + } + locationType="to" + nearbyStops={ + Array [ + "1", + "2", + ] + } + onLocationSelected={[Function]} + sessionOptionIcon={ + + } + sessionSearches={ + Array [ + Object { + "lat": 12.34, + "lon": 34.45, + "name": "123 Main St", + }, + ] + } + showUserSettings={true} + stopOptionIcon={ + + } + stopsIndex={ + Object { + "1": Object { + "code": "1", + "dist": 123, + "lat": 12.34, + "lon": 34.56, + "name": "1st & Main", + "routes": Array [ + Object { + "shortName": "1", + }, + ], + }, + "2": Object { + "code": "2", + "dist": 345, + "lat": 23.45, + "lon": 67.89, + "name": "Main & 2nd", + "routes": Array [ + Object { + "shortName": "2", + }, + ], + }, + } + } + userLocationsAndRecentPlaces={ + Array [ + Object { + "icon": "home", + "lat": 45.89, + "lon": 67.12, + "name": "456 Suburb St", + "type": "home", + }, + Object { + "icon": "work", + "lat": 54.32, + "lon": 43.21, + "name": "789 Busy St", + "type": "work", + }, + Object { + "icon": "map-marker", + "lat": 34.22, + "lon": -84.11, + "name": "Coffee Roasters Shop, 55 Coffee Street", + "type": "custom", + }, + Object { + "lat": 12.34, + "lon": 34.45, + "name": "123 Main St", + "type": "recent", + }, + ] + } + /> + +`; + +exports[`Storyshots LocationField/Mobile Context With Custom Icons 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c5 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c17 { + clear: both; +} + +.c2 { + width: 30px; +} + +.c7 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c4 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; +} + +.c10:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c10[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c18 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c20 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c19 { + float: left; +} + +.c16 { + background-color: gray; + color: white; + padding: 2px 3px 0px; + margin-right: 5px; +} + +.c8 { + border: none; + box-shadow: none; + display: block; +} + +.c14 { + margin-left: 30px; +} + +.c13 { + font-size: 8px; +} + +.c12 { + float: left; + padding-top: 3px; +} + +.c15 { + font-size: 9px; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context With Nearby Stops 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context With Nearby Stops 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c18 { + clear: both; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c19 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c21 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c20 { + float: left; +} + +.c17 { + background-color: gray; + color: white; + padding: 2px 3px 0px; + margin-right: 5px; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + +.c15 { + margin-left: 30px; +} + +.c14 { + font-size: 8px; +} + +.c13 { + float: left; + padding-top: 3px; +} + +.c16 { + font-size: 9px; +} + + +`; + +exports[`Storyshots LocationField/Mobile Context With Session Searches 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context With Session Searches 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c14 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + +
    + + + + +
    +`; + +exports[`Storyshots LocationField/Mobile Context With User Settings 1`] = ` + + + +`; + +exports[`Storyshots LocationField/Mobile Context With User Settings 2`] = ` +.c3 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c4 { + color: #f44256; +} + +.c6 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c1 { + border: none; + background: none; +} + +.c2 { + width: 30px; +} + +.c8 { + background-clip: padding-box; + background-color: #fff; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + box-shadow: 0 6px 12px rgba(0,0,0,0.175); + float: left; + font-size: 14px; + left: 0; + list-style: none; + margin: 2px 0 0; + min-width: 160px; + padding: 5px 0; + position: absolute; + text-align: left; + top: 100%; + z-index: 1000000; +} + +input[aria-expanded="false"] ~ .c7 { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + display: inline-block; + height: 0; + overflow: hidden; + width: 0; +} + +.c5 { + border: none; + box-shadow: none; + font-size: 17px; + outline: none; +} + +.c0 { + border-bottom: 1px solid #000; + border-collapse: separate; + display: table; + margin-bottom: 15px; + 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; + font-size: 12px; + font-weight: normal; + line-height: 1.42857143; + margin: 0; + padding: 0px 10px; + text-align: center; + white-space: nowrap; +} + +.c11:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +.c11[aria-hidden="true"]:hover { + background-color: unset; + cursor: default; +} + +.c13 { + display: block; + padding-top: 5px; + padding-bottom: 3px; +} + +.c15 { + margin-left: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c14 { + float: left; +} + +.c9 { + border: none; + box-shadow: none; + display: block; +} + + +`; + +exports[`Storyshots LocationIcon Custom Style For To 1`] = ` + + + +`; + +exports[`Storyshots LocationIcon Custom Style For To 2`] = ` +.c0 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c1 { + color: #f44256; +} + +.c2 { + color: blue; +} + + +`; + +exports[`Storyshots LocationIcon From 1`] = ` + + + +`; + +exports[`Storyshots LocationIcon From 2`] = ` +.c0 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c1 { + color: #333; +} + + +`; + +exports[`Storyshots LocationIcon Generic Place 1`] = ` + + + +`; + +exports[`Storyshots LocationIcon Generic Place 2`] = ` +.c0 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c1 { + color: #333; +} + + +`; + +exports[`Storyshots LocationIcon To 1`] = ` + + + +`; + +exports[`Storyshots LocationIcon To 2`] = ` +.c0 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c1 { + color: #f44256; +} + + +`; + +exports[`Storyshots Map Popup Floating Vehicle Entity 1`] = ` + + + +`; + +exports[`Storyshots Map Popup Floating Vehicle Entity 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; +} + +.c2 { + margin-top: 6px; +} + +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; +} + +.c5 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c6 { + color: #333; +} + +.c8 { + color: #f44256; +} + +.c4:first-of-type { + border-left: none; +} + +.c3 > * { + padding-left: 0.4em; + border-left: 1px solid black; +} + +.c7 { + background: none; + border: none; + color: navy; + font-family: inherit; + font-size: inherit; + line-height: inherit; + padding-left: 0.2em; +} + +.c7:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + cursor: pointer; +} + +
    +
    + Free-floating bike: 0541 BIKETOWN +
    +

    + + Plan a trip: + + + + + + + + + + + +

    +
    +`; + +exports[`Storyshots Map Popup Station Entity 1`] = ` + + + +`; + +exports[`Storyshots Map Popup Station Entity 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; +} + +.c2 { + margin-top: 6px; +} + +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; +} + +.c5 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c6 { + color: #333; +} + +.c8 { + color: #f44256; +} + +.c4:first-of-type { + border-left: none; +} + +.c3 > * { + padding-left: 0.4em; + border-left: 1px solid black; +} + +.c7 { + background: none; + border: none; + color: navy; + font-family: inherit; + font-size: inherit; + line-height: inherit; + padding-left: 0.2em; +} + +.c7:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + cursor: pointer; +} + +
    +
    + SW Morrison at 18th +
    +

    +

    + Available bikes: 6 +
    +
    + Available docks: 11 +
    +

    +

    + + Plan a trip: + + + + + + + + + + + +

    +
    +`; + +exports[`Storyshots Map Popup Stop Entity 1`] = ` + + + +`; + +exports[`Storyshots Map Popup Stop Entity 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; +} + +.c2 { + margin-top: 6px; +} + +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; +} + +.c6 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c7 { + color: #333; +} + +.c9 { + color: #f44256; +} + +.c5:first-of-type { + border-left: none; +} + +.c4 > * { + padding-left: 0.4em; + border-left: 1px solid black; +} + +.c8 { + background: none; + border: none; + color: navy; + font-family: inherit; + font-size: inherit; + line-height: inherit; + padding-left: 0.2em; +} + +.c8:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + cursor: pointer; +} + +.c3 { + background: none; + border-bottom: none; + border-left: 1px solid #000; + border-right: none; + border-top: none; + color: #008; + font-family: inherit; + margin-left: 5px; + padding-top: 0; +} + +
    +
    + W Burnside & SW 2nd +
    +

    + + Stop ID: 9526 + + +

    +

    + + Plan a trip: + + + + + + + + + + + +

    +
    +`; + +exports[`Storyshots Map Popup Stop Entity No Handlers 1`] = ` + + + +`; + +exports[`Storyshots Map Popup Stop Entity No Handlers 2`] = ` +.c0 { + font-size: 12px; + line-height: 1.5; + min-width: 250px; +} + +.c1 { + font-size: 18px; + font-weight: 500; + margin-bottom: 6px; +} + +
    +
    + W Burnside & SW 2nd +
    +
    +`; + +exports[`Storyshots ParkAndRideOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots ParkAndRideOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Bike Only Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Bike Only Itinerary 2`] = ` +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 503 SW Alder St, Portland, OR, USA 97204 + +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Bicycle 0.7 miles to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + +
    +
    + + Head + EAST + on + + SW Alder St + + + 87 feet + + +
    +
    + + RIGHT + on + + SW 5th Ave + + + 257 feet + + +
    +
    + + RIGHT + on + + SW Morrison St + + + 0.6 miles + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Bike Rental Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Bike Rental Itinerary 2`] = ` +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 2624 SE 30th Ave, Portland, OR, USA 97202 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 498 feet to + + SE 30th at Division + + +
    +
    + + Head + WEST + on + + SE Clinton St + + + 79 feet + + +
    +
    + + RIGHT + on + + SE 30th Ave + + + 419 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    +
    +
    + + Bicycle 0.6 miles to + + SE 29th at Hawthorne + + +
    +
    + + CONTINUE + on + + SE 30th Ave + + + 0.3 miles + + +
    +
    + + LEFT + on + + SE Harrison St + + + 361 feet + + +
    +
    + + RIGHT + on + + SE 29th Ave + + + 0.2 miles + + +
    +
    + + LEFT + on + + SE Hawthorne Blvd + + + 50 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 0.1 miles to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + +
    +
    + + CONTINUE + on + + SE Hawthorne Blvd + + + 210 feet + + +
    +
    + + RIGHT + on + + SE 28th Ave + + + 295 feet + + +
    +
    + + LEFT + on + + SE Madison St + + + 114 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Bike Rental Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Bike Rental Transit Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 2943 SE Washington St, Portland, OR, USA 97214 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 400 feet to + + SE 29th at Stark + + +
    +
    + + Head + NORTH + on + + SE 30th Ave + + + 103 feet + + +
    +
    + + RIGHT + on + + SE Stark St + + + 277 feet + + +
    +
    + + RIGHT + on + + SE 29th Ave + + + 19 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    +
    +
    + + Bicycle 0.8 miles to + + NE Glisan at 24th + + +
    +
    + + CONTINUE + on + + SE 29th Ave + + + 492 feet + + +
    +
    + + LEFT + on + + SE Pine St + + + 358 feet + + +
    +
    + + RIGHT + on + + SE 28th Ave + + + 518 feet + + +
    +
    + + LEFT + on + + SE Ankeny St + + + 0.2 miles + + +
    +
    + + RIGHT + on + + SE 24th Ave + + + 259 feet + + +
    +
    + + CONTINUE + on + + NE 24th Ave + + + 0.2 miles + + +
    +
    + + LEFT + on + + NE Glisan St + + + 57 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 497 feet to + + NE Sandy & 24th + + +
    +
    + + HARD_LEFT + on + + NE Glisan St + + + 57 feet + + +
    +
    + + LEFT + on + + NE 24th Ave + + + 382 feet + + +
    +
    + + RIGHT + on + + NE Sandy Blvd + + + 58 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + 12 + + + + Barbur/Sandy Blvd + + to + + Parkrose TC + +
    +
    +
    + Board at + + NE Sandy & 24th + + (5066) at + + 4:02 PM + +
    +
    + Get off at + + NE Sandy & 57th + + (5104) at + + 4:14 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 279 feet to + + 0086 BIKETOWN + + +
    +
    + + Head + NORTHEAST + on + + NE Sandy Blvd + + + 75 feet + + +
    +
    + + HARD_LEFT + on + + NE Alameda St + + + 203 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    +
    +
    + + Bicycle 1 mile to + + NE 60th at Cully + + +
    +
    + + HARD_LEFT + on + + NE Alameda St + + + 203 feet + + +
    +
    + + HARD_LEFT + on + + NE 57th Ave + + + 0.6 miles + + +
    +
    + + CONTINUE + on + + NE Cully Blvd + + + 0.3 miles + + +
    +
    + + LEFT + on + + NE 60th Ave + + + 171 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 494 feet to + + 5916 NE Going St, Portland, OR, USA 97218 + + +
    +
    + + CONTINUE + on + + NE 60th Ave + + + 270 feet + + +
    +
    + + LEFT + on + + NE Going St + + + 225 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Bike Transit Bike Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Bike Transit Bike Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + KGW Studio on the Sq, Portland, OR, USA + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 91 feet to + + corner of path and Pioneer Courthouse Sq (pedestrian street) + + +
    +
    + + Head + SOUTHEAST + on + + Unnamed Path + + + 91 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Bicycle 0.1 miles to + + corner of path and Pioneer Sq N (path) + + +
    +
    + + LEFT + on + + Unnamed Path + + + 20 feet + + +
    +
    + + LEFT + on + + SW 6th Ave + + + 245 feet + + +
    +
    + + LEFT + on + + SW Morrison St + + + 241 feet + + +
    +
    + + LEFT + on + + Unnamed Path + + + 27 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 22 feet to + + Pioneer Square North MAX Station + + +
    +
    + + LEFT + on + + Pioneer Sq N (path) + + + 22 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + + + MAX Blue Line + + to + + Hillsboro + +
    +
    +
    + Board at + + Pioneer Square North MAX Station + + (8383) at + + 3:46 PM + +
    +
    + Get off at + + Providence Park MAX Station + + (9757) at + + 3:49 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 19 feet to + + corner of path and Providence Park (path) + + +
    +
    + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Bicycle 230 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
    +
    + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Classic Icons And Park And Ride Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Classic Icons And Park And Ride Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Drive 2.4 miles to + + P+R Sunset TC + + +
    +
    + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
    +
    + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
    +
    + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
    +
    + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
    +
    + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
    +
    + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
    +
    + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
    +
    + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
    +
    + + RIGHT + on + + service road + + + 0.2 miles + + +
    +
    + + RIGHT + on + + Sunset TC + + + 76 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Walk 426 feet to + + Sunset TC MAX Station + + +
    +
    + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
    +
    + + LEFT + on + + steps + + + 232 feet + + +
    +
    + + LEFT + on + + Unnamed Path + + + 19 feet + + +
    +
    + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + +
    +
    +
    +
    + + + + MAX Blue Line + + to + + Gresham + +
    +
    +
    + Board at + + Sunset TC MAX Station + + (2600) at + + 4:05 PM + +
    +
    + Get off at + + Oak/ SW 1st Ave MAX Station + + (8337) at + + 4:27 PM + +
    +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + +
    +
    + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
    +
    + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
    +
    + + LEFT + on + + SW Oak St + + + 37 feet + + +
    +
    + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
    +
    + + LEFT + on + + SW Pine St + + + 337 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary E Scooter Rental Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary E Scooter Rental Itinerary 2`] = ` +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 600 SW 5th Ave, Portland, OR, USA 97204 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 206 feet to + + EMAQ + + +
    +
    + + Head + EAST + on + + SW Alder St + + + 118 feet + + +
    +
    + + LEFT + on + + SW 4th Ave + + + 88 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + +
    +
    +
    + + Ride 0.3 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + +
    +
    + + CONTINUE + on + + SW 4th Ave + + + 0.2 miles + + +
    +
    + + RIGHT + on + + SW Pine St + + + 456 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary E Scooter Rental Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary E Scooter Rental Transit Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 2943 SE Washington St, Portland, OR, USA 97214 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 0.4 miles to + + Shared E-scooter + + +
    +
    + + Head + SOUTH + on + + SE 30th Ave + + + 0.2 miles + + +
    +
    + + RIGHT + on + + SE Belmont St + + + 330 feet + + +
    +
    + + LEFT + on + + SE 29th Ave + + + 511 feet + + +
    +
    + + RIGHT + on + + SE Taylor St + + + 235 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    +
    +
    + + Ride 1.4 miles to + + NE Broadway + + +
    +
    + + CONTINUE + on + + SE Taylor St + + + 26 feet + + +
    +
    + + RIGHT + on + + SE 28th Ave + + + 0.6 miles + + +
    +
    + + CONTINUE + on + + NE 28th Ave + + + 0.7 miles + + +
    +
    + + SLIGHTLY_RIGHT + on + + NE Halsey St + + + 17 feet + + +
    +
    + + RIGHT + on + + NE Halsey St + + + 59 feet + + +
    +
    + + SLIGHTLY_LEFT + on + + NE 28th Ave + + + 28 feet + + +
    +
    + + SLIGHTLY_LEFT + on + + NE 28th Ave + + + 489 feet + + +
    +
    + + RIGHT + on + + NE Broadway + + + 86 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk to + + NE Broadway & 28th + + +
    +
    + + RIGHT + on + + street transit link + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + 70 + + + + 12th/NE 33rd Ave + + to + + NE Sunderland + +
    +
    +
    + Board at + + NE Broadway & 28th + + (638) at + + 4:08 PM + +
    +
    + Get off at + + NE 33rd & Shaver + + (7393) at + + 4:17 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 0.4 miles to + + Shared E-scooter + + +
    +
    + + Head + NORTH + on + + NE 33rd Ave + + + 33 feet + + +
    +
    + + RIGHT + on + + NE Shaver St + + + 0.3 miles + + +
    +
    + + LEFT + on + + NE 38th Ave + + + 332 feet + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    +
    +
    + + Ride 1 mile to + + 5112 NE 47th Pl, Portland, OR, USA 97218 + + +
    +
    + + CONTINUE + on + + NE 38th Ave + + + 355 feet + + +
    +
    + + RIGHT + on + + NE Skidmore St + + + 0.2 miles + + +
    +
    + + LEFT + on + + NE 42nd Ave + + + 0.4 miles + + +
    +
    + + RIGHT + on + + NE Alberta St + + + 0.3 miles + + +
    +
    + + LEFT + on + + NE 47th Pl + + + 313 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary OTP 2 Scooter Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary OTP 2 Scooter Itinerary 2`] = ` +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 300 Courtland St NE, Atlanta, GA 30303-12ND, United States + +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Walk 0.2 miles to + + Razor Vehicle + + +
    +
    + + Head + SOUTH + on + + Courtland Street Northeast + + + 172 feet + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 0.1 miles + + +
    +
    + + LEFT + on + + Peachtree Center Avenue Northeast + + + 140 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Ride 1 mile to + + 126 Mitchell St SW, Atlanta, GA 30303-3524, United States + + +
    +
    + + HARD_RIGHT + on + + Peachtree Center Avenue Northeast + + + 12 feet + + +
    +
    + + LEFT + on + + service road + + + 10 feet + + +
    +
    + + LEFT + on + + Peachtree Center Cycle Track + + + 0.5 miles + + +
    +
    + + RIGHT + on + + Edgewood Avenue Northeast + + + 0.1 miles + + +
    +
    + + LEFT + on + + Pryor Street Southwest + + + 269 feet + + +
    +
    + + CONTINUE + on + + Pryor Street + + + 518 feet + + +
    +
    + + CONTINUE + on + + Pryor Street Southwest + + + 0.2 miles + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 19 feet + + +
    +
    + + RIGHT + on + + sidewalk + + + 22 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Park And Ride Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Park And Ride Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 330 SW Murray Blvd, Washington County, OR, USA 97005 + +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    + + Drive 2.4 miles to + + P+R Sunset TC + + +
    +
    + + Head + SOUTHWEST + on + + parking aisle + + + 158 feet + + +
    +
    + + RIGHT + on + + SW Murray Blvd + + + 0.2 miles + + +
    +
    + + CONTINUE + on + + NW Murray Blvd + + + 150 feet + + +
    +
    + + SLIGHTLY_RIGHT + on + + NW Murray Blvd + + + 0.4 miles + + +
    +
    + + CONTINUE + on + + NW Sunset Hwy + + + 0.6 miles + + +
    +
    + + CONTINUE + on + + NW Sunset Hwy + + + 0.3 miles + + +
    +
    + + LEFT + on + + SW Cedar Hills Blvd + + + 0.2 miles + + +
    +
    + + RIGHT + on + + SW Barnes Rd + + + 0.5 miles + + +
    +
    + + RIGHT + on + + service road + + + 0.2 miles + + +
    +
    + + RIGHT + on + + Sunset TC + + + 76 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 426 feet to + + Sunset TC MAX Station + + +
    +
    + + SLIGHTLY_RIGHT + on + + Unnamed Path + + + 16 feet + + +
    +
    + + LEFT + on + + steps + + + 232 feet + + +
    +
    + + LEFT + on + + Unnamed Path + + + 19 feet + + +
    +
    + + RIGHT + on + + Sunset TC (path) + + + 159 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + + + MAX Blue Line + + to + + Gresham + +
    +
    +
    + Board at + + Sunset TC MAX Station + + (2600) at + + 4:05 PM + +
    +
    + Get off at + + Oak/ SW 1st Ave MAX Station + + (8337) at + + 4:27 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 0.1 miles to + + 205 SW Pine St, Portland, OR, USA 97204 + + +
    +
    + + Head + NORTHEAST + on + + Oak/SW 1st Ave (path) + + + 13 feet + + +
    +
    + + CONTINUE + on + + Unnamed Path + + + 27 feet + + +
    +
    + + LEFT + on + + SW Oak St + + + 37 feet + + +
    +
    + + RIGHT + on + + SW 1st Ave + + + 260 feet + + +
    +
    + + LEFT + on + + SW Pine St + + + 337 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Styled Walk Transit Walk Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Styled Walk Transit Walk Itinerary 2`] = ` +.c18 { + font-weight: 200; +} + +.c9 { + font-weight: inherit; +} + +.c14 { + font-weight: 500; +} + +.c15 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c1 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c2 { + border-top: none; + padding-top: 0; +} + +.c4 { + margin-left: 10px; +} + +.c11 { + font-size: 14px; + margin-top: 3px; +} + +.c10 { + margin-top: 5px; +} + +.c5 { + font-size: 18px; +} + +.c8 { + font-size: 18px; +} + +.c6 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c12 .c13 { + font-weight: bold; +} + +.c16 { + font-weight: bold; +} + +.c16 .c17 { + font-weight: normal; +} + +.c7 { + float: left; + width: 32px; + height: 32px; +} + +.c0 .c3 { + background-color: pink; +} + +
    +
    +
    +
    + + Depart + + from + + KGW Studio on the Sq, Portland, OR, USA + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 269 feet to + + Pioneer Square North MAX Station + + +
    +
    + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
    +
    + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + + + MAX Blue Line + + to + + Hillsboro + +
    +
    +
    + Board at + + Pioneer Square North MAX Station + + (8383) at + + 3:46 PM + +
    +
    + Get off at + + Providence Park MAX Station + + (9757) at + + 3:49 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + +
    +
    + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
    +
    + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Tnc Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Tnc Transit Itinerary 2`] = ` +.c9 { + font-weight: inherit; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c7 { + font-size: 14px; + margin-top: 3px; +} + +.c6 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c8 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 128 NW 12th Ave, Portland + +
    +
    +
    +
    +
    +
    + + + + + + +
    +
    +
    +
    + + Take + + to + + West Burnside Street + +
    +
    +
    + Estimated wait time for pickup: + + 4 min + +
    +
    + Estimated travel time: + + 2 min + + (does not account for traffic) +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk to + + W Burnside & SW 6th + + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    +
    + Board at + + W Burnside & SW 6th + + () at + + 11:02 AM + +
    +
    + Get off at + + E Burnside & SE 12th + + () at + + 11:08 AM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk to + + East Burnside Street + + +
    +
    +
    +
    +
    +
    + + + + + + +
    +
    +
    +
    + + Take + + to + + 407 NE 12th Ave, Portland + +
    +
    +
    + Estimated wait time for pickup: + + 2 min + +
    +
    + Estimated travel time: + + 1 min + + (does not account for traffic) +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Walk Interlined Transit Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Walk Interlined Transit Itinerary 2`] = ` +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 47.97767, -122.20034 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 0.3 miles to + + Everett Station Bay C1 + + +
    +
    + + Head + SOUTH + on + + service road + + + 0.1 miles + + +
    +
    + + RIGHT + on + + Smith Avenue + + + 129 feet + + +
    +
    + + CONTINUE + on + + Paine Avenue + + + 61 feet + + +
    +
    + + LEFT + on + + 32nd Street + + + 67 feet + + +
    +
    + + RIGHT + on + + 32nd Street + + + 313 feet + + +
    +
    + + LEFT + on + + Unnamed Path + + + 380 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + 512 + + + + Northgate Station + +
    +
    +
    + Board at + + Everett Station Bay C1 + + (2345) at + + 1:04 PM + +
    +
    + Get off at + + Northgate Station + + (2191) at + + 1:51 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk to + + Northgate Station - Bay 4 + + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + 40 + + + + Downtown Seattle Ballard + +
    +
    +
    + Board at + + Northgate Station - Bay 4 + + (35318) at + + 1:55 PM + +
    +
    + Get off at + + N 105th St & Aurora Ave N + + (40032) at + + 2:06 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 259 feet to + + Aurora Ave N & N 105th St + + +
    +
    + + Head + EAST + on + + North 105th Street + + + 64 feet + + +
    +
    + + RIGHT + on + + service road + + + 14 feet + + +
    +
    + + LEFT + on + + Unnamed Path + + + 180 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + E Line + + + + Downtown Seattle + +
    +
    +
    + Board at + + Aurora Ave N & N 105th St + + (7080) at + + 2:07 PM + +
    +
    + Get off at + + 3rd Ave & Cherry St + + (490) at + + 2:39 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 443 feet to + + 208 James St, Seattle, WA 98104-2212, United States + + +
    +
    + + Head + SOUTHEAST + on + + sidewalk + + + 326 feet + + +
    +
    + + UTURN_RIGHT + on + + sidewalk + + + 117 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Walk Only Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Walk Only Itinerary 2`] = ` +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + KGW Studio on the Sq, Portland, OR, USA + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 166 feet to + + 701 SW 6th Ave, Portland, OR, USA 97204 + + +
    +
    + + Head + NORTHWEST + on + + Unnamed Path + + +
    +
    + + LEFT + on + + Unnamed Path + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Walk Transit Transfer Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Walk Transit Transfer Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 3940 SE Brooklyn St, Portland, OR, USA 97202 + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 238 feet to + + SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) + + +
    +
    + + Head + WEST + on + + SE Brooklyn St + + + 205 feet + + +
    +
    + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 33 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + 755X + + + + Cesar Chavez/Lombard (very long route name) + + to + + St. Johns via NAYA + +
    +
    +
    + Board at + + SE Cesar Chavez Blvd & Brooklyn + + (7439) at + + 3:47 PM + +
    +
    + Get off at + + SE Cesar Chavez Blvd & Hawthorne + + (7459) at + + 3:52 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 440 feet to + + SE Hawthorne & Cesar Chavez Blvd + + +
    +
    + + Head + SOUTH + on + + service road + + + 146 feet + + +
    +
    + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 198 feet + + +
    +
    + + LEFT + on + + SE Hawthorne Blvd + + + 96 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + 1 + + + + Hawthorne + + to + + Portland + +
    +
    +
    + Board at + + SE Hawthorne & Cesar Chavez Blvd + + (2626) at + + 4:00 PM + +
    +
    + Get off at + + SE Hawthorne & 27th + + (2613) at + + 4:04 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 479 feet to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + +
    +
    + + Head + WEST + on + + SE Hawthorne Blvd + + + 40 feet + + +
    +
    + + RIGHT + on + + SE 27th Ave + + + 294 feet + + +
    +
    + + RIGHT + on + + SE Madison St + + + 146 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinerary 2`] = ` +.c7 { + display: inline-block; + vertical-align: middle; + 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; + -ms-flex-align: center; + align-items: center; + border: 1px solid #333; + background-color: transparent; + 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; +} + +.c8 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.c8 span { + display: block; +} + +.c9 { + padding-top: 3px; + font-weight: 600; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c13 { + font-size: 14px; + margin-top: 3px; +} + +.c12 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c10 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c14 .c15 { + font-weight: bold; +} + +.c18 { + font-weight: bold; +} + +.c18 .c19 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + 3940 SE Brooklyn St, Portland, OR, USA 97202 + +
    +
    +
    +
    +
    +
    + + + +
    +
    + + + + ✅ + + +
    +
    +
    + + Walk 238 feet to + + SE Cesar Chavez Blvd & Brooklyn (long address that spans multiple lines) + + +
    +
    + + Head + WEST + on + + SE Brooklyn St + + + 205 feet + + +
    +
    + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 33 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    + + + + ？ + + +
    +
    +
    +
    + + 755X + + + + Cesar Chavez/Lombard (very long route name) + + to + + St. Johns via NAYA + +
    +
    +
    + Board at + + SE Cesar Chavez Blvd & Brooklyn + + (7439) at + + 3:47 PM + +
    +
    + Get off at + + SE Cesar Chavez Blvd & Hawthorne + + (7459) at + + 3:52 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 440 feet to + + SE Hawthorne & Cesar Chavez Blvd + + +
    +
    + + Head + SOUTH + on + + service road + + + 146 feet + + +
    +
    + + RIGHT + on + + SE Cesar E. Chavez Blvd + + + 198 feet + + +
    +
    + + LEFT + on + + SE Hawthorne Blvd + + + 96 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    + + + + ❌ + + +
    +
    +
    +
    + + 1 + + + + Hawthorne + + to + + Portland + +
    +
    +
    + Board at + + SE Hawthorne & Cesar Chavez Blvd + + (2626) at + + 4:00 PM + +
    +
    + Get off at + + SE Hawthorne & 27th + + (2613) at + + 4:04 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    + + + + ❌ + + +
    +
    +
    + + Walk 479 feet to + + 1415 SE 28th Ave, Portland, OR, USA 97214 + + +
    +
    + + Head + WEST + on + + SE Hawthorne Blvd + + + 40 feet + + +
    +
    + + RIGHT + on + + SE 27th Ave + + + 294 feet + + +
    +
    + + RIGHT + on + + SE Madison St + + + 146 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots PrintableItinerary Walk Transit Walk Itinerary 1`] = ` + + + +`; + +exports[`Storyshots PrintableItinerary Walk Transit Walk Itinerary 2`] = ` +.c16 { + font-weight: 200; +} + +.c7 { + font-weight: inherit; +} + +.c12 { + font-weight: 500; +} + +.c13 { + font-weight: 200; + opacity: 0.8975; + padding-left: 1ch; +} + +.c0 { + margin-bottom: 10px; + border-top: 1px solid grey; + padding-top: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c1 { + border-top: none; + padding-top: 0; +} + +.c2 { + margin-left: 10px; +} + +.c9 { + font-size: 14px; + margin-top: 3px; +} + +.c8 { + margin-top: 5px; +} + +.c3 { + font-size: 18px; +} + +.c6 { + font-size: 18px; +} + +.c4 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + min-width: 70px; +} + +.c10 .c11 { + font-weight: bold; +} + +.c14 { + font-weight: bold; +} + +.c14 .c15 { + font-weight: normal; +} + +.c5 { + float: left; + width: 32px; + height: 32px; +} + +
    +
    +
    +
    + + Depart + + from + + KGW Studio on the Sq, Portland, OR, USA + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 269 feet to + + Pioneer Square North MAX Station + + +
    +
    + + Head + NORTHWEST + on + + Unnamed Path + + + 167 feet + + +
    +
    + + LEFT + on + + Pioneer Sq N (path) + + + 101 feet + + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + + + + MAX Blue Line + + to + + Hillsboro + +
    +
    +
    + Board at + + Pioneer Square North MAX Station + + (8383) at + + 3:46 PM + +
    +
    + Get off at + + Providence Park MAX Station + + (9757) at + + 3:49 PM + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + + Walk 249 feet to + + 1737 SW Morrison St, Portland, OR, USA 97205 + + +
    +
    + + Head + WEST + on + + Providence Park (path) + + + 19 feet + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 104 feet + + +
    +
    + + RIGHT + on + + Unnamed Path + + + 27 feet + + +
    +
    + + RIGHT + on + + SW Morrison St + + + 99 feet + + +
    +
    +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay Default 1`] = ` + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 1`] = ` + + + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay Flex Route 3 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 1`] = ` + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay With Changing Path 1`] = ` + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay With Changing Path 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots RouteViewerOverlay With Path Styling 1`] = ` + + + + + + + + + +`; + +exports[`Storyshots RouteViewerOverlay With Path Styling 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel 1`] = ` + +
    + + +
    +     +`; + +exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel 2`] = ` +.c6 { + font-weight: normal; + padding-left: 6px; +} + +.c0 { + padding: 0px 5px; + box-sizing: border-box; +} + +.c0 > * { + width: 100%; +} + +.c3 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c5 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c1 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c1 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c4 { + font-size: 70%; +} + +.c4.disabled { + color: #686868; +} + +.c2 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c2 svg, +.c2 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c2.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c2.disabled { + cursor: default; +} + +.c2.disabled svg { + fill: #ccc; +} + +.c7 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c7 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +
    +
    +
    +
    +
    + +
    +
    +
    +
    + +
    + Transports + Marche +
    +
    +
    + +
    + Transports + Vélo personnel +
    +
    +
    + +
    + Transports + Biketown +
    +
    +
    + +
    + Transports + Trottinette électrique +
    +
    +
    + +
    + Parc relais +
    +
    +
    + +
    + Transports + Uber +
    +
    +
    + +
    + Transports + ReachNow +
    +
    +
    + +
    + Transports + Car2Go +
    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    + Travel Preferences +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + +
    +`; + +exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Custom Icons 1`] = ` + +
    + + +
    +     +`; + +exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Custom Icons 2`] = ` +.c6 { + font-weight: normal; + padding-left: 6px; +} + +.c0 { + padding: 0px 5px; + box-sizing: border-box; +} + +.c0 > * { + width: 100%; +} + +.c3 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c5 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c1 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c1 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c4 { + font-size: 70%; +} + +.c4.disabled { + color: #686868; +} + +.c2 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c2 svg, +.c2 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c2.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c2.disabled { + cursor: default; +} + +.c2.disabled svg { + fill: #ccc; +} + +.c7 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c7 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +
    +
    +
    +
    +
    + +
    +
    +
    +
    + +
    + Transports + Marche +
    +
    +
    + +
    + Transports + Vélo personnel +
    +
    +
    + +
    + Transports + Biketown +
    +
    +
    + +
    + Transports + Trottinette électrique +
    +
    +
    + +
    + Parc relais +
    +
    +
    + +
    + Transports + Uber +
    +
    +
    + +
    + Transports + ReachNow +
    +
    +
    + +
    + Transports + Car2Go +
    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    + Travel Preferences +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + +
    +`; + +exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Undefined Params 1`] = ` + +
    + + +
    +     +`; + +exports[`Storyshots SeṯtingsSelectorPanel Settings Selector Panel With Undefined Params 2`] = ` +.c5 { + font-weight: normal; + padding-left: 6px; +} + +.c0 { + padding: 0px 5px; + box-sizing: border-box; +} + +.c0 > * { + width: 100%; +} + +.c3 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c1 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c1 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c2 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c2 svg, +.c2 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c2.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c2.disabled { + cursor: default; +} + +.c2.disabled svg { + fill: #ccc; +} + +.c4 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c4 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + Travel Preferences +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + +
    +`; + +exports[`Storyshots StopViewerOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots StopViewerOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopViewerOverlay With Custom Marker 1`] = ` + + + + + + + +`; + +exports[`Storyshots StopViewerOverlay With Custom Marker 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopsOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots StopsOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopsOverlay Flex Stops 1`] = ` + + + + + + + + + + + +`; + +exports[`Storyshots StopsOverlay Flex Stops 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots StopsOverlay No Min Zoom 1`] = ` + + + + + + With MapLibreGL, strong performance can be achieved without needing to rely on minZoom + + + + + + +`; + +exports[`Storyshots StopsOverlay No Min Zoom 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Custom Mode Icon 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Custom Mode Icon 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Default 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Default 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Default Route Color When Vehicle Route Color Absent 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Default Route Color When Vehicle Route Color Absent 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Inner Caret 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Inner Caret 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Outer Caret With Custom Size 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Outer Caret With Custom Size 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Rotating Icons No Caret 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Rotating Icons No Caret 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Route Color Background 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Route Color Background 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Route Color Background With Inner Caret 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Route Color Background With Inner Caret 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Route Color Background With Transparency On Hover 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Route Color Background With Transparency On Hover 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitVehicleOverlay Route Numbers Only With Custom Size And Padding 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitVehicleOverlay Route Numbers Only With Custom Size And Padding 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Bike Only Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Bike Only Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Bike Rental Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Bike Rental Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Bike Rental Transit Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Bike Rental Transit Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Bike Transit Bike Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Bike Transit Bike Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay E Scooter Rental Itinerary 1`] = ` + + + + + + + [Function] + + + + + + +`; + +exports[`Storyshots TransitiveOverlay E Scooter Rental Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay E Scooter Rental Transit Itinerary 1`] = ` + + + + + + + [Function] + + + + + + +`; + +exports[`Storyshots TransitiveOverlay E Scooter Rental Transit Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Empty 1`] = ` + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Empty 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Flex Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Flex Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay OTP 2 Scooter Itinerary 1`] = ` + + + + + - + zoom={11} + > + + [Function] + + + + + + +`; + +exports[`Storyshots TransitiveOverlay OTP 2 Scooter Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Park And Ride Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Park And Ride Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Tnc Transit Itinerary 1`] = ` + + + + + + + + + + + `; -exports[`Storyshots RouteViewerOverlay Flex Route 3 2`] = ` +exports[`Storyshots TransitiveOverlay Tnc Transit Itinerary 2`] = ` .c0 { height: 90vh; } @@ -22184,7 +235081,7 @@ exports[`Storyshots RouteViewerOverlay Flex Route 3 2`] = `
    `; -exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 1`] = ` +exports[`Storyshots TransitiveOverlay Walk Interlined Transit Itinerary 1`] = ` - - + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Walk Interlined Transit Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Walk Transit Transfer Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Walk Transit Transfer Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary With No Intermediate Stops 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary With No Intermediate Stops 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots TransitiveOverlay Walking Itinerary 1`] = ` + + + + + + + + + + + + + + +`; + +exports[`Storyshots TransitiveOverlay Walking Itinerary 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots Trip Form Components Checkbox Selector 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     +     +`; + +exports[`Storyshots Trip Form Components Checkbox Selector 2`] = ` +Array [ +

    + Plain +

    , + .c1 { + font-weight: normal; + padding-left: 6px; +} + +.c2 .c0 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +
    +
    + + +
    +
    , +

    + Styled +

    , + .c2 { + font-weight: normal; + padding-left: 6px; +} + +.c0 { + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; +} + +.c0 .c1 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +
    +
    +
    + + +
    +
    +
    , +] +`; + +exports[`Storyshots Trip Form Components Date Time Selector 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     +     +`; + +exports[`Storyshots Trip Form Components Date Time Selector 2`] = ` +Array [ +

    + Plain +

    , + .c0 { + box-sizing: border-box; +} + +.c0 > * { + box-sizing: border-box; + width: 33.333333%; + padding: 0px 5px; +} + +.c2 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c2 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c4 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c4 svg, +.c4 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c4.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c4.disabled { + cursor: default; +} + +.c4.disabled svg { + fill: #ccc; +} + +.c5 .c1 { + background: #eee; +} + +.c5 .c3 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c5 .c3.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    , +

    + Styled +

    , + .c1 { + box-sizing: border-box; +} + +.c1 > * { + box-sizing: border-box; + width: 33.333333%; + padding: 0px 5px; +} + +.c3 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c3 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c5 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c5 svg, +.c5 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c5.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c5.disabled { + cursor: default; +} + +.c5.disabled svg { + fill: #ccc; +} + +.c0 { + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; +} + +.c0 .c2 { + background: #eee; +} + +.c0 .c4 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c0 .c4.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +
    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    , +] +`; + +exports[`Storyshots Trip Form Components Dropdown Selector 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     +     +`; + +exports[`Storyshots Trip Form Components Dropdown Selector 2`] = ` +Array [ +

    + Plain +

    , + .c3 { + font-weight: normal; + padding-left: 6px; +} + +.c1 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c1 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c4 .c2 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c4 .c0 select { + -webkit-appearance: none; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + margin-bottom: 15px; + background: none; + padding: 6px 12px; + border: none; + border-bottom: 1px solid #fff; + height: 34px; + box-shadow: none; + line-height: 1.42857; + color: #fff; +} + +.c4 .c0 > div:last-child::after { + content: "▼"; + font-size: 75%; + color: #fff; + right: 8px; + top: 10px; + position: absolute; + pointer-events: none; + box-sizing: border-box; +} + +
    +
    +
    + +
    +
    + +
    +
    +
    , +

    + Styled +

    , + .c4 { + font-weight: normal; + padding-left: 6px; +} + +.c2 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c2 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c0 { + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; +} + +.c0 .c3 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c0 .c1 select { + -webkit-appearance: none; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + margin-bottom: 15px; + background: none; + padding: 6px 12px; + border: none; + border-bottom: 1px solid #fff; + height: 34px; + box-shadow: none; + line-height: 1.42857; + color: #fff; +} + +.c0 .c1 > div:last-child::after { + content: "▼"; + font-size: 75%; + color: #fff; + right: 8px; + top: 10px; + position: absolute; + pointer-events: none; + box-sizing: border-box; +} + +
    +
    +
    - - - + } + > +
    + +
    +
    + +
    +
    +
    +
    , +] +`; + +exports[`Storyshots Trip Form Components General Settings Panel 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     +     +`; + +exports[`Storyshots Trip Form Components General Settings Panel 2`] = ` +Array [ +

    + Plain +

    , + .c3 { + font-weight: normal; + padding-left: 6px; +} + +.c1 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c1 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c4 .c2 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c4 .c0 select { + -webkit-appearance: none; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + margin-bottom: 15px; + background: none; + padding: 6px 12px; + border: none; + border-bottom: 1px solid #fff; + height: 34px; + box-shadow: none; + line-height: 1.42857; + color: #fff; +} + +.c4 .c0 > div:last-child::after { + content: "▼"; + font-size: 75%; + color: #fff; + right: 8px; + top: 10px; + position: absolute; + pointer-events: none; + box-sizing: border-box; +} + +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    , +

    + Styled +

    , + .c4 { + font-weight: normal; + padding-left: 6px; +} + +.c2 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c2 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c0 { + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; +} + +.c0 .c3 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c0 .c1 select { + -webkit-appearance: none; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + margin-bottom: 15px; + background: none; + padding: 6px 12px; + border: none; + border-bottom: 1px solid #fff; + height: 34px; + box-shadow: none; + line-height: 1.42857; + color: #fff; +} + +.c0 .c1 > div:last-child::after { + content: "▼"; + font-size: 75%; + color: #fff; + right: 8px; + top: 10px; + position: absolute; + pointer-events: none; + box-sizing: border-box; +} + +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    , +] +`; + +exports[`Storyshots Trip Form Components General Settings Panel With Custom Messages 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     +     +`; + +exports[`Storyshots Trip Form Components General Settings Panel With Custom Messages 2`] = ` +Array [ +

    + Plain +

    , + .c3 { + font-weight: normal; + padding-left: 6px; +} + +.c1 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c1 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c4 .c2 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c4 .c0 select { + -webkit-appearance: none; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + margin-bottom: 15px; + background: none; + padding: 6px 12px; + border: none; + border-bottom: 1px solid #fff; + height: 34px; + box-shadow: none; + line-height: 1.42857; + color: #fff; +} + +.c4 .c0 > div:last-child::after { + content: "▼"; + font-size: 75%; + color: #fff; + right: 8px; + top: 10px; + position: absolute; + pointer-events: none; + box-sizing: border-box; +} + +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    , +

    + Styled +

    , + .c4 { + font-weight: normal; + padding-left: 6px; +} + +.c2 > div { + width: 50%; + display: inline-block; + box-sizing: border-box; + position: relative; +} + +.c2 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c0 { + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; +} + +.c0 .c3 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c0 .c1 select { + -webkit-appearance: none; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + margin-bottom: 15px; + background: none; + padding: 6px 12px; + border: none; + border-bottom: 1px solid #fff; + height: 34px; + box-shadow: none; + line-height: 1.42857; + color: #fff; +} + +.c0 .c1 > div:last-child::after { + content: "▼"; + font-size: 75%; + color: #fff; + right: 8px; + top: 10px; + position: absolute; + pointer-events: none; + box-sizing: border-box; +} + +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    , +] +`; + +exports[`Storyshots Trip Form Components General Settings Panel With Otp 2 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     +     +`; + +exports[`Storyshots Trip Form Components General Settings Panel With Otp 2 2`] = ` +Array [ +

    + Plain +

    , + .c2 { + font-weight: normal; + padding-left: 6px; +} + +.c0 > div { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 10px; + position: relative; + width: 100%; +} + +.c0 > div > label { + display: block; + white-space: pre; +} + +.c0 input { + box-sizing: border-box; + cursor: pointer; + width: 100%; +} + +.c3 .c1 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +
    +
    +
    +
    + + + +
    +
    +
    +
    , +

    + Styled +

    , + .c3 { + font-weight: normal; + padding-left: 6px; +} + +.c1 > div { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 10px; + position: relative; + width: 100%; +} + +.c1 > div > label { + display: block; + white-space: pre; +} + +.c1 input { + box-sizing: border-box; + cursor: pointer; + width: 100%; +} + +.c0 { + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; +} + +.c0 .c2 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    +
    , +] +`; + +exports[`Storyshots Trip Form Components Mode Buttons 1`] = ` + + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     `; -exports[`Storyshots RouteViewerOverlay OTP 2 Route Outside Of Initial View 2`] = ` +exports[`Storyshots Trip Form Components Mode Buttons 2`] = ` +Array [ +

    + Plain +

    , + .c1 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c1 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c5 { + font-size: 70%; +} + +.c5.disabled { + color: #686868; +} + +.c3 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c3 svg, +.c3 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c3.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c3.disabled { + cursor: default; +} + +.c3.disabled svg { + fill: #ccc; +} + +.c6 .c0 { + background: #eee; +} + +.c6 .c2 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c6 .c2.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +.c6 .c4 { + padding: 4px 0px 0px; + font-size: 10px; + line-height: 12px; +} + +.c6 .c4.active { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +
    +
    +
    +
    + +
    + Normal +
    +
    + +
    + +
    + Active +
    +
    + +
    + +
    + Disabled +
    +
    +
    +
    +
    + +
    +
    +
    +
    , +

    + Styled +

    , + .c2 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c2 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c6 { + font-size: 70%; +} + +.c6.disabled { + color: #686868; +} + +.c4 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c4 svg, +.c4 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c4.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c4.disabled { + cursor: default; +} + +.c4.disabled svg { + fill: #ccc; +} + .c0 { - height: 90vh; + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; } -
    -
    -
    +.c0 .c1 { + background: #eee; +} + +.c0 .c3 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c0 .c3.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +.c0 .c5 { + padding: 4px 0px 0px; + font-size: 10px; + line-height: 12px; +} + +.c0 .c5.active { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +
    +
    +
    +
    +
    + +
    + Normal +
    +
    + +
    + +
    + Active +
    +
    + +
    + +
    + Disabled +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    , +] `; -exports[`Storyshots RouteViewerOverlay With Changing Path 1`] = ` +exports[`Storyshots Trip Form Components Mode Selector 1`] = ` - - - - - + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     `; -exports[`Storyshots RouteViewerOverlay With Changing Path 2`] = ` +exports[`Storyshots Trip Form Components Mode Selector 2`] = ` +Array [ +

    + Plain +

    , + .c1 { + padding: 0px 5px; + box-sizing: border-box; +} + +.c1 > * { + width: 100%; +} + +.c9 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c11 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c3 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c3 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c7 { + font-size: 70%; +} + +.c7.disabled { + color: #686868; +} + +.c5 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c5 svg, +.c5 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c5.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c5.disabled { + cursor: default; +} + +.c5.disabled svg { + fill: #ccc; +} + +.c12 .c2 { + background: #eee; +} + +.c12 .c4 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c12 .c4.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +.c12 .c6 { + padding: 4px 0px 0px; + font-size: 10px; + line-height: 12px; +} + +.c12 .c6.active { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c12 .c0 { + padding: 0px 5px; + font-size: 200%; + margin-bottom: 18px; + box-sizing: border-box; +} + +.c12 .c0 > * { + width: 100%; + height: 55px; +} + +.c12 .c8 { + margin-bottom: 10px; +} + +.c12 .c8 > * { + font-size: 150%; + height: 46px; +} + +.c12 .c10 { + font-size: 90%; + margin-bottom: 10px; + text-align: center; +} + +.c12 .c10 > * { + height: 36px; +} + +
    +
    +
    +
    + +
    + Primary Choice +
    +
    +
    +
    +
    + +
    + Secondary 1 +
    +
    +
    + +
    +
    +
    +
    + +
    + Other Mode +
    +
    +
    +
    +
    , +

    + Styled +

    , + .c2 { + padding: 0px 5px; + box-sizing: border-box; +} + +.c2 > * { + width: 100%; +} + +.c10 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c12 > * { + width: 33.333333%; + padding: 0px 5px; +} + +.c4 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c4 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c8 { + font-size: 70%; +} + +.c8.disabled { + color: #686868; +} + +.c6 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c6 svg, +.c6 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c6.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c6.disabled { + cursor: default; +} + +.c6.disabled svg { + fill: #ccc; +} + .c0 { - height: 90vh; + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; } -
    -
    -
    +.c0 .c3 { + background: #eee; +} + +.c0 .c5 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c0 .c5.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +.c0 .c7 { + padding: 4px 0px 0px; + font-size: 10px; + line-height: 12px; +} + +.c0 .c7.active { + -webkit-text-decoration: underline; + text-decoration: underline; +} + +.c0 .c1 { + padding: 0px 5px; + font-size: 200%; + margin-bottom: 18px; + box-sizing: border-box; +} + +.c0 .c1 > * { + width: 100%; + height: 55px; +} + +.c0 .c9 { + margin-bottom: 10px; +} + +.c0 .c9 > * { + font-size: 150%; + height: 46px; +} + +.c0 .c11 { + font-size: 90%; + margin-bottom: 10px; + text-align: center; +} + +.c0 .c11 > * { + height: 36px; +} + +
    +
    +
    +
    +
    + +
    + Primary Choice +
    +
    +
    +
    +
    + +
    + Secondary 1 +
    +
    +
    + +
    +
    +
    +
    + +
    + Other Mode +
    +
    +
    +
    +
    +
    , +] `; -exports[`Storyshots RouteViewerOverlay With Path Styling 1`] = ` +exports[`Storyshots Trip Form Components Slider Selector 1`] = ` - - +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    + +     +`; + +exports[`Storyshots Trip Form Components Slider Selector 2`] = ` +Array [ +

    + Plain +

    , + .c2 { + font-weight: normal; + padding-left: 6px; +} + +.c0 > div { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 10px; + position: relative; + width: 100%; +} + +.c0 > div > label { + display: block; + white-space: pre; +} + +.c0 input { + box-sizing: border-box; + cursor: pointer; + width: 100%; +} + +.c3 .c1 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +
    +
    - - + + + - - - -`; + > + high + +
    +
    +
    , +

    + Styled +

    , + .c3 { + font-weight: normal; + padding-left: 6px; +} + +.c1 > div { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 10px; + position: relative; + width: 100%; +} + +.c1 > div > label { + display: block; + white-space: pre; +} + +.c1 input { + box-sizing: border-box; + cursor: pointer; + width: 100%; +} -exports[`Storyshots RouteViewerOverlay With Path Styling 2`] = ` .c0 { - height: 90vh; + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; } -
    -
    -
    +.c0 .c2 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +
    +
    +
    +
    + + + +
    +
    +
    +
    , +] `; -exports[`Storyshots StopViewerOverlay Default 1`] = ` +exports[`Storyshots Trip Form Components Submode Selector 1`] = ` - - - - - + +

    + Plain +

    +
    + +
    +

    + Styled +

    +
    + + + +
    +     `; -exports[`Storyshots StopViewerOverlay Default 2`] = ` +exports[`Storyshots Trip Form Components Submode Selector 2`] = ` +Array [ +

    + Plain +

    , + .c1 { + font-weight: normal; + padding-left: 6px; +} + +.c3 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c3 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c5 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c5 svg, +.c5 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c5.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c5.disabled { + cursor: default; +} + +.c5.disabled svg { + fill: #ccc; +} + +.c6 .c0 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c6 .c2 { + background: #eee; +} + +.c6 .c4 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c6 .c4.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    , +

    + Styled +

    , + .c2 { + font-weight: normal; + padding-left: 6px; +} + +.c4 { + display: inline-block; + text-align: center; + box-sizing: border-box; +} + +.c4 > * { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; +} + +.c6 { + cursor: pointer; + width: 100%; + height: 100%; +} + +.c6 svg, +.c6 img { + vertical-align: middle; + max-width: 1.25em; + margin: 0 0.25em; + height: 1.25em; +} + +.c6.active { + font-weight: 600; + box-shadow: 0 0 2px 2px rgba(0,64,255,0.5); +} + +.c6.disabled { + cursor: default; +} + +.c6.disabled svg { + fill: #ccc; +} + .c0 { - height: 90vh; + font-family: Hind,sans-serif; + background-color: #333; + padding: 15px; } -
    -
    -
    +.c0 .c1 { + padding-top: 8px; + color: #fff; + font-weight: 100; +} + +.c0 .c3 { + background: #eee; +} + +.c0 .c5 { + border: 1px solid rgb(187,187,187); + padding: 3px; + border-radius: 3px; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + background: none; + outline: none; +} + +.c0 .c5.active { + border: 2px solid rgb(0,0,0); + background-color: rgb(173,216,230); + font-weight: 600; + box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); +} + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    , +] `; -exports[`Storyshots StopViewerOverlay With Custom Marker 1`] = ` +exports[`Storyshots Trip Form Components/Metro Mode Selector Metro Mode Selector 1`] = ` - - - - - + `; -exports[`Storyshots StopViewerOverlay With Custom Marker 2`] = ` +exports[`Storyshots Trip Form Components/Metro Mode Selector Metro Mode Selector 2`] = ` +.c2 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c3 { + display: inline-block; + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + height: 0; + overflow: hidden; + position: absolute; + width: 0; +} + .c0 { - height: 90vh; + border: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 0 3px; + margin: 0 4px 0 0; + padding: 0; } -
    -
    -
    -`; +.c0 > legend { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + height: 0; + overflow: hidden; + position: absolute; + width: 0; +} + +.c1 { + position: relative; +} + +.c1 > label { + background: #fff; + border-radius: 5px; + border: 2px solid #666; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0.75rem 0.75rem; + -webkit-transition: all 250ms cubic-bezier(0.27,0.01,0.38,1.06); + transition: all 250ms cubic-bezier(0.27,0.01,0.38,1.06); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + aspect-ratio: 1/1; +} + +.c1:not(:last-of-type) > label { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.c1:not(:first-of-type) > label { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.c1 > label:hover { + background: #eee; + border-color: #333; + box-shadow: rgba(0,0,0,0.1) 0 0 20px; +} + +.c1 > input { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + height: 0; + overflow: hidden; + position: absolute; + width: 0; + left: -20px; + position: absolute; +} + +.c1 > button { + -webkit-clip: rect(0,0,0,0); + clip: rect(0,0,0,0); + height: 0; + overflow: hidden; + position: absolute; + width: 0; + background: none; + border: none; + bottom: 0; + left: 4px; + position: absolute; + right: 4px; +} + +.c1 > button:focus { + -webkit-clip: initial; + clip: initial; + height: initial; + width: initial; +} + +.c1 > input:checked + label { + background: #666; +} + +.c1 > input:checked + label, +.c1 > input:checked ~ button { + color: white; + fill: currentcolor; +} + +.c1 > input:focus + label { + outline: 5px auto blue; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -4px; +} + +.c1 > input:checked + label:hover { + background: #333; +} -exports[`Storyshots StopsOverlay Default 1`] = ` - - - - - - - -`; +.c1 > label > svg { + color: #666; + display: inline-block; + height: 32px; + margin: auto; + vertical-align: middle; + width: 32px; + fill: currentcolor; +} -exports[`Storyshots StopsOverlay Default 2`] = ` -.c0 { - height: 90vh; +.c1 > input:checked + label > svg { + color: #eee; } -
    -
    -
    + + Select a transit mode + + + + + + + + + + + + + + + + + + + + + + `; -exports[`Storyshots StopsOverlay Flex Stops 1`] = ` +exports[`Storyshots TripDetails Bike Only Itinerary 1`] = ` - - - - - + +`; + +exports[`Storyshots TripDetails Bike Only Itinerary 2`] = ` +.c4 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c7 { + background: transparent; + border: 0; + cursor: pointer; + display: inline-block; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + margin: 0; + padding: 0; + -webkit-text-decoration: none; + text-decoration: none; + touch-action: manipulation; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} + +.c9 { + color: #00f; + font-size: 16px; + margin-left: 6px; + margin-top: -2px; +} + +.c8 { + float: right; +} + +.c2 { + margin-top: 6px; +} + +.c6 { + background-color: #fff; + border: 1px solid #888; + font-size: 12px; + margin-top: 2px; + padding: 8px; +} + +.c3 { + float: left; + font-size: 17px; +} + +.c0 { + background-color: #eee; + border-radius: 6px; + margin-bottom: 15px; + margin-top: 16px; + padding: 10px 16px; +} + +.c1 { + font-size: 18px; + font-weight: 600; + margin: 0; +} + +.c5 { + margin-left: 28px; + padding-top: 2px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: baseline; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + white-space: pre; +} + +
    +

    + Trip Details +

    +
    +
    +
    + +
    +
    + + Depart + + November 13, 2019 + + at + + 3:42 PM + + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    -
    -
    -`; + +
    +
    + Time Spent Active: + + 7 minutes + + +
    +
    +
    +
    + + By taking this trip, you'll spend + + 0 minutes + + walking and + + 7 minutes + + biking. -exports[`Storyshots StopsOverlay No Min Zoom 1`] = ` - - - +
    +
    +
    +
    - +
    + +
    +
    - With MapLibreGL, strong performance can be achieved without needing to rely on minZoom + CO₂ Emitted: + + 19g + - - - - - -`; - -exports[`Storyshots StopsOverlay No Min Zoom 2`] = ` -.c0 { - height: 90vh; -} - -
    -
    + +
    +
    +
    +
    + + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + . +
    +
    +
    +
    +
    `; -exports[`Storyshots TripDetails Bike Only Itinerary 1`] = ` +exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = ` - `; -exports[`Storyshots TripDetails Bike Only Itinerary 2`] = ` -.c4 { +exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 2`] = ` +.c2 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c7 { - background: transparent; - border: 0; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - margin: 0; - padding: 0; - -webkit-text-decoration: none; - text-decoration: none; - touch-action: manipulation; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; +.c1 th { + font-weight: normal; + min-width: 5ch; + padding: 0.75em 1.5em; + text-align: center; } -.c9 { - color: #00f; - font-size: 16px; - margin-left: 6px; - margin-top: -2px; +.c1 th:nth-of-type(2n + 1) { + background: #cccccc22; } -.c8 { - float: right; +.c1 th.main { + background: #333333; + color: #ffffffcc; } -.c2 { - margin-top: 6px; +.c0 { + border-collapse: collapse; + display: block; + margin-bottom: 16px; + padding: 0; } -.c6 { - background-color: #fff; - border: 1px solid #888; - font-size: 12px; - margin-top: 2px; - padding: 8px; +.c0 td { + text-align: right; } -.c3 { - float: left; - font-size: 17px; +.c0 td:nth-of-type(2n + 1) { + background: #cccccc22; } -.c0 { - background-color: #eee; - border-radius: 6px; - margin-bottom: 15px; - margin-top: 16px; - padding: 10px 16px; +.c0 td.no-zebra { + background: none; } -.c1 { - font-size: 18px; - font-weight: 600; - margin: 0; +.c0 th:first-of-type { + height: 40px; } -.c5 { - margin-left: 28px; - padding-top: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - white-space: pre; +.c3 { + padding-left: 4px; } -
    -

    - Trip Details -

    -
    + -
    -
    + + otpUi.TripDetails.FareTable.regular + + +
    + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.cash + +
    + $5.75 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $3.00 +     		+ + otpUi.TripDetails.FareTable.special + +
    + $1.50 +
    + 347 + + $2.75 + + $2.75 + + $1.50 +
    + 1-Line + + $3.00 + - -
    - - Depart - - November 13, 2019 - - at - - 3:42 PM - - -
    -
    -
    -
    - -
    -
    -
    - -
    -
    +
    		- -
    +
    + + + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.youth + + + + otpUi.TripDetails.FareTable.cash + +
    + $0.00 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $0.00 +
    + 347 + + $0.00 + + $0.00 +
    + 1-Line + + $0.00 + + $0.00 +
    + + + + + + + + + + + + + + + +
    - Time Spent Active: - 7 minutes + otpUi.TripDetails.FareTable.senior - - -
    +
    		-
    -
    - - By taking this trip, you'll spend - - 0 minutes - - walking and - - 7 minutes - - biking. - -
    -
    - - -
    -
    + otpUi.TripDetails.FareTable.cash + +
    + $2.00 +
    		+ + otpUi.TripDetails.FareTable.electronic + +
    + $1.00 +
    + 347 + + $1.00 + + $1.00 +
    + 1-Line + + $1.00 + - -
    - - CO₂ Emitted: - - 19g - - - -
    -
    -
    -
    - - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . -
    -
    -
    - - + + $0.00 +
    `; -exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = ` +exports[`Storyshots TripDetails Leg Fare Products Itinerary 1`] = ` - `; -exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 2`] = ` -.c2 { +exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` +.c4 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c1 th { +.c7 { + background: transparent; + border: 0; + cursor: pointer; + display: inline-block; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + margin: 0; + padding: 0; + -webkit-text-decoration: none; + text-decoration: none; + touch-action: manipulation; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} + +.c13 { + color: #00f; + font-size: 16px; + margin-left: 6px; + margin-top: -2px; +} + +.c8 { + float: right; +} + +.c9 { + display: inline-block; +} + +.c9 > span { + display: block; + padding-left: 1.75ch; +} + +.c2 { + margin-top: 6px; +} + +.c6 { + background-color: #fff; + border: 1px solid #888; + font-size: 12px; + margin-top: 2px; + padding: 8px; +} + +.c3 { + float: left; + font-size: 17px; +} + +.c0 { + background-color: #eee; + border-radius: 6px; + margin-bottom: 15px; + margin-top: 16px; + padding: 10px 16px; +} + +.c1 { + font-size: 18px; + font-weight: 600; + margin: 0; +} + +.c5 { + margin-left: 28px; + padding-top: 2px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: baseline; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + white-space: pre; +} + +.c11 th { font-weight: normal; min-width: 5ch; padding: 0.75em 1.5em; text-align: center; } -.c1 th:nth-of-type(2n + 1) { +.c11 th:nth-of-type(2n + 1) { background: #cccccc22; } -.c1 th.main { +.c11 th.main { background: #333333; color: #ffffffcc; } -.c0 { +.c10 { border-collapse: collapse; display: block; margin-bottom: 16px; padding: 0; } -.c0 td { +.c10 td { text-align: right; } -.c0 td:nth-of-type(2n + 1) { +.c10 td:nth-of-type(2n + 1) { background: #cccccc22; } -.c0 td.no-zebra { +.c10 td.no-zebra { background: none; } -.c0 th:first-of-type { +.c10 th:first-of-type { height: 40px; } -.c3 { +.c12 { padding-left: 4px; } -
    - +

    -

    +
    +
    -
    - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.regular - - - - otpUi.TripDetails.FareTable.cash - -
    - $5.75 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $3.00 -     		- - otpUi.TripDetails.FareTable.special - -
    - $1.50 -
    - 347 - - $2.75 - - $2.75 - - $1.50 -
    + Depart + + May 26, 2023 + + at + + 3:23 PM + + + +
    - $3.00 -
    		+
    + +
    + + + +
    +
    - - $0.25 -
    		+
    + +
    + + Transit Fare + : + + $5.75 + + +
    + + + + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.regular + + + + otpUi.TripDetails.FareTable.cash + +
    + $5.75 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $3.00 +     		+ + otpUi.TripDetails.FareTable.special + +
    + $1.50 +
    + + $2.75 + + $2.75 + + $1.50 +
    + + $3.00 + + + + $0.25 + + + + $0.00 +
    + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.youth + + + + otpUi.TripDetails.FareTable.cash + +
    + $0.00 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $0.00 +
    + + $0.00 + + $0.00 +
    + + $0.00 + + $0.00 +
    + + + + + + + + + + + + + + +
    + + otpUi.TripDetails.FareTable.senior + + + + otpUi.TripDetails.FareTable.cash + +
    + $2.00 +     		+ + otpUi.TripDetails.FareTable.electronic + +
    + $1.00 +
    + + $1.00 + + $1.00 +
    + + $1.00 + + + + $0.00 +
    +
    +
    +     +
    +
    +
    +
    + +
    +
    +
    + +
    +
    - - $0.00 -
    - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.youth - - - - otpUi.TripDetails.FareTable.cash - -
    - $0.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $0.00 -
    - 347 - - $0.00 - - $0.00 -
    - 1-Line - - $0.00 - - $0.00 -
    - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.senior - - - - otpUi.TripDetails.FareTable.cash - -
    - $2.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $1.00 -
    - 347 - - $1.00 - - $1.00 -
    + + +
    - 1-Line -
    		+ 41 minutes + + + +
    - $1.00 -
    		+
    + + By taking this trip, you'll spend + + 41 minutes + + walking and + + 0 minutes + + biking. + +
    + + + +
    +
    - - $0.00 -
    +
    +
    + + CO₂ Emitted: + + 2,699g + + + +
    +
    +
    +
    + + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + . +
    +
    +
    +
    +
    `; -exports[`Storyshots TripDetails Leg Fare Products Itinerary 1`] = ` +exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 1`] = ` + +`; + +exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` +.c4 { + display: inline-block; + vertical-align: middle; + overflow: hidden; +} + +.c7 { + background: transparent; + border: 0; + cursor: pointer; + display: inline-block; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + margin: 0; + padding: 0; + -webkit-text-decoration: none; + text-decoration: none; + touch-action: manipulation; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} + +.c9 { + color: #00f; + font-size: 16px; + margin-left: 6px; + margin-top: -2px; +} + +.c8 { + float: right; +} + +.c2 { + margin-top: 6px; +} + +.c6 { + background-color: #fff; + border: 1px solid #888; + font-size: 12px; + margin-top: 2px; + padding: 8px; +} + +.c3 { + float: left; + font-size: 17px; +} + +.c0 { + background-color: #eee; + border-radius: 6px; + margin-bottom: 15px; + margin-top: 16px; + padding: 10px 16px; +} + +.c1 { + font-size: 18px; + font-weight: 600; + margin: 0; +} + +.c5 { + margin-left: 28px; + padding-top: 2px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: baseline; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + white-space: pre; +} + +
    +

    + Trip Details +

    +
    +
    +
    + +
    +
    + + Depart + + June 15, 2022 + + at + + 9:15 AM + + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    + Time Spent Active: + + 5 minutes + + +
    +
    +
    +
    + + By taking this trip, you'll spend + + 5 minutes + + walking and + + 0 minutes + + biking. + +
    +
    +
    +
    +
    +
    + +
    +
    + + CO₂ Emitted: + + 7g + + + +
    +
    +
    +
    + + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + . +
    +
    +
    +
    +
    +
    +`; + +exports[`Storyshots TripDetails OTP 2 Flex Itinerary 1`] = ` + + `; -exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` +exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` .c4 { display: inline-block; vertical-align: middle; @@ -28109,7 +246632,7 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` white-space: nowrap; } -.c13 { +.c9 { color: #00f; font-size: 16px; margin-left: 6px; @@ -28120,15 +246643,6 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` float: right; } -.c9 { - display: inline-block; -} - -.c9 > span { - display: block; - padding-left: 1.75ch; -} - .c2 { margin-top: 6px; } @@ -28174,49 +246688,6 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` white-space: pre; } -.c11 th { - font-weight: normal; - min-width: 5ch; - padding: 0.75em 1.5em; - text-align: center; -} - -.c11 th:nth-of-type(2n + 1) { - background: #cccccc22; -} - -.c11 th.main { - background: #333333; - color: #ffffffcc; -} - -.c10 { - border-collapse: collapse; - display: block; - margin-bottom: 16px; - padding: 0; -} - -.c10 td { - text-align: right; -} - -.c10 td:nth-of-type(2n + 1) { - background: #cccccc22; -} - -.c10 td.no-zebra { - background: none; -} - -.c10 th:first-of-type { - height: 40px; -} - -.c12 { - padding-left: 4px; -} -
    @@ -28260,363 +246731,13 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = ` className="styled__Timing-sc-6q2ok2-8" > Depart - - May 26, 2023 - - at - - 3:23 PM - - -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    - -
    - - Transit Fare - : - - $5.75 - - -
    - - - - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.regular - - - - otpUi.TripDetails.FareTable.cash - -
    - $5.75 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $3.00 -     		- - otpUi.TripDetails.FareTable.special - -
    - $1.50 -
    - - $2.75 - - $2.75 - - $1.50 -
    - - $3.00 - - - - $0.25 - - - - $0.00 -
    - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.youth - - - - otpUi.TripDetails.FareTable.cash - -
    - $0.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $0.00 -
    - - $0.00 - - $0.00 -
    - - $0.00 - - $0.00 -
    - - - - - - - - - - - - - - -
    - - otpUi.TripDetails.FareTable.senior - - - - otpUi.TripDetails.FareTable.cash - -
    - $2.00 -     		- - otpUi.TripDetails.FareTable.electronic - -
    - $1.00 -
    - - $1.00 - - $1.00 -
    - - $1.00 - - - - $0.00 -
    -
    -
    + + June 22, 2022 + + at + + 4:59 PM +
    Time Spent Active: - 41 minutes + 12 minutes
    +
    +
    + +
    +
    + + This trip includes flexible routes. This is the first pickup booking info message. This is the first dropoff booking info message. + +
    +
    +
    +
    + +
    +
    +
    +
    `; -exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 1`] = ` +exports[`Storyshots TripDetails Styled Itinerary 1`] = ` - `; -exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` -.c4 { +exports[`Storyshots TripDetails Styled Itinerary 2`] = ` +.c6 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c7 { +.c9 { background: transparent; border: 0; cursor: pointer; @@ -29205,22 +247515,22 @@ exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` white-space: nowrap; } -.c9 { +.c11 { color: #00f; font-size: 16px; margin-left: 6px; margin-top: -2px; } -.c8 { +.c10 { float: right; } -.c2 { +.c4 { margin-top: 6px; } -.c6 { +.c8 { background-color: #fff; border: 1px solid #888; font-size: 12px; @@ -29228,7 +247538,7 @@ exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` padding: 8px; } -.c3 { +.c5 { float: left; font-size: 17px; } @@ -29241,13 +247551,13 @@ exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` padding: 10px 16px; } -.c1 { +.c3 { font-size: 18px; font-weight: 600; margin: 0; } -.c5 { +.c7 { margin-left: 28px; padding-top: 2px; display: -webkit-box; @@ -29261,11 +247571,15 @@ exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` white-space: pre; } +.c1 .c2 { + background-color: pink; +} +

    Trip Details @@ -29274,16 +247588,16 @@ exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` className="styled__TripDetailsBody-sc-6q2ok2-16" >
    Depart - June 15, 2022 + November 13, 2019 at - 9:15 AM + 3:44 PM
    @@ -29328,17 +247642,17 @@ exports[`Storyshots TripDetails OTP 2 E Scooter Rental Transit Itinerary 2`] = ` >
    Time Spent Active: - 5 minutes + 2 minutes
    CO₂ Emitted: - 7g + 61g
    @@ -30490,12 +248518,12 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` fill="currentColor" focusable="false" height={17} - viewBox="0 0 512 512" + viewBox="0 0 640 512" width={17} xmlns="http://www.w3.org/2000/svg" > @@ -30503,15 +248531,30 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = `
    - Time Spent Active: - - 12 minutes - + + + + uber + + Fare: + + $34.00 + - + $37.00 + + + - By taking this trip, you'll spend - - 12 minutes - - walking and - - 0 minutes - - biking. - + Custom details about fares (transitFares: + ) + + (cents), can be constructed dynamically using any markup.
    @@ -30600,12 +248637,12 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` fill="currentColor" focusable="false" height={17} - viewBox="0 0 576 512" + viewBox="0 0 512 512" width={17} xmlns="http://www.w3.org/2000/svg" > @@ -30613,19 +248650,15 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = `
    - - CO₂ Emitted: - - 4,682g - - + Time Spent Active: + + 2 minutes + - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . + By taking this trip, you'll spend + + 2 minutes + + walking and + + 0 minutes + + biking. +

    @@ -30713,12 +248747,12 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` fill="currentColor" focusable="false" height={17} - viewBox="0 0 512 512" + viewBox="0 0 576 512" width={17} xmlns="http://www.w3.org/2000/svg" > @@ -30727,10 +248761,38 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = ` className="c5" > - This trip includes flexible routes. This is the first pickup booking info message. This is the first dropoff booking info message. + CO₂ Emitted: + + 319g + +
    + CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from + + this spreadsheet + + .
    @@ -30779,35 +248850,67 @@ exports[`Storyshots TripDetails OTP 2 Flex Itinerary 2`] = `
    `; -exports[`Storyshots TripDetails Styled Itinerary 1`] = ` +exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 1`] = ` Leave at {departureDate, time, short} on {departureDate, date, long}", + "otpUi.TripDetails.title": "Custom Trip Details Title", + "otpUi.TripDetails.tncFare": "Pay {minTNCFare}-{maxTNCFare} to {companies}", + } + } onError={[Function]} textComponent={Symbol(react.fragment)} > `; -exports[`Storyshots TripDetails Styled Itinerary 2`] = ` +exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = ` .c6 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c9 { +.c8 { background: transparent; border: 0; cursor: pointer; @@ -31208,22 +249322,26 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` white-space: nowrap; } -.c11 { +.c9 { color: #00f; font-size: 16px; margin-left: 6px; margin-top: -2px; } -.c10 { +.c11 { float: right; } +.c12 { + text-transform: capitalize; +} + .c4 { margin-top: 6px; } -.c8 { +.c10 { background-color: #fff; border: 1px solid #888; font-size: 12px; @@ -31275,7 +249393,7 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` className="c2 c3" id="trip-details-header" > - Trip Details + Custom Trip Details Title
    + + +
    +
    + + + Leave + + at + + 10:58 AM + + on + + May 23, 2023 + + + +
    +
    +
    +
    + + Custom messages about + + May 23, 2023 + + can be constructed dynamically using any markup. +
    +
    +
    +
    +
    +
    + @@ -31308,16 +249542,24 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` className="c7" > - Depart - - November 13, 2019 - - at - - 3:44 PM - + + Pay + + $34.00 + - + $37.00 + + to + + uber + +
    - By taking this trip, you'll spend - - 2 minutes - - walking and - - 0 minutes - - biking. - + Custom message about + active minutes.
    @@ -31505,14 +249739,14 @@ exports[`Storyshots TripDetails Styled Itinerary 2`] = ` > CO₂ Emitted: - 61g + 319g
    `; -exports[`Storyshots TripDetails Tnc Transit Itinerary 1`] = ` +exports[`Storyshots TripDetails Walk Only Itinerary 1`] = ` `; -exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` +exports[`Storyshots TripDetails Walk Only Itinerary 2`] = ` .c4 { display: inline-block; vertical-align: middle; @@ -32042,7 +250000,7 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` white-space: nowrap; } -.c10 { +.c9 { color: #00f; font-size: 16px; margin-left: 6px; @@ -32053,10 +250011,6 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` float: right; } -.c9 { - text-transform: capitalize; -} - .c2 { margin-top: 6px; } @@ -32146,11 +250100,11 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = ` > Depart - May 23, 2023 + December 13, 2019 at - 10:58 AM + 11:29 AM
    @@ -32197,125 +250151,6 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary 2`] = `
    -
    -
    - -
    -
    - - - - uber - - Fare: - - $34.00 - - - $37.00 - - - - -
    -
    -
    -
    - - Custom details about fares (transitFares: - ) - - (cents), can be constructed dynamically using any markup. -
    -
    -
    -
    Time Spent Active: - 2 minutes + 1 minute -
    -
    -
    -
    - - Custom messages about - - May 23, 2023 - - can be constructed dynamically using any markup. -
    -
    -
    -
    -
    -
    - -
    -
    - - - Pay - - $34.00 - - - $37.00 - - to - - uber - - + + 3:44 PM +
    Time Spent Active: @@ -33333,14 +250993,14 @@ exports[`Storyshots TripDetails Tnc Transit Itinerary With Custom Messages 2`] = aria-controls="mocked-random-id" aria-expanded={false} aria-label="otpUi.TripDetails.showDetail" - className="c8 c9" + className="c7 c9" id="expand-button" onClick={[Function]} tabIndex={0} >
    - Custom message about - active minutes. + By taking this trip, you'll spend + + 2 minutes + + walking and + + 0 minutes + + biking. +
    CO₂ Emitted: - 319g + 61g + + + + +
    + + + + + + + + + + + + Bike Only + +
    +
    +
    -
    -
    +
    +
    +
    -
    -
    -
    - Time Spent Active: - - 1 minute - - -
    -
    + -
    -
    - - By taking this trip, you'll spend - - 1 minute - - walking and - - 0 minutes - - biking. - -
    -
    -
    -
    -
    -
    + +
    -
    + Image for MAX and Portland Streetcar - CO₂ Emitted: - - 1g - + MAX and Portland Streetcar - -
    -
    + + Image for WES Commuter Rail + -
    -
    - - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . -
    -
    -
    + WES Commuter Rail + +
    `; -exports[`Storyshots TripDetails Walk Transit Walk Itinerary 1`] = ` +exports[`Storyshots TripOptions Default 1`] = ` - + + /> + `; -exports[`Storyshots TripDetails Walk Transit Walk Itinerary 2`] = ` -.c4 { +exports[`Storyshots TripOptions Default 2`] = ` +.c3 { display: inline-block; vertical-align: middle; overflow: hidden; } -.c7 { - background: transparent; - border: 0; - cursor: pointer; +.c13 { + font-weight: normal; + padding-left: 6px; +} + +.c12 > div { + width: 50%; display: inline-block; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - margin: 0; - padding: 0; - -webkit-text-decoration: none; - text-decoration: none; - touch-action: manipulation; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; + box-sizing: border-box; + position: relative; +} + +.c12 select { + width: 100%; + box-sizing: border-box; + cursor: pointer; +} + +.c0 { + background-color: #0d5eac; + color: white; + font-weight: 40; + max-width: 992px; + min-height: 400px; +} + +.c11 { + max-width: 700px; + padding: 12px; +} + +.c14 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; +} + +.c14 > button { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.c5 { + border-radius: 50%; + height: 2.5em; + margin-bottom: 10px; + width: 2.5em; + z-index: 10; + background-color: rgb(84,174,88); + color: white; } .c9 { - color: #00f; - font-size: 16px; - margin-left: 6px; - margin-top: -2px; + border-radius: 50%; + height: 2.5em; + margin-bottom: 10px; + width: 2.5em; + z-index: 10; } -.c8 { - float: right; +.c16 { + max-width: 100%; +} + +.c7 ~ .c4, +.c7 ~ .c8 { + height: 1.5em; + margin-bottom: -1em; + position: relative; + right: -30px; + top: -50px; + width: 1.5em; +} + +.c7 svg { + fill: white; + height: 3em; + position: relative; + width: 3em; } .c2 { - margin-top: 6px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0,0,0,0); + border: none; + color: white; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-width: 77px; + opacity: 1; + padding: 20px 0px; + white-space: pre-wrap; } .c6 { - background-color: #fff; - border: 1px solid #888; - font-size: 12px; - margin-top: 2px; - padding: 8px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0,0,0,0); + border: none; + color: white; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-width: 50px; + opacity: 0.65; + padding: 20px 0px; + white-space: pre-wrap; } -.c3 { - float: left; - font-size: 17px; +.c10 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0,0,0,0); + border: none; + color: white; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-width: 77px; + opacity: 0.65; + padding: 20px 0px; + white-space: pre-wrap; } -.c0 { - background-color: #eee; - border-radius: 6px; - margin-bottom: 15px; - margin-top: 16px; - padding: 10px 16px; +.c15 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0,0,0,0); + border: none; + color: white; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-width: 77px; + opacity: 1; + padding: 20px 0px; + white-space: pre-wrap; + margin: 20px 0; + position: relative; +} + +.c15 .c8 { + background: #0d5eac; +} + +.c15 .c4, +.c15 .c8 { + position: absolute; + right: 5.5%; + top: 11%; } .c1 { - font-size: 18px; - font-weight: 600; - margin: 0; + background-color: #0a4c8d; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow-x: scroll; + padding: 0 12px; + -ms-overflow-style: none; + -webkit-scrollbar-width: none; + -moz-scrollbar-width: none; + -ms-scrollbar-width: none; + scrollbar-width: none; } -.c5 { - margin-left: 28px; - padding-top: 2px; +.c1 > button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - -webkit-align-items: baseline; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - white-space: pre; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-right: 24px; +} + +.c1:hover > button:hover { + opacity: 1; +} + +.c1:hover > button:hover svg { + opacity: 1; +} + +.c1::-webkit-scrollbar { + display: none; +} + +@media (max-width:768px) { + .c15 .c4, + .c15 .c8 { + max-height: 20px; + max-width: 20px; + } }
    -

    - Trip Details -

    -
    + + Go by Transit + + + +
    -
    + + + + + +
    + + + + E-Scooter Rental + + + +
    +
    +
    +
    +
    +
    +
    +
    -
    -
    -
    - Time Spent Active: - - 2 minutes - - -
    -
    + -
    -
    - - By taking this trip, you'll spend - - 2 minutes - - walking and - - 0 minutes - - biking. - -
    -
    -
    -
    -
    -
    + +
    -
    + Image for MAX and Portland Streetcar - CO₂ Emitted: - - 61g - + MAX and Portland Streetcar - -
    -
    + + Image for WES Commuter Rail + -
    -
    - - CO₂ intensity is calculated by multiplying the distance of each leg of a trip by the CO₂ intensity of each mode. CO₂ intensity of each mode is derived from - - this spreadsheet - - . -
    -
    -
    + WES Commuter Rail + +
    @@ -58020,3 +276241,108 @@ exports[`Storyshots VehicleRentalOverlay Rental E Scooters With Custom Naming 2` />
    `; + +exports[`Storyshots ZoomBasedMarkers Symbols For Different Zoom Levels 1`] = ` + + + +`; + +exports[`Storyshots ZoomBasedMarkers Symbols For Different Zoom Levels 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; + +exports[`Storyshots ZoomBasedMarkers Transformed Symbols 1`] = ` + + + +`; + +exports[`Storyshots ZoomBasedMarkers Transformed Symbols 2`] = ` +.c0 { + height: 90vh; +} + +
    +
    +
    +`; From 5c8d8c93e1e66e5854dbf2e343b0b7e16b9e9f65 Mon Sep 17 00:00:00 2001 From: Rosales Date: Tue, 12 Sep 2023 10:18:58 -0700 Subject: [PATCH 19/64] fix: tweak color for ArrivalTimeContainer --- packages/itinerary-body/src/styled.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx index 3a88ca539..876f263b3 100755 --- a/packages/itinerary-body/src/styled.tsx +++ b/packages/itinerary-body/src/styled.tsx @@ -135,7 +135,7 @@ export const ArrivalTimeContainer = styled.button` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: flex; font-size: 0.9em; From 05a38400cac386f0e4f70e6a0c6313651d7c0dc6 Mon Sep 17 00:00:00 2001 From: miles-grant-ibigroup Date: Tue, 12 Sep 2023 13:35:36 -0400 Subject: [PATCH 20/64] update snapshots --- __snapshots__/storybook.test.ts.snap | 94 ++++++++++++++-------------- 1 file changed, 47 insertions(+), 47 deletions(-) diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index a213956b4..66d7be3db 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -9341,7 +9341,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -13089,7 +13089,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -15797,7 +15797,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -21656,7 +21656,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -25731,7 +25731,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -29505,7 +29505,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -35981,7 +35981,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] = align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -38636,7 +38636,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -40625,7 +40625,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -42613,7 +42613,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -44659,7 +44659,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -48582,7 +48582,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2 align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -53277,7 +53277,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -57971,7 +57971,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -62149,7 +62149,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -66554,7 +66554,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -69368,7 +69368,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1 align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -72100,7 +72100,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -75613,7 +75613,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -80457,7 +80457,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -85300,7 +85300,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -94040,7 +94040,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -97866,7 +97866,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -100533,7 +100533,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -106301,7 +106301,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`] align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -110417,7 +110417,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -114080,7 +114080,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -120569,7 +120569,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -123203,7 +123203,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`] align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -125163,7 +125163,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -127109,7 +127109,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`] align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -129054,7 +129054,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -131081,7 +131081,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -135054,7 +135054,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] = align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -139752,7 +139752,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -144450,7 +144450,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] = align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -148607,7 +148607,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] = align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -152896,7 +152896,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -155590,7 +155590,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -158202,7 +158202,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -160148,7 +160148,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -162132,7 +162132,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -164057,7 +164057,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -166009,7 +166009,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -169484,7 +169484,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = ` align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -174198,7 +174198,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] = align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; @@ -178911,7 +178911,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`] align-items: center; background: none; border: none; - color: #008ab0; + color: #007899; cursor: pointer; display: -webkit-box; display: -webkit-flex; From dd9b022977c32084aac320b1f0ebf350bda72b84 Mon Sep 17 00:00:00 2001 From: Rosales Date: Tue, 12 Sep 2023 11:13:43 -0700 Subject: [PATCH 21/64] fix: add prop that will determine the new feature's display --- packages/itinerary-body/src/ItineraryBody/index.tsx | 4 +++- packages/itinerary-body/src/ItineraryBody/place-row.tsx | 4 +++- packages/itinerary-body/src/TransitLegBody/index.tsx | 8 ++++++-- packages/itinerary-body/src/types.ts | 5 +++++ 4 files changed, 17 insertions(+), 4 deletions(-) diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx index 8bc960db7..9214bec07 100755 --- a/packages/itinerary-body/src/ItineraryBody/index.tsx +++ b/packages/itinerary-body/src/ItineraryBody/index.tsx @@ -41,7 +41,8 @@ const ItineraryBody = ({ TimeColumnContent, toRouteAbbreviation = defaultRouteAbbr, TransitLegSubheader, - TransitLegSummary + TransitLegSummary, + trimetMode = false }: ItineraryBodyProps): ReactElement => { /* TODO: replace component should update logic? companies is simply used to @@ -91,6 +92,7 @@ const ItineraryBody = ({ toRouteAbbreviation={toRouteAbbreviation} TransitLegSubheader={TransitLegSubheader} TransitLegSummary={TransitLegSummary} + trimetMode={trimetMode} /> ); } diff --git a/packages/itinerary-body/src/ItineraryBody/place-row.tsx b/packages/itinerary-body/src/ItineraryBody/place-row.tsx index 73d6168b0..0f5b0800b 100755 --- a/packages/itinerary-body/src/ItineraryBody/place-row.tsx +++ b/packages/itinerary-body/src/ItineraryBody/place-row.tsx @@ -47,7 +47,8 @@ export default function PlaceRow({ TimeColumnContent = DefaultTimeColumnContent, toRouteAbbreviation, TransitLegSubheader, - TransitLegSummary + TransitLegSummary, + trimetMode }: PlaceRowProps): ReactElement { // NOTE: Previously there was a check for itineraries that changed vehicles // at a single stop, which would render the stop place the same as the @@ -154,6 +155,7 @@ export default function PlaceRow({ leg, config.transitOperators )} + trimetMode={trimetMode} /> ) : ( /* This is an access (e.g. walk/bike/etc.) leg */ diff --git a/packages/itinerary-body/src/TransitLegBody/index.tsx b/packages/itinerary-body/src/TransitLegBody/index.tsx index dfa363e7f..9ab90d444 100644 --- a/packages/itinerary-body/src/TransitLegBody/index.tsx +++ b/packages/itinerary-body/src/TransitLegBody/index.tsx @@ -52,6 +52,7 @@ interface Props { TransitLegSubheader?: FunctionComponent; TransitLegSummary: FunctionComponent; transitOperator?: TransitOperator; + trimetMode: boolean; } interface State { @@ -144,7 +145,8 @@ class TransitLegBody extends Component { timeZone, TransitLegSubheader, TransitLegSummary, - transitOperator + transitOperator, + trimetMode } = this.props; const { agencyBrandingUrl, agencyName, agencyUrl, alerts } = leg; const { alertsExpanded, stopsExpanded } = this.state; @@ -231,7 +233,9 @@ class TransitLegBody extends Component { - {RouteDescriptionFooter && } + {RouteDescriptionFooter && trimetMode && ( + + )}
    ; + /** + * A custom prop for use by Trimet that will toggle whether the ArrivalTimeContainer + * is rendered or not. Defaults to false. + */ + trimetMode: boolean; } export interface PlaceRowProps From fbafb8a827094fb66dca75796b161cf6d67f89c3 Mon Sep 17 00:00:00 2001 From: Rosales Date: Tue, 12 Sep 2023 11:32:40 -0700 Subject: [PATCH 22/64] fix: change file name and imports --- .../itinerary-body/src/stories/OtpRrItineraryBody.story.tsx | 2 +- .../itinerary-body/src/stories/OtpUiItineraryBody.story.tsx | 2 +- .../src/stories/{components.tsx => footer-with-wait-times.tsx} | 0 3 files changed, 2 insertions(+), 2 deletions(-) rename packages/itinerary-body/src/stories/{components.tsx => footer-with-wait-times.tsx} (100%) diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx index c1cb022e5..d8d02477e 100644 --- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx @@ -1,6 +1,6 @@ import { FareProductSelector, Itinerary } from "@opentripplanner/types"; import React, { FunctionComponent, ReactElement } from "react"; -import RouteDescriptionFooterWithWaitTimes from "./components"; +import RouteDescriptionFooterWithWaitTimes from "./footer-with-wait-times"; import ItineraryBody from ".."; import { diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx index d82bf8c29..03fa677b5 100644 --- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx @@ -2,7 +2,7 @@ import React, { ReactElement } from "react"; import { Bomb } from "@styled-icons/fa-solid/Bomb"; import { Bolt } from "@styled-icons/fa-solid/Bolt"; import styled from "styled-components"; -import RouteDescriptionFooterWithWaitTimes from "./components"; +import RouteDescriptionFooterWithWaitTimes from "./footer-with-wait-times"; import ItineraryBody from ".."; import { diff --git a/packages/itinerary-body/src/stories/components.tsx b/packages/itinerary-body/src/stories/footer-with-wait-times.tsx similarity index 100% rename from packages/itinerary-body/src/stories/components.tsx rename to packages/itinerary-body/src/stories/footer-with-wait-times.tsx From 3b8bc6ee8a7288b405613c324b03a7ae81afd1ac Mon Sep 17 00:00:00 2001 From: Rosales Date: Wed, 13 Sep 2023 10:02:26 -0700 Subject: [PATCH 23/64] fix: 'trimetMode' prop was removed from the repo and RouteDescriptionFooter is not in RR stories and in some UI stories --- .../itinerary-body/src/ItineraryBody/index.tsx | 4 +--- .../src/ItineraryBody/place-row.tsx | 4 +--- .../itinerary-body/src/TransitLegBody/index.tsx | 8 ++------ .../src/defaults/route-description-footer.tsx | 17 ++++++++--------- .../src/stories/OtpRrItineraryBody.story.tsx | 2 -- packages/itinerary-body/src/types.ts | 5 ----- 6 files changed, 12 insertions(+), 28 deletions(-) diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx index 9214bec07..8bc960db7 100755 --- a/packages/itinerary-body/src/ItineraryBody/index.tsx +++ b/packages/itinerary-body/src/ItineraryBody/index.tsx @@ -41,8 +41,7 @@ const ItineraryBody = ({ TimeColumnContent, toRouteAbbreviation = defaultRouteAbbr, TransitLegSubheader, - TransitLegSummary, - trimetMode = false + TransitLegSummary }: ItineraryBodyProps): ReactElement => { /* TODO: replace component should update logic? companies is simply used to @@ -92,7 +91,6 @@ const ItineraryBody = ({ toRouteAbbreviation={toRouteAbbreviation} TransitLegSubheader={TransitLegSubheader} TransitLegSummary={TransitLegSummary} - trimetMode={trimetMode} /> ); } diff --git a/packages/itinerary-body/src/ItineraryBody/place-row.tsx b/packages/itinerary-body/src/ItineraryBody/place-row.tsx index 0f5b0800b..73d6168b0 100755 --- a/packages/itinerary-body/src/ItineraryBody/place-row.tsx +++ b/packages/itinerary-body/src/ItineraryBody/place-row.tsx @@ -47,8 +47,7 @@ export default function PlaceRow({ TimeColumnContent = DefaultTimeColumnContent, toRouteAbbreviation, TransitLegSubheader, - TransitLegSummary, - trimetMode + TransitLegSummary }: PlaceRowProps): ReactElement { // NOTE: Previously there was a check for itineraries that changed vehicles // at a single stop, which would render the stop place the same as the @@ -155,7 +154,6 @@ export default function PlaceRow({ leg, config.transitOperators )} - trimetMode={trimetMode} /> ) : ( /* This is an access (e.g. walk/bike/etc.) leg */ diff --git a/packages/itinerary-body/src/TransitLegBody/index.tsx b/packages/itinerary-body/src/TransitLegBody/index.tsx index 9ab90d444..dfa363e7f 100644 --- a/packages/itinerary-body/src/TransitLegBody/index.tsx +++ b/packages/itinerary-body/src/TransitLegBody/index.tsx @@ -52,7 +52,6 @@ interface Props { TransitLegSubheader?: FunctionComponent; TransitLegSummary: FunctionComponent; transitOperator?: TransitOperator; - trimetMode: boolean; } interface State { @@ -145,8 +144,7 @@ class TransitLegBody extends Component { timeZone, TransitLegSubheader, TransitLegSummary, - transitOperator, - trimetMode + transitOperator } = this.props; const { agencyBrandingUrl, agencyName, agencyUrl, alerts } = leg; const { alertsExpanded, stopsExpanded } = this.state; @@ -233,9 +231,7 @@ class TransitLegBody extends Component { - {RouteDescriptionFooter && trimetMode && ( - - )} + {RouteDescriptionFooter && }
    { - onClick(); - }} - > - Arrives in {waitMinutes} minutes - - ); + const JSX = + waitMinutes > 0 ? ( + + Arrives in {waitMinutes} minutes + + ) : null; + + return JSX; } diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx index d8d02477e..556feba52 100644 --- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx +++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx @@ -1,6 +1,5 @@ import { FareProductSelector, Itinerary } from "@opentripplanner/types"; import React, { FunctionComponent, ReactElement } from "react"; -import RouteDescriptionFooterWithWaitTimes from "./footer-with-wait-times"; import ItineraryBody from ".."; import { @@ -68,7 +67,6 @@ function OtpRRItineraryBodyWrapper({ LineColumnContent={OtpRRLineColumnContent} PlaceName={OtpRRPlaceName} RouteDescription={OtpRRRouteDescription} - RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes} showAgencyInfo showLegIcon showMapButtonColumn={false} diff --git a/packages/itinerary-body/src/types.ts b/packages/itinerary-body/src/types.ts index a18209954..b3a38b457 100644 --- a/packages/itinerary-body/src/types.ts +++ b/packages/itinerary-body/src/types.ts @@ -229,11 +229,6 @@ interface ItineraryBodySharedProps { * - stopsExpanded: whether the intermediate stop display is currently expanded */ TransitLegSummary: FunctionComponent; - /** - * A custom prop for use by Trimet that will toggle whether the ArrivalTimeContainer - * is rendered or not. Defaults to false. - */ - trimetMode: boolean; } export interface PlaceRowProps From 972659b88aca8217d58cdf51c85665f88acc8507 Mon Sep 17 00:00:00 2001 From: miles-grant-ibigroup Date: Wed, 13 Sep 2023 13:12:23 -0400 Subject: [PATCH 24/64] update snapshots --- __snapshots__/storybook.test.ts.snap | 4264 +++++++++++--------------- 1 file changed, 1731 insertions(+), 2533 deletions(-) diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap index 66d7be3db..d4b1a5b99 100644 --- a/__snapshots__/storybook.test.ts.snap +++ b/__snapshots__/storybook.test.ts.snap @@ -9299,7 +9299,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary color: #333; } -.c71 { +.c70 { color: #f44256; } @@ -9334,34 +9334,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary margin-right: 5px; } -.c54 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: none; - border: none; - color: #007899; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 0.9em; - font-family: inherit; - margin: 0; - margin-top: 5px; - outline: inherit; - padding: 0; - text-align: inherit; -} - .c31::before { content: ""; margin: 0 0.125em; } -.c66 { +.c65 { display: block; font-size: 13px; list-style: none; @@ -9634,23 +9612,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary padding-left: 1ch; } -.c69 { +.c68 { float: left; margin-left: -36px; color: #fff; } -.c70 { +.c69 { color: #676767; margin-top: 3px; } -.c67 { +.c66 { z-index: 30; position: relative; } -.c58 { +.c57 { background-color: #eee; border-radius: 4px; color: #000; @@ -9661,30 +9639,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary text-decoration: none; } -.c60 { +.c59 { font-size: 12px; margin-left: 30px; white-space: pre-wrap; } -.c61 { +.c60 { margin-top: 5px; margin-left: 30px; font-size: 12px; font-style: italic; } -.c59 { +.c58 { float: left; font-size: 18px; } -.c57 { +.c56 { display: block; margin-top: 3px; } -.c56 { +.c55 { color: #d14727; cursor: pointer; display: inline-block; @@ -9693,11 +9671,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary padding: 0; } -.c62 { +.c61 { margin-top: 5px; } -.c63 { +.c62 { color: #676767; display: -webkit-box; display: -webkit-flex; @@ -9705,30 +9683,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary display: flex; } -.c65 { +.c64 { font-size: 14px; } -.c64 { +.c63 { padding: 0; } -.c55 { +.c54 { margin-top: 5px; } -.c55 a { +.c54 a { color: #337ab7; -webkit-text-decoration: none; text-decoration: none; } -.c55 a:hover { +.c54 a:hover { -webkit-text-decoration: underline; text-decoration: underline; } -.c55 img { +.c54 img { margin-left: 5px; vertical-align: middle; } @@ -9786,7 +9764,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary width: 100%; } -.c1 .c68 { +.c1 .c67 { margin-left: -23px; } @@ -11040,20 +11018,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
    -
    Service operated by
    -
    To take this route, you must call 555-352-9348 @@ -31935,7 +31731,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
    -
    -
    -
    -
    -
    -
    -
    -
    To take this route, you must call 555-352-9348 @@ -116283,11 +116111,11 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = ` className="c5" >
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    +
    MA @@ -162797,12 +162283,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency aria-hidden={true} className="c8" > - Pioneer Square North MAX Station - - ID 8383 - + 🎉✨🎊 Pioneer Square North MAX Station 🎉✨🎊
    MAX Blue Line
    MAX Blue Line to @@ -162863,12 +162344,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency > - Disembark at - Providence Park MAX Station - - ID 9757 - + 🎉✨🎊 Providence Park MAX Station 🎉✨🎊
    -
    - -
    -
    -
    -
    -
      -
    1. -
      - • -
      -
      - Galleria/SW 10th Ave MAX Station -
      -
      2. -
    -
    -
    -
    - - Typical wait: - 15 min - -
    -
    -
    -
    - - -
  • -
    -
    -
    -
    -
    - - - Travel by walking - - - -
    -
    -
    -
    -
    - - 🎉✨🎊 Providence Park MAX Station 🎉✨🎊 - -
    -
    - 3:49 PM -
    - - otpUi.TransitLegBody.fromLocation - -
    -
    -
    - - - - - - - - Walk 249 feet to - - 1737 SW Morrison St, Portland, OR, USA 97205 - - - - -
    - - - - -
    -
    -
      -
    1. -
      - - - -
      -
      - - Head - WEST - on - - Providence Park (path) - - - 19 feet - - -
      -
      2. -
    2. -
      - - - -
      -
      - - RIGHT - on - - Unnamed Path - - - 104 feet - - -
      -
      3. -
    3. -
      - - - -
      -
      - - RIGHT - on - - Unnamed Path - - - 27 feet - - -
      -
      4. -
    4. -
      - - - -
      -
      - - RIGHT - on - - SW Morrison St - - - 99 feet - - -
      -
      5. -
    -
    -
    -     -
    -
    - -
    • -
  • -
    -
    -
    -
    - -
    -
    -
    -
    -
    - - 🎉✨🎊 1737 SW Morrison St, Portland, OR, USA 97205 🎉✨🎊 - -
    -
    - 3:50 PM -
    - - Arrive at - 🎉✨🎊 1737 SW Morrison St, Portland, OR, USA 97205 🎉✨🎊 - -
    • - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Transit Leg Summary Component 1`] = ` - - - -`; - -exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom Transit Leg Summary Component 2`] = ` -.c22 { - display: inline-block; - vertical-align: middle; - overflow: hidden; -} - -.c55 { - 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; -} - -.c40 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: none; - border: none; - color: #007899; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 0.9em; - font-family: inherit; - margin: 0; - margin-top: 5px; - outline: inherit; - padding: 0; - text-align: inherit; -} - -.c21::before { - content: ""; - margin: 0 0.125em; -} - -.c54 { - 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: solid 8px #084C8D; - height: 100%; - width: 0; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.c50 { - 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; -} - -.c40 { - font-weight: 200; -} - -.c15 { - font-weight: inherit; -} - -.c39 { - font-size: 13px; - font-weight: 500; -} - -.c38 { - font-weight: 800; - margin-right: 6px; -} - -.c37 { - 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; -} - -.c34 { - 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; -} - -.c35 { - 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; -} - -.c36 { - font-weight: 200; - font-size: 0.9em; - margin-left: 10px; -} - -.c52 { - float: left; - margin-left: -36px; - color: #fff; -} - -.c53 { - color: #676767; - margin-top: 3px; -} - -.c51 { - 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 { - margin-top: 5px; -} - -.c48 { - color: #676767; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c49 { - font-size: 14px; -} - -
      -
    1. -
      -
      -
      -
      -
      - - - Travel by walking - - - -
      -
      -
      -
      -
      - - KGW Studio on the Sq, Portland, OR, USA - -
      -
      - 3:44 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - - - Walk 269 feet to - - Pioneer Square North MAX Station - - - - -
      - - - - -
      -
      -
        -
      1. -
        - - - -
        -
        - - Head - NORTHWEST - on - - Unnamed Path - - - 167 feet - - -
        -
        2. -
      2. -
        - - - -
        -
        - - LEFT - on - - Pioneer Sq N (path) - - - 101 feet - - -
        -
        3. -
      -
      -
      -       -
      -
      - -
      2. -
    2. -
      -
      -
      -
      -
      - - MA - - - MAX Blue Line - -
      -
      -
      -
      -
      - - Pioneer Square North MAX Station - - ID 8383 - - -
      -
      - 3:46 PM -
      - - otpUi.TransitLegBody.fromLocation - -
      -
      -
      - - - - - - Ride - - -
      - - MAX Blue Line - -
      - - - MAX Blue Line - - to - - Hillsboro - - -       - - - - Disembark at - Providence Park MAX Station - - ID 9757 - - -       - -       -
      - -
      - -
      -
      - -
      -
      -
      -
      -
      - - Ride for a custom duration of - 3.583 - minutes - - - (2 stops) - - - - -
      +
      -
      -