@road-labs/map-sdk 0.0.17 → 0.0.19-rc.0

package/README.md

@@ -28,33 +28,43 @@ The `App` component accepts the following props:
 
 | Field Name                  | Required | Version(s) | Context | Description                                                                                                                                                                                                                          | Default Value           |
 | :-------------------------- | :------- | :--------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------- |
+| `height`                    | Yes      | Both       | Both    | Height of the map container in pixels.                                                                                                                                                                                              | `-`                     |
+| `gestureHandling`           | Yes      | Both       | Both    | Google Maps SDK parameter controlling how gestures (scroll, pinch, etc.) interact with the map. Allowed values: `greedy`, `cooperative`, `none`, `auto`. We suggest a default value of `greedy`.                                        | `-`                     |
+| `authorization`             | Yes      | v2         | Both    | The public authorization key to search for locations.                                                                                                                                                                                | `-`                     |
+| `context`                   | Yes      | Both       | Both    | Context type for the map. Allowed values: `"cpo"` or `"msp"`.                                                                                                                                                                        | `-`                     |
 | `version`                   | No       | Both       | Both    | Which version of the map SDK do you wish to use.                                                                                                                                                                                     | `v1`                    |
-| `gestureHandling`           | No       | Both       | Both    | Google Maps SDK parameter controlling how gestures (scroll, pinch, etc.) interact with the map. Allowed values: `greedy`, `cooperative`, `none`, `auto`. Ee suggest a default value of `greedy`. More information can be obtained on | `-`                     |
-| `language`                  | No       | Both       | Both    | Language of the widget. Supported values: `en`                                                                                                                                                                                       | `en`                    |
-| `position {lat,lng}`        | No       | Both       | Both    | Initial latitude/longitude to center the map on load. If not provided, defaults to visitor’s IP-based location.                                                                                                                      | Visitor IP location     |
+| `language`                  | No       | Both       | Both    | Language of the widget. Supported values: `en`. If nothing is set, it will use the browser language.                                                                                                                                | Browser language        |
+| `position {lat,lng}`        | No       | Both       | Both    | Initial latitude/longitude to center the map on load. If not provided, defaults to visitor's IP-based location.                                                                                                                      | Visitor IP location     |
+| `useBrowserLocation`        | No       | Both       | Both    | Use the browser location to center the map.                                                                                                                                                                                          | `false`                 |
 | `enableZoomControls`        | No       | Both       | Both    | Whether to display zoom (+/-) controls in the bottom-right corner.                                                                                                                                                                   | `false`                 |
 | `enableSidebar`             | No       | Both       | Both    | Enables sidebar with location/cluster information when selected.                                                                                                                                                                     | `false`                 |
 | `enablePlacesSearch`        | No       | Both       | Both    | Enables address search input at the top of the map.                                                                                                                                                                                  | `true`                  |
-| `provider`                  | Yes      | Both       | Both    | Provider reference within the Road platform.                                                                                                                                                                                         | `-`                     |
 | `locationId`                | No       | Both       | Both    | If provided, the map will zoom to the given `locationId` and open its sidebar (if enabled). Overrides `position`.                                                                                                                    | `-`                     |
