@layer base{@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-cyrillic-ext-wght-normal.B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-cyrillic-wght-normal.CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-greek-ext-wght-normal.CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-greek-wght-normal.CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-latin-ext-wght-normal.CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planned-routes/_app/immutable/assets/inter-latin-wght-normal.C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@theme{--breakpoint-*: initial; --breakpoint-sm: 34.9375rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --color-neutral-grey-50: #fafafaff; --color-neutral-grey-100: #efeff2ff; --color-neutral-grey-200: #e5e5e8ff; --color-neutral-grey-300: #d5d5d9ff; --color-neutral-grey-400: #c6c6cbff; --color-neutral-grey-500: #86868cff; --color-neutral-grey-600: #505053ff; --color-neutral-grey-700: #38383aff; --color-neutral-grey-800: #2c2c2eff; --color-neutral-grey-900: #212123ff; --color-neutral-grey-950: #151517ff; --color-brand-orange-300: #ff703fff; --color-brand-orange-400: #fe5f28ff; --color-brand-orange-500: #ff551aff; --color-brand-orange-800: #b24019ff; --color-brand-red-600: #e83a18ff; --color-supporting-yellow-400: #f7a646ff; --color-supporting-yellow-500: #ff8717ff; --color-supporting-red-300: #c86c6cff; --color-supporting-red-400: #ee6b52ff; --color-supporting-red-500: #c34533ff; --color-supporting-teal-500: #24a79fff; --color-supporting-teal-600: #447a70ff; --color-supporting-brown-500: #967f65ff; --color-supporting-purple-500: #9e6e9fff; --color-supporting-green-500: #77986bff; --color-supporting-green-600: #6c6c4eff; --color-supporting-blue-500: #6780c1ff; --color-supporting-blue-600: #265baaff; --color-base-black: #000000ff; --color-base-white: #ffffffff; --color-3rd-party-facebook: #3c5997ff; --color-alpha-black-80: #151517cc; --color-3rd-party-google: #4285f4ff; --color-alpha-white-80: #ffffffcc; --shadow-even: 0 0 16px 0; --shadow-progress: 0 0 8px 0; --drop-shadow-default: 0 4px 8px rgba(0,0,0,.17); --drop-shadow-large: 0 6px 12px rgba(0,0,0,.17); --text-xxs: .6875rem; --text-xxs--line-height: .8125rem; --text-xxs--letter-spacing: .004375rem; --text-xs: .8125rem; --text-xs--line-height: 1rem; --text-xs--letter-spacing: -.005rem; --text-sm: .9375rem; --text-sm--line-height: 1.25rem; --text-sm--letter-spacing: -.015rem; --text-md: 1.0625rem; --text-md--line-height: 1.375rem; --text-md--letter-spacing: -.025625rem; --font-sans: Inter Variable,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}:root{--button-primary-bg: var(--color-brand-orange-500);--button-primary-bg-pressed: var(--color-brand-orange-400);--button-primary-bg-hover: var(--color-brand-orange-300);--button-primary-label: var(--color-base-white);--button-secondary-bg: var(--color-neutral-grey-900);--button-secondary-bg-hover: var(--color-neutral-grey-700);--button-secondary-bg-pressed: var(--color-neutral-grey-800);--button-secondary-bg-elevated: var(--color-neutral-grey-800);--button-secondary-bg-elevated-hover: var(--color-neutral-grey-600);--button-secondary-bg-elevated-pressed: var(--color-neutral-grey-700);--button-secondary-stroke: var(--color-neutral-grey-900);--button-secondary-stroke-hover: var(--color-neutral-grey-700);--button-secondary-stroke-pressed: var(--color-neutral-grey-800);--button-secondary-stroke-selected: var(--color-brand-orange-500);--button-secondary-stroke-elevated: var(--color-neutral-grey-800);--button-secondary-stroke-elevated-hover: var(--color-neutral-grey-600);--button-secondary-stroke-elevated-pressed: var(--color-neutral-grey-700);--button-secondary-label: var(--color-base-white);--button-secondary-label-selected: var(--color-brand-orange-500);--button-tertiary-label: var(--color-neutral-grey-500);--button-tertiary-label-hover: var(--color-neutral-grey-100);--button-tertiary-label-pressed: var(--color-base-white);--button-tertiary-bg-hover: var(--color-neutral-grey-700);--button-tertiary-bg-pressed: var(--color-neutral-grey-800);--button-tertiary-stroke-hover: var(--color-neutral-grey-800);--button-tertiary-stroke-pressed: var(--color-neutral-grey-700);--button-tertiary-icon-hover: var(--color-base-white);--button-map-bg: var(--color-neutral-grey-950);--button-map-bg-hover: var(--color-neutral-grey-800);--button-map-bg-pressed: var(--color-neutral-grey-900);--button-map-bg-selected: var(--color-neutral-grey-950);--button-map-bg-disabled: var(--color-neutral-grey-900);--button-modal-close-bg: var(--color-neutral-grey-700);--button-modal-close-icon: var(--color-neutral-grey-500);--button-share-bg: var(--color-neutral-grey-700);--button-share-bg-detecht: var(--color-brand-orange-500);--button-share-bg-messenger: var(--color-base-black);--button-3rd-party-google: var(--color-3rd-party-google);--button-3rd-party-facebook: var(--color-3rd-party-facebook);--button-3rd-party-apple: var(--color-base-white);--button-route_section-bg-icon: var(--color-brand-orange-500);--button-route_section-bg-label: var(--color-neutral-grey-950);--button-route_section-stroke: var(--color-brand-orange-800);--button-route_section-stroke-selected: var(--color-base-white);--button-reaction-bg: var(--color-neutral-grey-700);--button-reaction-stroke: var(--color-brand-orange-500);--button-reaction-icon-bg: var(--color-neutral-grey-700);--text-primary: var(--color-base-white);--text-secondary: var(--color-neutral-grey-500);--text-destructive: var(--color-supporting-red-400);--text-brand: var(--color-brand-orange-500);--text-tertiary: var(--color-neutral-grey-500);--text-field-bg: var(--color-neutral-grey-800);--text-field-bg-hover: var(--color-neutral-grey-700);--text-field-bg-focused: var(--color-neutral-grey-800);--text-field-label: var(--color-neutral-grey-400);--text-field-placeholder_text: var(--color-neutral-grey-500);--text-field-trailing-icon: var(--color-base-white);--text-field-stroke-error: var(--color-supporting-red-400);--icon-glyph-primary: var(--color-base-white);--icon-glyph-secondary: var(--color-neutral-grey-500);--icon-glyph-brand: var(--color-brand-orange-500);--icon-glyph-destructive: var(--color-supporting-red-400);--icon-glyph-brand-secondary: var(--color-brand-red-600);--icon-glyph-brand-supportive: var(--color-base-white);--icon-user_placeholder-bg: var(--color-neutral-grey-800);--icon-search_result-bg: var(--color-neutral-grey-700);--icon-user_placeholder-stroke: var(--color-neutral-grey-500);--marker-hazard-bg-gravel: var(--color-neutral-grey-800);--marker-hazard-stroke-gravel: var(--color-supporting-brown-500);--marker-hazard-bg-undefined: var(--color-neutral-grey-800);--marker-hazard-stroke-undefined: var(--color-neutral-grey-500);--marker-hazard-bg-slippery: var(--color-neutral-grey-800);--marker-hazard-stroke-slippery: var(--color-supporting-blue-500);--marker-hazard-bg-road_work: var(--color-neutral-grey-800);--marker-hazard-stroke-road_work: var(--color-supporting-yellow-500);--marker-hazard-bg-road_damage: var(--color-neutral-grey-800);--marker-hazard-stroke-road_damage: var(--color-supporting-purple-500);--marker-hazard-bg-object: var(--color-neutral-grey-800);--marker-hazard-stroke-object: var(--color-supporting-green-500);--marker-hazard-bg-accident: var(--color-neutral-grey-800);--marker-hazard-stroke-accident: var(--color-supporting-yellow-400);--marker-hazard-bg-other: var(--color-neutral-grey-800);--marker-hazard-stroke-other: var(--color-supporting-red-500);--marker-hazard-bg-police: var(--color-neutral-grey-800);--marker-hazard-stroke-police: var(--color-supporting-blue-600);--marker-hazard-bg-speed_camera: var(--color-neutral-grey-800);--marker-hazard-stroke-speed_camera: var(--color-supporting-teal-600);--marker-hazard-bg-avg_speed_camera: var(--color-neutral-grey-800);--marker-hazard-stroke-avg_speed_camera: var(--color-supporting-green-600);--marker-hazard-bg-dangerous_curve: var(--color-neutral-grey-800);--marker-hazard-stroke-dangerous_curve: var(--color-supporting-red-300);--marker-hazard-stroke-report: var(--color-base-white);--marker-hazard-bg-report: var(--color-brand-orange-500);--marker-hazard-icon: var(--color-base-white);--marker-hazard-annotation-bg-undefined: var(--color-neutral-grey-600);--marker-hazard-annotation-bg-confrimed: var(--color-brand-orange-500);--marker-hazard-annotation-stroke: var(--color-neutral-grey-500);--marker-hazard-annotation-icon: var(--color-base-white);--marker-place-bg: var(--color-supporting-teal-500);--marker-place-stroke: var(--color-base-white);--marker-place-icon: var(--color-base-white);--marker-shaping-point-bg: var(--color-base-white);--marker-shaping-point-stroke: var(--color-brand-orange-500);--marker-segment-bg-gravel: var(--color-supporting-red-500);--marker-segment-stroke-gravel: var(--color-base-white);--marker-segment-bg-paved: var(--color-supporting-yellow-500);--marker-segment-stroke-paved: var(--color-base-white);--marker-segment-icon: var(--color-base-white);--marker-waypoint-bg: var(--color-brand-orange-500);--marker-waypoint-stroke: var(--color-base-white);--marker-waypoint-icon: var(--color-base-white);--marker-waypoint-bg-passed: var(--color-neutral-grey-500);--marker-user-position-bg: var(--color-brand-orange-500);--marker-user-position-bg-riding: var(--color-base-white);--marker-user-position-stroke: var(--color-base-white);--marker-user-position-stroke-riding: var(--color-neutral-grey-500);--divider-line: var(--color-neutral-grey-700);--status-bar-bg: var(--color-neutral-grey-950);--status-bar-bg-activity: var(--color-brand-orange-500);--status-bar-icons: var(--color-base-white);--status-bar-icons-activity: var(--color-base-white);--switch-bg-deactivated: var(--color-neutral-grey-700);--switch-stroke-deactivated: var(--color-neutral-grey-600);--switch-bg-activated: var(--color-brand-orange-500);--switch-knob: var(--color-base-white);--radio-button-active: var(--color-brand-orange-500);--radio-button-deactivated: var(--color-neutral-grey-600);--check-box-active: var(--color-brand-orange-500);--check-box-icon: var(--color-base-white);--check-box-deactivated: var(--color-neutral-grey-600);--search-bar-bg: var(--color-neutral-grey-800);--search-bar-bg-elevated: var(--color-base-black);--segment-control-bg: var(--color-neutral-grey-800);--segment-control-bg-selected: var(--color-brand-orange-500);--segment-control-label: var(--color-base-white);--segment-control-label-selected: var(--color-base-white);--slider-unfilled: var(--color-neutral-grey-700);--slider-filled: var(--color-brand-orange-500);--slider-knob: var(--color-base-white);--handle-modal: var(--color-neutral-grey-500);--handle-system_home: var(--color-base-white);--page-control-dot-selected: var(--color-base-white);--page-control-dot-deselected: var(--color-neutral-grey-500);--chat-message-bg-recieved: var(--color-neutral-grey-900);--chat-message-text-recieved: var(--color-base-white);--chat-message-bg-sent: var(--color-brand-orange-500);--chat-message-text-sent: var(--color-base-white);--poly-line-segment-inner-gravel: var(--color-supporting-red-500);--poly-line-segment-outer-gravel: var(--color-base-white);--poly-line-segment-inner-paved: var(--color-supporting-yellow-500);--poly-line-segment-outer-paved: var(--color-base-white);--poly-line-navigation-inner: var(--color-brand-orange-500);--poly-line-navigation-outer: var(--color-brand-orange-800);--poly-line-navigation-outer-selected: var(--color-base-white);--poly-line-tracked-inner: var(--color-neutral-grey-400);--poly-line-tracked-outer: var(--color-neutral-grey-500);--card-bg: var(--color-neutral-grey-900);--card-stroke: var(--color-neutral-grey-800);--card-bg-hover: var(--color-neutral-grey-800);--card-stroke-hover: var(--color-neutral-grey-600);--card-bg-pressed: var(--color-neutral-grey-900);--card-stroke-pressed: var(--color-neutral-grey-700);--badge-bg: var(--color-supporting-red-500);--badge-number: var(--color-base-white);--progress-bar-unfilled: var(--color-neutral-grey-700);--progress-bar-filled: var(--color-brand-orange-500);--tab-indicator-active: var(--color-brand-orange-500);--tab-indicator-inactive: var(--color-neutral-grey-700);--tab-label: var(--color-base-white);--surface-primary-transparent: #15151700;--surface-primary: var(--color-neutral-grey-950);--surface-secondary: var(--color-neutral-grey-900);--surface-tertiary: var(--color-neutral-grey-800);--surface-destructive: var(--color-supporting-red-400);--surface-alpha-80: var(--color-alpha-black-80)}@theme inline{ --color-button-primary-bg: var(--button-primary-bg); --color-button-primary-bg-pressed: var(--button-primary-bg-pressed); --color-button-primary-bg-hover: var(--button-primary-bg-hover); --color-button-primary-label: var(--button-primary-label); --color-button-secondary-bg: var(--button-secondary-bg); --color-button-secondary-bg-hover: var(--button-secondary-bg-hover); --color-button-secondary-bg-pressed: var(--button-secondary-bg-pressed); --color-button-secondary-bg-elevated: var(--button-secondary-bg-elevated); --color-button-secondary-bg-elevated-hover: var(--button-secondary-bg-elevated-hover); --color-button-secondary-bg-elevated-pressed: var(--button-secondary-bg-elevated-pressed); --color-button-secondary-stroke: var(--button-secondary-stroke); --color-button-secondary-stroke-hover: var(--button-secondary-stroke-hover); --color-button-secondary-stroke-pressed: var(--button-secondary-stroke-pressed); --color-button-secondary-stroke-selected: var(--button-secondary-stroke-selected); --color-button-secondary-stroke-elevated: var(--button-secondary-stroke-elevated); --color-button-secondary-stroke-elevated-hover: var(--button-secondary-stroke-elevated-hover); --color-button-secondary-stroke-elevated-pressed: var(--button-secondary-stroke-elevated-pressed); --color-button-secondary-label: var(--button-secondary-label); --color-button-secondary-label-selected: var(--button-secondary-label-selected); --color-button-tertiary-label: var(--button-tertiary-label); --color-button-tertiary-label-hover: var(--button-tertiary-label-hover); --color-button-tertiary-label-pressed: var(--button-tertiary-label-pressed); --color-button-tertiary-bg-hover: var(--button-tertiary-bg-hover); --color-button-tertiary-bg-pressed: var(--button-tertiary-bg-pressed); --color-button-tertiary-stroke-hover: var(--button-tertiary-stroke-hover); --color-button-tertiary-stroke-pressed: var(--button-tertiary-stroke-pressed); --color-button-tertiary-icon-hover: var(--button-tertiary-icon-hover); --color-button-map-bg: var(--button-map-bg); --color-button-map-bg-hover: var(--button-map-bg-hover); --color-button-map-bg-pressed: var(--button-map-bg-pressed); --color-button-map-bg-selected: var(--button-map-bg-selected); --color-button-map-bg-disabled: var(--button-map-bg-disabled); --color-button-modal-close-bg: var(--button-modal-close-bg); --color-button-modal-close-icon: var(--button-modal-close-icon); --color-button-share-bg: var(--button-share-bg); --color-button-share-bg-detecht: var(--button-share-bg-detecht); --color-button-share-bg-messenger: var(--button-share-bg-messenger); --color-button-3rd-party-google: var(--button-3rd-party-google); --color-button-3rd-party-facebook: var(--button-3rd-party-facebook); --color-button-3rd-party-apple: var(--button-3rd-party-apple); --color-button-route_section-bg-icon: var(--button-route_section-bg-icon); --color-button-route_section-bg-label: var(--button-route_section-bg-label); --color-button-route_section-stroke: var(--button-route_section-stroke); --color-button-route_section-stroke-selected: var(--button-route_section-stroke-selected); --color-button-reaction-bg: var(--button-reaction-bg); --color-button-reaction-stroke: var(--button-reaction-stroke); --color-button-reaction-icon-bg: var(--button-reaction-icon-bg); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-destructive: var(--text-destructive); --color-text-brand: var(--text-brand); --color-text-field-bg: var(--text-field-bg); --color-text-field-bg-hover: var(--text-field-bg-hover); --color-text-field-bg-focused: var(--text-field-bg-focused); --color-text-field-label: var(--text-field-label); --color-text-field-placeholder_text: var(--text-field-placeholder_text); --color-text-field-trailing-icon: var(--text-field-trailing-icon); --color-text-field-stroke-error: var(--text-field-stroke-error); --color-icon-glyph-primary: var(--icon-glyph-primary); --color-icon-glyph-secondary: var(--icon-glyph-secondary); --color-icon-glyph-brand: var(--icon-glyph-brand); --color-icon-glyph-destructive: var(--icon-glyph-destructive); --color-icon-glyph-brand-secondary: var(--icon-glyph-brand-secondary); --color-icon-glyph-brand-supportive: var(--icon-glyph-brand-supportive); --color-icon-user_placeholder-bg: var(--icon-user_placeholder-bg); --color-icon-search_result-bg: var(--icon-search_result-bg); --color-icon-user_placeholder-stroke: var(--icon-user_placeholder-stroke); --color-divider-line: var(--divider-line); --color-status-bar-bg: var(--status-bar-bg); --color-status-bar-bg-activity: var(--status-bar-bg-activity); --color-status-bar-icons: var(--status-bar-icons); --color-status-bar-icons-activity: var(--status-bar-icons-activity); --color-switch-bg-deactivated: var(--switch-bg-deactivated); --color-switch-stroke-deactivated: var(--switch-stroke-deactivated); --color-switch-bg-activated: var(--switch-bg-activated); --color-switch-knob: var(--switch-knob); --color-radio-button-active: var(--radio-button-active); --color-radio-button-deactivated: var(--radio-button-deactivated); --color-check-box-active: var(--check-box-active); --color-check-box-icon: var(--check-box-icon); --color-check-box-deactivated: var(--check-box-deactivated); --color-search-bar-bg: var(--search-bar-bg); --color-search-bar-bg-elevated: var(--search-bar-bg-elevated); --color-segment-control-bg: var(--segment-control-bg); --color-segment-control-bg-selected: var(--segment-control-bg-selected); --color-segment-control-label: var(--segment-control-label); --color-segment-control-label-selected: var(--segment-control-label-selected); --color-surface-primary-transparent: var(--surface-primary-transparent); --color-surface-primary: var(--surface-primary); --color-surface-secondary: var(--surface-secondary); --color-surface-tertiary: var(--surface-tertiary); --color-surface-destructive: var(--surface-destructive); --color-surface-alpha-80: var(--surface-alpha-80); --text-md: .9375rem; --text-md--line-height: 1.25rem; --text-md--letter-spacing: 0rem; --text-username--line-height: 1.09375rem; --text-username--letter-spacing: -.01rem; --text-username: .859375rem; }