-| `theming {}`                | No       | Both       | Both    | Controls widget look and feel with keys: `brandColor`, `backgroundColor`, `textColor`, `borderColor`. Accepts HEX values (e.g. `#ff3d00`).                                                                                           | `-`                     |
-| `authorization`             | Yes      | v2         | Both    | The public authorization key to search for locations.                                                                                                                                                                                | `-`                     |
-| `limitToLocationIds`        | No       | v2         | Both    | Constrains the map to only show the locations with the configured IDs.                                                                                                                                                               | All available locations |
-| `preferredOperators`        | No       | v2         | Both    | Ensures that the selected operator appear at the top of the operator selector dropdown                                                                                                                                               |                         |
-| `showNoAdditionalFeeFilter` | No       | v2         | msp     | Used to configure whether we enable the user to filter out stations that come with additional fees.                                                                                                                                  |                         |
-| `showPublishingModeFilter`  | No       | v2         | cpo     | Used to configured whether we enable the user to filter our public or private stations.                                                                                                                                              |                         |
-| `showOperatorOnly`          | No       | v2         | both    | Include a quick filter option to find a specific operator.                                                                                                                                                                           |                         |
-
-Full example:
+| `locationBaseUrl`           | No       | Both       | Both    | Base URL for location data.                                                                                                                                                                                                          | `-`                     |
+| `apiRoot`                   | No       | Both       | Both    | The root URL of the API.                                                                                                                                                                                                             | `-`                     |
+| `googleApiKey`              | No       | Both       | Both    | Google Maps API key. If not provided, you can set your own Google API key.                                                                                                                                                            | `-`                     |
+| `theming {}`                | No       | Both       | Both    | Controls widget look and feel with keys: `brandColor`, `backgroundColor`, `textColor`, `borderColor`, `fontFamily`. Accepts HEX values (e.g. `#ff3d00`). If `backgroundColor` is provided without `shadowRoot`, a shadow root will be automatically created. | `-`                     |
+| `shadowRoot`                | No       | Both       | Both    | Shadow DOM root element. If not provided but `theming.backgroundColor` is set, a shadow root will be automatically created. See [Theming with Shadow DOM](#theming-with-shadow-dom) section below.                                  | `-`                     |
+| `sdkRoot`                   | No       | Both       | Both    | Root URL for SDK CSS file. Required when using automatic shadow root creation with theming (when `theming` is provided without `shadowRoot`). The stylesheet will be loaded from `sdkRoot + "/styles.css"`.                          | `-`                     |
+| `limitToLocationIds`        | No       | v2         | Both    | Constrains the map to only show the locations with the configured IDs. Provided that they exist in the dataset.                                                                                                                      | All available locations |
+| `preferredOperators`        | No       | v2         | Both    | Array of operator names. Ensures that the selected operators appear at the top of the operator selector dropdown.                                                                                                                   | `[]`                    |
+| `operators`                 | No       | v2         | Both    | Array of available operators.                                                                                                                                                                                                        | `-`                     |
+| `publishingMode`            | No       | v2         | Both    | Array of available publishing modes. Allowed values: `"PUBLISHING_MODE_PUBLIC"`, `"PUBLISHING_MODE_PRIVATE"`.                                                                                                                         | `-`                     |
+| `showNoAdditionalFeeFilter` | No       | v2         | msp     | Used to configure whether we enable the user to filter out stations that come with additional fees.                                                                                                                                  | `false`                 |
+| `showPublishingModeFilter`  | No       | v2         | cpo     | Used to configure whether we enable the user to filter out public or private stations.                                                                                                                                               | `false`                 |
+| `showOperatorOnly`          | No       | v2         | both    | String value representing the operator name. Include a quick filter option to find a specific operator.                                                                                                                               | `-`                     |
+| `onMarkerClicked`           | No       | Both       | Both    | Callback function that is called when a marker is clicked. Receives an object with `ids` property containing the location IDs.                                                                                                       | `-`                     |
 
 ### Example
 
+Here's a complete example showing the SDK with automatic shadow root creation and theming:
+
 ```typescript
 import React from 'react';
 import { App } from '@road-labs/map-sdk';
 import '@road-labs/map-sdk/dist/index.css';
 
-function MyComponent() {
+function MyMap() {
   return (
     <App
       height={600}
@@ -64,6 +74,7 @@ function MyComponent() {
       apiRoot="https://api.road.io"
       googleApiKey="your-google-maps-api-key"
       language="en"
+      sdkRoot="https://mapsdk.road.io"
       preferredOperators={["operator1", "operator2"]}
       onMarkerClicked={({ ids }) => {
         console.log('Marker clicked:', ids);
@@ -72,3 +83,35 @@ function MyComponent() {
   );
 }
 ```
+
+**Note**: The `height`, `gestureHandling`, `authorization`, and `context` props are required. All other props are optional.
+
+### Theming with Shadow DOM
+
+The theming options (`brandColor`, `backgroundColor`, `textColor`, `borderColor`, `fontFamily`) require the SDK to be rendered within a Shadow DOM context. This provides style encapsulation, preventing the map's styles from conflicting with your application's styles and vice versa.
+
+N.B. If you provide `theming` options without a `shadowRoot` prop, the SDK will automatically create a shadow root for you.
+
+#### Important Notes
+
+1. **CSS Import**:
+   - With automatic shadow root: The SDK loads the stylesheet from `sdkRoot + "/styles.css"`.
+   - With manual shadow root (or without theming options): You need to link the stylesheet directly in the shadow root (as shown above), or use a bundler that supports injecting styles into shadow DOM.
+
+2. **Container Height**: Make sure your container element and the react root div have explicit heights set, otherwise the map may not display correctly.
+
+#### Without Shadow DOM
+
+If you don't need custom theming, you can use the SDK without Shadow DOM (simply omit both `theming` and `shadowRoot` props). The SDK will use its default theme values in this case.
+
+```typescript
+// Simple usage without shadow DOM (default theme only)
+<App
+  height={600}
+  authorization="your-authorization-key"
+  context="cpo"
+  gestureHandling="greedy"
+  apiRoot="https://api.road.io"
+  // ... other props
+/>
+```

package/dist/contexts/Map.d.ts

@@ -27,6 +27,8 @@ export type MapContextType = {
     position?: Position;
     locations?: Location[];
     locationsStatus?: Status;
+    isSearching?: boolean;
+    setIsSearching?: (isSearching: boolean) => void;
 };
 export declare const MapContext: React.Context<MapContextType>;
 interface Props {

package/dist/index.css

@@ -1 +1 @@
-.app-module_container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;position:relative;background:#f5f5f5;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);display:flex;height:100%;width:100%;flex-direction:column;justify-items:center}.app-module_loader{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.Map-module_container{height:100%;width:100%}.CustomMarker-module_container{-webkit-appearance:none;display:block;box-sizing:border-box;margin:0;padding:0 4px;min-width:21px;height:21px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1;font-weight:600;font-style:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);color:#fff;border-radius:2em;border:1.75px solid #fff;box-shadow:0 1px 4px #00000080;opacity:0;transform:translateY(10px);cursor:pointer;animation:CustomMarker-module_roadmap-pop-in .3s ease forwards}@keyframes CustomMarker-module_roadmap-pop-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.CustomMarker-module_sliderContainer{position:absolute;width:100px;height:100px;background:#00f;transform:translate(-100%);-webkit-transform:translateX(-100%)}.CustomMarker-module_slide-in{animation:CustomMarker-module_slide-in .5s forwards;-webkit-animation:CustomMarker-module_slide-in .5s forwards}.CustomMarker-module_slide-out{animation:CustomMarker-module_slide-out .5s forwards;-webkit-animation:CustomMarker-module_slide-out .5s forwards}@keyframes CustomMarker-module_slide-in{to{transform:translate(0)}}@keyframes CustomMarker-module_slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.stack-module_stack{display:flex;flex:1 0 0px;flex-direction:column;justify-content:flex-end}.stack-module_slideEnter{transform:translateY(125%)}.stack-module_slideEnterActive,.stack-module_slideExit{transform:translateY(0)}.stack-module_slideExitActive{transform:translateY(125%)}.stack-module_slideExitActive{transition:transform .25s ease-in}.stack-module_slideEnterActive{transition:transform .25s ease-out}@media screen and (min-width:768px){.stack-module_slideEnter{transform:translate(-150%)}.stack-module_slideEnterActive,.stack-module_slideExit{transform:translate(0)}.stack-module_slideExitActive{transform:translate(-150%)}}.router-module_container{box-sizing:border-box;position:absolute;top:0;left:0;z-index:1;display:flex;flex-direction:column;gap:20px;width:100%;height:100%;padding:20px;pointer-events:none;overflow:hidden}.router-module_controlsContainer{pointer-events:initial;flex:0 1 auto;display:flex;flex-direction:row;gap:20px}.router-module_filterButton{box-sizing:border-box;display:flex;position:relative;width:48px;height:48px;border-radius:10px;justify-content:center;align-items:center;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);cursor:pointer}.router-module_filterButton img{width:16px;height:16px}.router-module_filterCounter{box-sizing:border-box;display:block;position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:10px;line-height:18px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);color:#fff;text-align:center;border-radius:18px}.router-module_stackContainer{flex:1 0 0px;display:flex;flex-direction:column;top:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width:768px){.router-module_container{width:380px}}.SearchInput-module_container{flex:1 0 auto;display:flex;border-radius:10px}.SearchInput-module_searchInput{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;flex:1 0 auto;box-sizing:border-box;outline:none;padding:15px 16px;border-radius:9px;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);background:#fff;background:var(--roadmap-background-color, #fff);border:none;outline:1px solid #ddd;outline:1px solid var(--roadmap-border-color, #ddd);outline-offset:-1px;font-size:13px}.pac-container{margin-top:-10px;padding-top:9px;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);border-top:none;border-radius:0 0 10px 10px;box-shadow:none}.pac-icon{display:none}.pac-item{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;padding:5px 15px}.pac-logo:after{border-top:1px solid #ddd;border-top:1px solid var(--roadmap-border-color, #ddd);background-position:15px 50%;height:28px}.filters-module_headerContainer,.filters-module_footerContainer{flex:0 1 auto;padding:20px 20px 0}.filters-module_footerContainer{padding:10px 20px 20px}.filters-module_container{box-sizing:border-box;flex:0 1 auto;width:100%;padding:15px 20px 0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.filters-module_container::-webkit-scrollbar{-webkit-appearance:none;width:9px;height:9px}.filters-module_container::-webkit-scrollbar-track{background:#fff;background:var(--roadmap-background-color, #fff);border-radius:9px}.filters-module_container::-webkit-scrollbar-thumb{border-radius:9px;background:#ddd;background:var(--roadmap-border-color, #ddd)}.filters-module_header,.filters-module_heading{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:14px;line-height:20px;font-style:normal;font-weight:600}.filters-module_header{margin:0;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.filters-module_heading{margin:0;padding:0 0 10px}.filters-module_actionLink{cursor:pointer;background:none;border:none;font-family:inherit;color:#ff3d00;color:var(--roadmap-brand-color, #ff3d00);font-size:12px;font-weight:600;font-style:none;-webkit-text-decoration:none;text-decoration:none}.filters-module_actionLinkClearAll{cursor:pointer;background:none;border:none;font-family:inherit;color:#ff3d00;color:var(--roadmap-brand-color, #ff3d00);font-size:12px;font-weight:600;font-style:none;-webkit-text-decoration:none;text-decoration:none;float:right}.filters-module_optionsGroup{padding:0;margin:0 0 20px}.filters-module_rowLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400;cursor:pointer}.filters-module_label{display:flex;flex-direction:row;align-items:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400}.filters-module_dot{display:block;width:8px;height:8px;border-radius:8px;margin-right:22px}.filters-module_connectorIcon{display:block;width:20px;height:20px;margin-right:10px}.Checkbox-module_container{position:relative;display:inline-block;backface-visibility:hidden;outline:none;vertical-align:baseline;font-style:normal;min-height:16px;font-size:12px;line-height:16px;min-width:16px}.Checkbox-module_container input[type=checkbox]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:none;z-index:3;width:16px;height:16px}.Checkbox-module_container .Checkbox-module_box{cursor:pointer;position:relative;display:block;outline:none;font-size:12px;width:12px;height:12px;background:#fff;background:var(--roadmap-background-color, #fff);border-radius:3px;border:2px solid #ddd;border:2px solid var(--roadmap-border-color, #ddd)}.Checkbox-module_container .Checkbox-module_box:before{box-sizing:border-box}.Checkbox-module_container svg{padding:0;color:#fff;color:var(--roadmap-background-color, #fff)}.Checkbox-module_container input:checked~.Checkbox-module_box,.Checkbox-module_container input[value=true]~.Checkbox-module_box{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);border-color:#ff3d00;border-color:var(--roadmap-brand-color, #ff3d00)}.Checkbox-module_container input:checked~.Checkbox-module_box,.Checkbox-module_container input[value=true]~.Checkbox-module_box{opacity:1}.Range-module_container{flex:1 0 auto;padding:10px 0}.Range-module_input{-webkit-appearance:none;width:100%;background:transparent}.Range-module_input::-webkit-slider-thumb{-webkit-appearance:none}.Range-module_input:focus{outline:none}.Range-module_input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.Range-module_input::-webkit-slider-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;margin-top:-6px;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-ms-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(to right,#ddd,#ddd) #ff3d00;background:linear-gradient(to right,var(--roadmap-border-color, #ddd),var(--roadmap-border-color, #ddd)) var(--roadmap-brand-color, #ff3d00);background-size:var(--roadmap-range-bgize);background-repeat:no-repeat;border-radius:2px;cursor:pointer}.Range-module_input::-moz-range-track{width:100%;height:4px;background:linear-gradient(to right,#ddd,#ddd) #ff3d00;background:linear-gradient(to right,var(--roadmap-border-color, #ddd),var(--roadmap-border-color, #ddd)) var(--roadmap-brand-color, #ff3d00);background-size:var(--roadmap-range-bgize);background-repeat:no-repeat;border:none;border-radius:2px;cursor:pointer}.Range-module_input::-ms-track{width:100%;height:4px;cursor:pointer;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.Range-module_input::-ms-fill-lower{background:#ddd;background:var(--roadmap-border-color, #ddd);border:none;border-radius:2px}.Range-module_input::-ms-fill-upper{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);border:none;border-radius:2px}.Range-module_input:focus::-ms-fill-upper{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00)}.Range-module_ticksContainer{display:flex;flex-direction:row;justify-content:space-between;margin:15px -15px 0 -12px}.Range-module_tick{flex:0 1 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;line-height:1;position:relative;width:40px;cursor:pointer;text-align:center}.MultiSelect-module_multiSelect{position:relative;width:100%}.MultiSelect-module_control{display:flex;align-items:center;min-height:38px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff}.MultiSelect-module_control:hover{border-color:#c7cdd6}.MultiSelect-module_control:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.MultiSelect-module_control.MultiSelect-module_disabled,.MultiSelect-module_disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb;opacity:.6}.MultiSelect-module_valueContainer{display:flex;flex-wrap:wrap;align-items:center;flex:1;padding:2px 6px;gap:4px}.MultiSelect-module_input{flex:1;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5;color:#374151;min-width:120px}.MultiSelect-module_input:disabled{color:#9ca3af;cursor:not-allowed}.MultiSelect-module_input::-moz-placeholder{color:#9ca3af}.MultiSelect-module_input::placeholder{color:#9ca3af}.MultiSelect-module_multiValue{display:flex;align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:12px}.MultiSelect-module_multiValueLabel{color:#1e40af;margin-right:4px}.MultiSelect-module_multiValueRemove{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px}.MultiSelect-module_multiValueRemove:hover{background-color:#dbeafe;color:#1e3a8a}.MultiSelect-module_multiValueRemove:disabled{cursor:not-allowed;opacity:.5}.MultiSelect-module_dropdownIndicator{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.MultiSelect-module_dropdownIndicator:hover{color:#374151}.MultiSelect-module_dropdownIndicator:disabled{cursor:not-allowed;opacity:.5}.MultiSelect-module_menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:4px;display:none}.MultiSelect-module_menu.MultiSelect-module_menuOpen{display:block}.MultiSelect-module_menuList{max-height:200px;overflow-y:auto;padding:0}.MultiSelect-module_groupHeading{font-size:12px;color:#6b7280;padding:8px 12px;text-transform:none;font-weight:600;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;margin:0;position:sticky;top:0;z-index:1}.MultiSelect-module_groupHeading:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.MultiSelect-module_groupSeparator{height:1px;background-color:#e5e7eb;margin:4px 0}.MultiSelect-module_option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .15s ease-in-out;border-bottom:1px solid #f3f4f6}.MultiSelect-module_option:last-child,.MultiSelect-module_optionLast{border-bottom:none}.MultiSelect-module_option:hover:not(.MultiSelect-module_optionSelected),.MultiSelect-module_optionFocused{background-color:#f3f4f6;color:#212121}.MultiSelect-module_optionSelected{background-color:#3b82f6;color:#fff}.MultiSelect-module_optionDisabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.MultiSelect-module_optionLabel{flex:1;display:flex;align-items:center}.MultiSelect-module_noOptions{padding:12px;text-align:center;color:#9ca3af;font-size:14px}.SelectField-module_selectField{position:relative;width:100%}.SelectField-module_select{width:100%;padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;line-height:1.5;color:#374151;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.SelectField-module_select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.SelectField-module_select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.SelectField-module_select option{padding:8px 12px;color:#374151}.SelectField-module_select option:disabled{color:#9ca3af;background-color:#f9fafb}.SelectField-module_select option:checked{background-color:#3b82f6;color:#fff}.locations-module_headerContainer,.locations-module_footerContainer{flex:0 1 auto;padding:20px 20px 0}.locations-module_footerContainer{padding:10px 20px 20px}.locations-module_publishingMode{font-size:12px;font-style:normal;font-weight:600;margin:0 0 15px;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.locations-module_container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);box-sizing:border-box;flex:0 1 auto;display:flex;flex-direction:column;width:100%;padding:15px 20px 10px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.locations-module_container::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:8px}.locations-module_container::-webkit-scrollbar-track{background:#fff;background:var(--roadmap-background-color, #fff);border-radius:8px}.locations-module_container::-webkit-scrollbar-thumb{border-radius:8px;background:#ddd;background:var(--roadmap-border-color, #ddd)}.locations-module_container:last-child{padding-bottom:20px}.locations-module_header{font-size:14px;font-style:normal;font-weight:600;margin:0;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.locations-module_subheader{font-size:14px;text-transform:capitalize;font-style:normal;font-weight:600;margin:0 0 5px;line-height:1.5}.locations-module_row{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;padding:5px 0}.locations-module_icon{height:16px;width:16px;margin-right:14px}.locations-module_statusIcon{display:block;width:8px;height:8px;border-radius:8px;margin:4px 18px 4px 4px}.locations-module_text{font-size:12px;font-style:normal;font-weight:400;padding:0}.locations-module_text a{color:var(--roadmap-text-color);-webkit-text-decoration:none;text-decoration:none}.locations-module_note{font-size:12px;font-style:normal;font-weight:400;margin:10px 0}.locations-module_divider{flex:0 1 auto;height:1px;width:100%;background:#ddd;background:var(--roadmap-border-color, #ddd);margin:10px 0;padding:0;border:none}.locations-module_tariffNote{font-size:12px;font-style:italic;font-weight:400;margin:10px 0 0}.locations-module_pagingation{font-size:12px;font-weight:400;margin-bottom:10px;width:100%;display:flex;flex-direction:row;align-items:stretch}.locations-module_pagingation span{margin-right:10px}.locations-module_pagingation button{color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);border:none;background:none;padding:0;margin:0;margin-right:.2rem}.locations-module_pagingation button svg{height:15px;width:15px}.locations-module_pagingation button:disabled{color:var(--roadmap-border-color)}.locations-module_tariffNoteLink{color:var(--roadmap-brand-color);cursor:pointer;display:flex;align-items:center;font-size:12px;line-height:16px;margin:20px 0 10px}.locations-module_tariffNoteLink svg{fill:var(--roadmap-brand-color);height:16px;width:16px;margin-right:5px}.LocationPlaceholder-module_container{overflow:hidden!important}.LocationPlaceholder-module_header{height:17px;width:75%;margin:5px 40px 15px 0}.LocationPlaceholder-module_divider{height:1px;width:100%;margin:17px 0 18px}.LocationPlaceholder-module_iconLine{height:11px;width:80%;margin:10px 0 15px 30px;position:relative}.LocationPlaceholder-module_iconLine:before{content:"";display:block;background-color:#ddd;background-color:var(--roadmap-border-color, #ddd);width:15px;height:15px;border-radius:15px;position:absolute;left:-30px;top:-2px}.LocationPlaceholder-module_priceLine{height:11px;width:50%;margin:16px 0 15px}.LocationPlaceholder-module_header,.LocationPlaceholder-module_divider,.LocationPlaceholder-module_iconLine,.LocationPlaceholder-module_priceLine{display:block;background-color:#ddd;background-color:var(--roadmap-border-color, #ddd);background-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.15) 15%,transparent 30%);background-size:1200px 100%;animation:LocationPlaceholder-module_roadmap-placeholder-shimmer 2s linear;animation-iteration-count:infinite}@keyframes LocationPlaceholder-module_roadmap-placeholder-shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.SidebarContainer-module_container{position:relative;pointer-events:initial;box-sizing:border-box;flex:1 0 0px;display:flex;flex-direction:column;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);border-radius:10px;overflow:hidden}@media screen and (min-width:768px){.SidebarContainer-module_container{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.Debug-module_container{position:fixed;top:0;right:0;width:370px;margin:20px}.Debug-module_container>div{padding:0 20px}.Debug-module_content{max-height:calc(100vh - 100px);overflow:scroll}.Debug-module_connectorHeader{font-size:12px;margin-top:5px}.Debug-module_code{-webkit-user-select:all;-moz-user-select:all;user-select:all;font-size:10px;display:block;margin:10px 0;background:#eee;padding:10px 5px;border-radius:3px}.Debug-module_evse{border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd);margin-top:5px}.ConnectorTariff-module_container{margin:5px 0 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400}.ConnectorTariff-module_bold{font-weight:700}.ConnectorTariff-module_dynamicTariffItem{display:flex;flex-direction:row;padding:2px 0;align-items:center;justify-content:flex-start}.ConnectorTariff-module_dynamicTariffItemRange{display:inline-block;width:7.75em;border-right:1px solid #ddd;border-right:1px solid var(--roadmap-border-color, #ddd);margin-right:.75em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ConnectorTariff-module_tariffHeader{text-transform:capitalize;font-weight:600;margin:15px 0 5px;line-height:1.5}.ConnectorTariff-module_tariffLabel{margin:6px 0 0;line-height:1.5}.ConnectorTariff-module_tariffNote{font-size:12px;font-style:italic;font-weight:400;margin:10px 0}.ConnectorTariff-module_activeNowLabel{display:inline-block;vertical-align:baseline;vertical-align:initial;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;text-align:center;font-size:10px;font-style:normal;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em;background:#f2f7fe;color:#005cee;border:1px solid rgba(0,92,238,.2);border-radius:5px;padding:2px 6px;margin:0 0 0 6px}.ConnectorTariff-module_tarifNotes{color:var(--roadmap-text-color)}.Price-module_tariffItem{display:inline-block;border-right:1px solid #ddd;border-right:1px solid var(--roadmap-border-color, #ddd);margin:2px .75em 2px 0;padding:0 .75em 0 0}.Price-module_tariffItem:last-child{margin-right:0;padding-right:0;border-right:none}.Price-module_tariffItem:empty{display:none}.BackButton-module_backButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:none;border:none;display:block;height:16px;line-height:16px;margin:0 14px 10px 0;color:#ff5f00;color:var(--roadmap-brand-color, #ff5f00)}.BackButton-module_backButton svg{height:14px;fill:currentColor;vertical-align:top;margin-right:10px}.CloseButton-module_closeButton{cursor:pointer;background:none;border:none;position:absolute;top:0;right:0;padding:20px}
+.app-module_container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;position:relative;background:#f5f5f5;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);display:flex;height:100%;width:100%;flex-direction:column;justify-items:center}.app-module_loader{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.Map-module_container{height:100%;width:100%}.CustomMarker-module_container{-webkit-appearance:none;display:block;box-sizing:border-box;margin:0;padding:0 4px;min-width:21px;height:21px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1;font-weight:600;font-style:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);color:#fff;border-radius:2em;border:1.75px solid #fff;box-shadow:0 1px 4px #00000080;opacity:0;transform:translateY(10px);cursor:pointer;animation:CustomMarker-module_roadmap-pop-in .3s ease forwards}@keyframes CustomMarker-module_roadmap-pop-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.CustomMarker-module_sliderContainer{position:absolute;width:100px;height:100px;background:#00f;transform:translate(-100%);-webkit-transform:translateX(-100%)}.CustomMarker-module_slide-in{animation:CustomMarker-module_slide-in .5s forwards;-webkit-animation:CustomMarker-module_slide-in .5s forwards}.CustomMarker-module_slide-out{animation:CustomMarker-module_slide-out .5s forwards;-webkit-animation:CustomMarker-module_slide-out .5s forwards}@keyframes CustomMarker-module_slide-in{to{transform:translate(0)}}@keyframes CustomMarker-module_slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.stack-module_stack{display:flex;flex:1 0 0px;flex-direction:column;justify-content:flex-end}.stack-module_slideEnter{transform:translateY(125%)}.stack-module_slideEnterActive,.stack-module_slideExit{transform:translateY(0)}.stack-module_slideExitActive{transform:translateY(125%)}.stack-module_slideExitActive{transition:transform .25s ease-in}.stack-module_slideEnterActive{transition:transform .25s ease-out}@media screen and (min-width:768px){.stack-module_slideEnter{transform:translate(-150%)}.stack-module_slideEnterActive,.stack-module_slideExit{transform:translate(0)}.stack-module_slideExitActive{transform:translate(-150%)}}.router-module_container{box-sizing:border-box;position:absolute;top:0;left:0;z-index:1;display:flex;flex-direction:column;gap:20px;width:100%;height:100%;padding:20px;pointer-events:none;overflow:hidden}.router-module_controlsContainer{pointer-events:initial;flex:0 1 auto;display:flex;flex-direction:row;gap:20px}.router-module_filterButton{box-sizing:border-box;display:flex;position:relative;width:48px;height:48px;border-radius:10px;justify-content:center;align-items:center;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);cursor:pointer}.router-module_filterButton img{width:16px;height:16px}.router-module_filterCounter{box-sizing:border-box;display:block;position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:10px;line-height:18px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);color:#fff;text-align:center;border-radius:18px}.router-module_spinner{width:16px;height:16px;border:2px solid #ddd;border:2px solid var(--roadmap-border-color, #ddd);border-top-color:#ff3d00;border-top-color:var(--roadmap-brand-color, #ff3d00);border-radius:50%;animation:router-module_roadmap-spin .8s linear infinite}@keyframes router-module_roadmap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.router-module_stackContainer{flex:1 0 0px;display:flex;flex-direction:column;top:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width:768px){.router-module_container{width:380px}}.SearchInput-module_container{flex:1 0 auto;display:flex;border-radius:10px}.SearchInput-module_searchInput{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;flex:1 0 auto;box-sizing:border-box;outline:none;padding:15px 16px;border-radius:9px;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);background:#fff;background:var(--roadmap-background-color, #fff);border:none;outline:1px solid #ddd;outline:1px solid var(--roadmap-border-color, #ddd);outline-offset:-1px;font-size:13px}.pac-container{margin-top:-10px;padding-top:9px;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);border-top:none;border-radius:0 0 10px 10px;box-shadow:none}.pac-icon{display:none}.pac-item{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;padding:5px 15px}.pac-logo:after{border-top:1px solid #ddd;border-top:1px solid var(--roadmap-border-color, #ddd);background-position:15px 50%;height:28px}.filters-module_headerContainer,.filters-module_footerContainer{flex:0 1 auto;padding:20px 20px 0}.filters-module_footerContainer{padding:10px 20px 20px}.filters-module_container{box-sizing:border-box;flex:0 1 auto;width:100%;padding:15px 20px 0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.filters-module_container::-webkit-scrollbar{-webkit-appearance:none;width:9px;height:9px}.filters-module_container::-webkit-scrollbar-track{background:#fff;background:var(--roadmap-background-color, #fff);border-radius:9px}.filters-module_container::-webkit-scrollbar-thumb{border-radius:9px;background:#ddd;background:var(--roadmap-border-color, #ddd)}.filters-module_header,.filters-module_heading{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:14px;line-height:20px;font-style:normal;font-weight:600}.filters-module_header{margin:0;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.filters-module_heading{margin:0;padding:0 0 10px}.filters-module_actionLink{cursor:pointer;background:none;border:none;font-family:inherit;color:#ff3d00;color:var(--roadmap-brand-color, #ff3d00);font-size:12px;font-weight:600;font-style:none;-webkit-text-decoration:none;text-decoration:none}.filters-module_actionLinkClearAll{cursor:pointer;background:none;border:none;font-family:inherit;color:#ff3d00;color:var(--roadmap-brand-color, #ff3d00);font-size:12px;font-weight:600;font-style:none;-webkit-text-decoration:none;text-decoration:none;float:right}.filters-module_optionsGroup{padding:0;margin:0 0 20px}.filters-module_rowLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400;cursor:pointer}.filters-module_label{display:flex;flex-direction:row;align-items:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400}.filters-module_dot{display:block;width:8px;height:8px;border-radius:8px;margin-right:22px}.filters-module_connectorIcon{display:block;width:20px;height:20px;margin-right:10px}.Checkbox-module_container{position:relative;display:inline-block;backface-visibility:hidden;outline:none;vertical-align:baseline;font-style:normal;min-height:16px;font-size:12px;line-height:16px;min-width:16px}.Checkbox-module_container input[type=checkbox]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:none;z-index:3;width:16px;height:16px}.Checkbox-module_container .Checkbox-module_box{cursor:pointer;position:relative;display:block;outline:none;font-size:12px;width:12px;height:12px;background:#fff;background:var(--roadmap-background-color, #fff);border-radius:3px;border:2px solid #ddd;border:2px solid var(--roadmap-border-color, #ddd)}.Checkbox-module_container .Checkbox-module_box:before{box-sizing:border-box}.Checkbox-module_container svg{padding:0;color:#fff;color:var(--roadmap-background-color, #fff)}.Checkbox-module_container input:checked~.Checkbox-module_box,.Checkbox-module_container input[value=true]~.Checkbox-module_box{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);border-color:#ff3d00;border-color:var(--roadmap-brand-color, #ff3d00)}.Checkbox-module_container input:checked~.Checkbox-module_box,.Checkbox-module_container input[value=true]~.Checkbox-module_box{opacity:1}.Range-module_container{flex:1 0 auto;padding:10px 0}.Range-module_input{-webkit-appearance:none;width:100%;background:transparent}.Range-module_input::-webkit-slider-thumb{-webkit-appearance:none}.Range-module_input:focus{outline:none}.Range-module_input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.Range-module_input::-webkit-slider-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;margin-top:-6px;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-ms-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(to right,#ddd,#ddd) #ff3d00;background:linear-gradient(to right,var(--roadmap-border-color, #ddd),var(--roadmap-border-color, #ddd)) var(--roadmap-brand-color, #ff3d00);background-size:var(--roadmap-range-bgize);background-repeat:no-repeat;border-radius:2px;cursor:pointer}.Range-module_input::-moz-range-track{width:100%;height:4px;background:linear-gradient(to right,#ddd,#ddd) #ff3d00;background:linear-gradient(to right,var(--roadmap-border-color, #ddd),var(--roadmap-border-color, #ddd)) var(--roadmap-brand-color, #ff3d00);background-size:var(--roadmap-range-bgize);background-repeat:no-repeat;border:none;border-radius:2px;cursor:pointer}.Range-module_input::-ms-track{width:100%;height:4px;cursor:pointer;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.Range-module_input::-ms-fill-lower{background:#ddd;background:var(--roadmap-border-color, #ddd);border:none;border-radius:2px}.Range-module_input::-ms-fill-upper{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);border:none;border-radius:2px}.Range-module_input:focus::-ms-fill-upper{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00)}.Range-module_ticksContainer{display:flex;flex-direction:row;justify-content:space-between;margin:15px -15px 0 -12px}.Range-module_tick{flex:0 1 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;line-height:1;position:relative;width:40px;cursor:pointer;text-align:center}.MultiSelect-module_multiSelect{position:relative;width:100%}.MultiSelect-module_control{display:flex;align-items:center;min-height:38px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff}.MultiSelect-module_control:hover{border-color:#c7cdd6}.MultiSelect-module_control:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.MultiSelect-module_control.MultiSelect-module_disabled,.MultiSelect-module_disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb;opacity:.6}.MultiSelect-module_valueContainer{display:flex;flex-wrap:wrap;align-items:center;flex:1;padding:2px 6px;gap:4px}.MultiSelect-module_input{flex:1;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5;color:#374151;min-width:120px}.MultiSelect-module_input:disabled{color:#9ca3af;cursor:not-allowed}.MultiSelect-module_input::-moz-placeholder{color:#9ca3af}.MultiSelect-module_input::placeholder{color:#9ca3af}.MultiSelect-module_multiValue{display:flex;align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:12px}.MultiSelect-module_multiValueLabel{color:#1e40af;margin-right:4px}.MultiSelect-module_multiValueRemove{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px}.MultiSelect-module_multiValueRemove:hover{background-color:#dbeafe;color:#1e3a8a}.MultiSelect-module_multiValueRemove:disabled{cursor:not-allowed;opacity:.5}.MultiSelect-module_dropdownIndicator{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.MultiSelect-module_dropdownIndicator:hover{color:#374151}.MultiSelect-module_dropdownIndicator:disabled{cursor:not-allowed;opacity:.5}.MultiSelect-module_menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:4px;display:none}.MultiSelect-module_menu.MultiSelect-module_menuOpen{display:block}.MultiSelect-module_menuList{max-height:200px;overflow-y:auto;padding:0}.MultiSelect-module_groupHeading{font-size:12px;color:#6b7280;padding:8px 12px;text-transform:none;font-weight:600;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;margin:0;position:sticky;top:0;z-index:1}.MultiSelect-module_groupHeading:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.MultiSelect-module_groupSeparator{height:1px;background-color:#e5e7eb;margin:4px 0}.MultiSelect-module_option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .15s ease-in-out;border-bottom:1px solid #f3f4f6}.MultiSelect-module_option:last-child,.MultiSelect-module_optionLast{border-bottom:none}.MultiSelect-module_option:hover:not(.MultiSelect-module_optionSelected),.MultiSelect-module_optionFocused{background-color:#f3f4f6;color:#212121}.MultiSelect-module_optionSelected{background-color:#3b82f6;color:#fff}.MultiSelect-module_optionDisabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.MultiSelect-module_optionLabel{flex:1;display:flex;align-items:center}.MultiSelect-module_noOptions{padding:12px;text-align:center;color:#9ca3af;font-size:14px}.SelectField-module_selectField{position:relative;width:100%}.SelectField-module_select{width:100%;padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;line-height:1.5;color:#374151;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.SelectField-module_select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.SelectField-module_select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.SelectField-module_select option{padding:8px 12px;color:#374151}.SelectField-module_select option:disabled{color:#9ca3af;background-color:#f9fafb}.SelectField-module_select option:checked{background-color:#3b82f6;color:#fff}.locations-module_headerContainer,.locations-module_footerContainer{flex:0 1 auto;padding:20px 20px 0}.locations-module_footerContainer{padding:10px 20px 20px}.locations-module_publishingMode{font-size:12px;font-style:normal;font-weight:600;margin:0 0 15px;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.locations-module_container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);box-sizing:border-box;flex:0 1 auto;display:flex;flex-direction:column;width:100%;padding:15px 20px 10px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.locations-module_container::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:8px}.locations-module_container::-webkit-scrollbar-track{background:#fff;background:var(--roadmap-background-color, #fff);border-radius:8px}.locations-module_container::-webkit-scrollbar-thumb{border-radius:8px;background:#ddd;background:var(--roadmap-border-color, #ddd)}.locations-module_container:last-child{padding-bottom:20px}.locations-module_header{font-size:14px;font-style:normal;font-weight:600;margin:0;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.locations-module_subheader{font-size:14px;text-transform:capitalize;font-style:normal;font-weight:600;margin:0 0 5px;line-height:1.5}.locations-module_row{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;padding:5px 0}.locations-module_icon{height:16px;width:16px;margin-right:14px}.locations-module_statusIcon{display:block;width:8px;height:8px;border-radius:8px;margin:4px 18px 4px 4px}.locations-module_text{font-size:12px;font-style:normal;font-weight:400;padding:0}.locations-module_text a{color:var(--roadmap-text-color);-webkit-text-decoration:none;text-decoration:none}.locations-module_note{font-size:12px;font-style:normal;font-weight:400;margin:10px 0}.locations-module_divider{flex:0 1 auto;height:1px;width:100%;background:#ddd;background:var(--roadmap-border-color, #ddd);margin:10px 0;padding:0;border:none}.locations-module_tariffNote{font-size:12px;font-style:italic;font-weight:400;margin:10px 0 0}.locations-module_pagingation{font-size:12px;font-weight:400;margin-bottom:10px;width:100%;display:flex;flex-direction:row;align-items:stretch}.locations-module_pagingation span{margin-right:10px}.locations-module_pagingation button{color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);border:none;background:none;padding:0;margin:0;margin-right:.2rem}.locations-module_pagingation button svg{height:15px;width:15px}.locations-module_pagingation button:disabled{color:var(--roadmap-border-color)}.locations-module_tariffNoteLink{color:var(--roadmap-brand-color);cursor:pointer;display:flex;align-items:center;font-size:12px;line-height:16px;margin:20px 0 10px}.locations-module_tariffNoteLink svg{fill:var(--roadmap-brand-color);height:16px;width:16px;margin-right:5px}.LocationPlaceholder-module_container{overflow:hidden!important}.LocationPlaceholder-module_header{height:17px;width:75%;margin:5px 40px 15px 0}.LocationPlaceholder-module_divider{height:1px;width:100%;margin:17px 0 18px}.LocationPlaceholder-module_iconLine{height:11px;width:80%;margin:10px 0 15px 30px;position:relative}.LocationPlaceholder-module_iconLine:before{content:"";display:block;background-color:#ddd;background-color:var(--roadmap-border-color, #ddd);width:15px;height:15px;border-radius:15px;position:absolute;left:-30px;top:-2px}.LocationPlaceholder-module_priceLine{height:11px;width:50%;margin:16px 0 15px}.LocationPlaceholder-module_header,.LocationPlaceholder-module_divider,.LocationPlaceholder-module_iconLine,.LocationPlaceholder-module_priceLine{display:block;background-color:#ddd;background-color:var(--roadmap-border-color, #ddd);background-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.15) 15%,transparent 30%);background-size:1200px 100%;animation:LocationPlaceholder-module_roadmap-placeholder-shimmer 2s linear;animation-iteration-count:infinite}@keyframes LocationPlaceholder-module_roadmap-placeholder-shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.SidebarContainer-module_container{position:relative;pointer-events:initial;box-sizing:border-box;flex:1 0 0px;display:flex;flex-direction:column;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);border-radius:10px;overflow:hidden}@media screen and (min-width:768px){.SidebarContainer-module_container{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.Debug-module_container{position:fixed;top:0;right:0;width:370px;margin:20px}.Debug-module_container>div{padding:0 20px}.Debug-module_content{max-height:calc(100vh - 100px);overflow:scroll}.Debug-module_connectorHeader{font-size:12px;margin-top:5px}.Debug-module_code{-webkit-user-select:all;-moz-user-select:all;user-select:all;font-size:10px;display:block;margin:10px 0;background:#eee;padding:10px 5px;border-radius:3px}.Debug-module_evse{border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd);margin-top:5px}.ConnectorTariff-module_container{margin:5px 0 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400}.ConnectorTariff-module_bold{font-weight:700}.ConnectorTariff-module_dynamicTariffItem{display:flex;flex-direction:row;padding:2px 0;align-items:center;justify-content:flex-start}.ConnectorTariff-module_dynamicTariffItemRange{display:inline-block;width:7.75em;border-right:1px solid #ddd;border-right:1px solid var(--roadmap-border-color, #ddd);margin-right:.75em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ConnectorTariff-module_tariffHeader{text-transform:capitalize;font-weight:600;margin:15px 0 5px;line-height:1.5}.ConnectorTariff-module_tariffLabel{margin:6px 0 0;line-height:1.5}.ConnectorTariff-module_tariffNote{font-size:12px;font-style:italic;font-weight:400;margin:10px 0}.ConnectorTariff-module_activeNowLabel{display:inline-block;vertical-align:baseline;vertical-align:initial;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;text-align:center;font-size:10px;font-style:normal;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em;background:#f2f7fe;color:#005cee;border:1px solid rgba(0,92,238,.2);border-radius:5px;padding:2px 6px;margin:0 0 0 6px}.ConnectorTariff-module_tarifNotes{color:var(--roadmap-text-color)}.Price-module_tariffItem{display:inline-block;border-right:1px solid #ddd;border-right:1px solid var(--roadmap-border-color, #ddd);margin:2px .75em 2px 0;padding:0 .75em 0 0}.Price-module_tariffItem:last-child{margin-right:0;padding-right:0;border-right:none}.Price-module_tariffItem:empty{display:none}.BackButton-module_backButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:none;border:none;display:block;height:16px;line-height:16px;margin:0 14px 10px 0;color:#ff5f00;color:var(--roadmap-brand-color, #ff5f00)}.BackButton-module_backButton svg{height:14px;fill:currentColor;vertical-align:top;margin-right:10px}.CloseButton-module_closeButton{cursor:pointer;background:none;border:none;position:absolute;top:0;right:0;padding:20px}