import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled, { css } from 'styled-components';

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82, _templateObject83, _templateObject84, _templateObject85, _templateObject86, _templateObject87, _templateObject88, _templateObject89, _templateObject90, _templateObject91, _templateObject92, _templateObject93, _templateObject94, _templateObject95, _templateObject96, _templateObject97, _templateObject98, _templateObject99, _templateObject100, _templateObject101, _templateObject102, _templateObject103, _templateObject104, _templateObject105, _templateObject106, _templateObject107, _templateObject108, _templateObject109, _templateObject110, _templateObject111, _templateObject112, _templateObject113, _templateObject114, _templateObject115, _templateObject116, _templateObject117, _templateObject118, _templateObject119, _templateObject120;
var Paragraph = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  line-height: ", ";\n  font-size: ", ";\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n"])), function (props) {
  return props.lineHeight || "24px";
}, function (_ref) {
  var theme = _ref.theme;
  return theme.fontSize_24;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.fontWorkSansRegular;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourTextPrimary;
}, function (_ref4) {
  var margin = _ref4.margin;
  return margin;
});
var OnBoardCardHead = styled(Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  line-height: 12px;\n  text-transform: uppercase;\n  font-size: ", ";\n  margin: ", ";\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.fontSize_12;
}, function (_ref6) {
  var margin = _ref6.margin;
  return margin;
});
var OnBoardCardCenterLabel = styled(Paragraph)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n  letter-spacing: 0.75px;\n  font-size: ", ";\n  font-family: ", ";\n\n  &.disabled {\n    opacity: 0.2;\n  }\n  &.on-board-step {\n    height: unset;\n    width: unset;\n    display: unset;\n  }\n"])), function (_ref7) {
  var theme = _ref7.theme;
  return theme.fontSize_18;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.fontWorkSansMedium;
});
var OnBoardDefaultLable = styled(Paragraph)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  text-align: center;\n  font-size: ", ";\n  font-weight: ", ";\n"])), function (_ref9) {
  var theme = _ref9.theme;
  return theme.fontSize_14;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.fontWeight_400;
});
var TableHeaderHeadingWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref11) {
  var theme = _ref11.theme;
  return theme.colourTextPrimary;
}, function (_ref12) {
  var theme = _ref12.theme;
  return theme.fontWorkSansMedium;
}, function (_ref13) {
  var theme = _ref13.theme;
  return theme.fontSize_18;
});
var AnalyticPresent = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-style: \"normal\";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref14) {
  var theme = _ref14.theme;
  return theme.fontWorkSansMedium;
}, function (_ref15) {
  var theme = _ref15.theme;
  return theme.fontSize_14;
}, function (_ref16) {
  var theme = _ref16.theme;
  return theme.colourTextPrimary;
});
var AnalyticPresenttrip = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-style: \"normal\";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref17) {
  var theme = _ref17.theme;
  return theme.fontWorkSansMedium;
}, function (_ref18) {
  var theme = _ref18.theme;
  return theme.fontSize_14;
}, function (_ref19) {
  var theme = _ref19.theme;
  return theme.colourTextReversePrimary;
});
var StatisticName = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-style: \"normal\";\n  font-size: 10px;\n  color: ", ";\n"])), function (_ref20) {
  var theme = _ref20.theme;
  return theme.fontWorkSansRegular;
}, function (_ref21) {
  var theme = _ref21.theme;
  return theme.colourTextReversePrimary;
});
var Statistic = styled(StatisticName)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  letter-spacing: 0.75px;\n  text-align: right;\n"])));
var Chargingslotdetail = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: 10px;\n  color: ", ";\n  font-family: ", ";\n"])), function (_ref22) {
  var theme = _ref22.theme;
  return theme.colourTextPrimary;
}, function (_ref23) {
  var theme = _ref23.theme;
  return theme.fontWorkSansRegular;
});
var ChatbarWrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  width: 100%;\n  justify-content: space-between;\n  position: sticky;\n  bottom: 0px;\n  left: 0px;\n\n  > div:first-child {\n    width: 85%;\n  }\n"])));
var ColorPickerHeadWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: 14px 24px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  border-radius: 8px;\n"])), function (_ref24) {
  var theme = _ref24.theme;
  return theme.colourMaterialReversePrimary;
}, function (_ref25) {
  var theme = _ref25.theme;
  return theme.fontWorkSansRegular;
}, function (_ref26) {
  var theme = _ref26.theme;
  return theme.fontSize_14;
}, function (_ref27) {
  var theme = _ref27.theme;
  return theme.colourTextReversePrimary;
});
var headerCss = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  background: ", ";\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  border-bottom: 1px solid ", ";\n"])), function (_ref28) {
  var theme = _ref28.theme;
  return theme.colourMaterialPrimary;
}, function (_ref29) {
  var theme = _ref29.theme;
  return theme.fontWorkSansMedium;
}, function (_ref30) {
  var theme = _ref30.theme;
  return theme.fontSize_18;
}, function (_ref31) {
  var theme = _ref31.theme;
  return theme.colourTextPrimary;
}, function (_ref32) {
  var theme = _ref32.theme;
  return theme.colourMaterialBorder;
});
var paddingFix = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
var FiltersPaddingFix = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  padding-left: 24px;\n"])));
var HeatMapFiltersHeaderWrapper = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  padding: 36px 0px 16px 0px;\n"])), headerCss, paddingFix);
var AdvancedFiltersFix = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  padding: 10px 24px;\n  ", "\n  width: 100%;\n"])), paddingFix);
var AdvancedFiltersPaddingFix = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  ", "\n  padding: 0 24px;\n  width: 100%;\n"])), paddingFix);
var LiveMapFiltersHeaderWrapper = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  ", "\n  padding-top: 36px;\n  padding-bottom: 16px;\n"])), headerCss);
var LiveMapFiltersAdvanceFiltersHeaderWrapper = styled(HeatMapFiltersHeaderWrapper)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  border: none;\n  color: ", ";\n  background: ", ";\n"])), function (_ref33) {
  var theme = _ref33.theme;
  return theme.colourTextReversePrimary;
}, function (_ref34) {
  var theme = _ref34.theme;
  return theme.colourMaterialReversePrimary;
});
var VehicleMapFiltersHeaderWrapper = styled(HeatMapFiltersHeaderWrapper)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral([""])));
var VehicleFiltersHeaderWrapper = styled(HeatMapFiltersHeaderWrapper)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral([""])));
var FleetFiltersHeaderWrapper = styled(HeatMapFiltersHeaderWrapper)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([""])));
var GeofencingFiltersHeaderWrapper = styled(HeatMapFiltersHeaderWrapper)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral([""])));
var AddChartDropdownHeaderWrapper = styled(GeofencingFiltersHeaderWrapper)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral([""])));
var HeatMapFiltersSectionHeaderWrapper = styled.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  margin-bottom: 10px;\n"])), function (_ref35) {
  var theme = _ref35.theme;
  return theme.fontWorkSansMedium;
}, function (_ref36) {
  var theme = _ref36.theme;
  return theme.fontSize_14;
}, function (_ref37) {
  var theme = _ref37.theme;
  return theme.colourTextPrimary;
});
var LiveMapFiltersSectionHeaderWrapper = styled(HeatMapFiltersSectionHeaderWrapper)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral([""])));
var LiveMapFiltersAdvanceFiltersSectionHeaderWrapper = styled(HeatMapFiltersSectionHeaderWrapper)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  margin-bottom: 24px;\n"])));
var VehicleMapFiltersSectionHeaderWrapper = styled(HeatMapFiltersSectionHeaderWrapper)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral([""])));
var LiveMapFiltersAdvanceFiltersSectionlabelWrapper = styled.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref38) {
  var theme = _ref38.theme;
  return theme.fontWorkSansRegular;
}, function (_ref39) {
  var theme = _ref39.theme;
  return theme.fontSize_10;
}, function (_ref40) {
  var theme = _ref40.theme;
  return theme.colourTextSecondary;
});
var LiveMapFiltersAdvanceFiltersSettingsSectionWrapper = styled.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  width: 100%;\n  background: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  > svg {\n    cursor: pointer;\n  }\n"])), function (_ref41) {
  var theme = _ref41.theme;
  return theme.colourMaterialReversePrimary;
}, function (_ref42) {
  var theme = _ref42.theme;
  return theme.colourTextReversePrimary;
}, function (_ref43) {
  var theme = _ref43.theme;
  return theme.fontWorkSansRegular;
}, function (_ref44) {
  var theme = _ref44.theme;
  return theme.fontSize_14;
}, function (_ref45) {
  var theme = _ref45.theme;
  return theme.fontWeight_500;
});
var GeofencingFiltersSectionHeaderWrapper = styled.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  padding: 14px 24px;\n  font-family: ", ";\n  font-size: ", ";\n  color-text: ", ";\n  background: ", ";\n  border-bottom: 1px solid ", ";\n"])), function (_ref46) {
  var theme = _ref46.theme;
  return theme.fontWorkSansMedium;
}, function (_ref47) {
  var theme = _ref47.theme;
  return theme.fontSize_14;
}, function (_ref48) {
  var theme = _ref48.theme;
  return theme.colourTextPrimary;
}, function (_ref49) {
  var theme = _ref49.theme;
  return theme.colourMaterialPrimary;
}, function (_ref50) {
  var theme = _ref50.theme;
  return theme.colourMaterialBorder;
});
var Messagenew = styled.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref51) {
  var theme = _ref51.theme;
  return theme.fontWorkSansRegular;
}, function (_ref52) {
  var theme = _ref52.theme;
  return theme.fontSize_14;
}, function (_ref53) {
  var theme = _ref53.theme;
  return theme.colourTextPrimary;
}); // export const SmallButton = styled(SmallAddButton)`
//   width: 108px;
//   height: 47px;
//   :hover {
//     background: none;
//   }
// `;

var RequiredTextWrapper = styled.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref54) {
  var theme = _ref54.theme;
  return theme.colourTextSecondary;
}, function (_ref55) {
  var theme = _ref55.theme;
  return theme.fontWorkSansRegular;
}, function (_ref56) {
  var theme = _ref56.theme;
  return theme.fontSize_10;
});
var HeatmapCellHoverHeaderHeadingWrapper = styled.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref57) {
  var theme = _ref57.theme;
  return theme.fontWorkSansMedium;
}, function (_ref58) {
  var theme = _ref58.theme;
  return theme.fontSize_18;
}, function (_ref59) {
  var theme = _ref59.theme;
  return theme.colourTextReversePrimary;
});
var HeatmapCellHoverHeaderSubHeadingWrapper = styled.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref60) {
  var theme = _ref60.theme;
  return theme.fontWorkSansRegular;
}, function (_ref61) {
  var theme = _ref61.theme;
  return theme.fontSize_10;
}, function (_ref62) {
  var theme = _ref62.theme;
  return theme.colourTextReversePrimary;
});
var HeatmapCellHoverSectionContentWrapper = styled(HeatmapCellHoverHeaderSubHeadingWrapper)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref63) {
  var theme = _ref63.theme;
  return theme.colourTextSecondary;
});
var StationHoverHeaderHeadingWrapper = styled.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref64) {
  var theme = _ref64.theme;
  return theme.fontWorkSansMedium;
}, function (_ref65) {
  var theme = _ref65.theme;
  return theme.fontSize_18;
}, function (_ref66) {
  var theme = _ref66.theme;
  return theme.colourTextReversePrimary;
});
var StationHoverHeaderSubHeadingWrapper = styled.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref67) {
  var theme = _ref67.theme;
  return theme.fontWorkSansRegular;
}, function (_ref68) {
  var theme = _ref68.theme;
  return theme.fontSize_10;
}, function (_ref69) {
  var theme = _ref69.theme;
  return theme.colourTextReversePrimary;
});
var StationHoverSectionHeadingWrapper = styled.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  display: inline-flex;\n  align-items: center;\n\n  svg {\n    margin-left: 5px;\n  }\n"])), function (_ref70) {
  var theme = _ref70.theme;
  return theme.fontWorkSansMedium;
}, function (_ref71) {
  var theme = _ref71.theme;
  return theme.fontSize_18;
}, function (_ref72) {
  var theme = _ref72.theme;
  return theme.colourTextPrimary;
});
var StationHoverSectionSubHeadingWrapper = styled.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref73) {
  var theme = _ref73.theme;
  return theme.fontWorkSansRegular;
}, function (_ref74) {
  var theme = _ref74.theme;
  return theme.fontSize_10;
}, function (_ref75) {
  var theme = _ref75.theme;
  return theme.colourTextSecondary;
});
var TripHoverHeaderHeadingWrapper = styled.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref76) {
  var theme = _ref76.theme;
  return theme.fontWorkSansMedium;
}, function (_ref77) {
  var theme = _ref77.theme;
  return theme.fontSize_18;
}, function (_ref78) {
  var theme = _ref78.theme;
  return theme.colourTextReversePrimary;
});
var TripHoverHeaderSubHeadingWrapper = styled.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  margin-top: 5px;\n"])), function (_ref79) {
  var theme = _ref79.theme;
  return theme.fontWorkSansRegular;
}, function (_ref80) {
  var theme = _ref80.theme;
  return theme.fontSize_10;
}, function (_ref81) {
  var theme = _ref81.theme;
  return theme.colourTextReversePrimary;
});
var TripHoverSectionHeadingWrapper = styled.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  display: inline-flex;\n  align-items: center;\n\n  svg {\n    margin-left: 5px;\n  }\n"])), function (_ref82) {
  var theme = _ref82.theme;
  return theme.fontWorkSansMedium;
}, function (_ref83) {
  var theme = _ref83.theme;
  return theme.fontSize_18;
}, function (_ref84) {
  var theme = _ref84.theme;
  return theme.colourTextPrimary;
});
var TripHoverSectionSubHeadingWrapper = styled.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref85) {
  var theme = _ref85.theme;
  return theme.fontWorkSansRegular;
}, function (_ref86) {
  var theme = _ref86.theme;
  return theme.fontSize_10;
}, function (_ref87) {
  var theme = _ref87.theme;
  return theme.colourTextSecondary;
});
var VehicleMarkerRiderDetailsHeaderHeadingWrapper = styled.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref88) {
  var theme = _ref88.theme;
  return theme.fontWorkSansMedium;
}, function (_ref89) {
  var theme = _ref89.theme;
  return theme.fontSize_18;
}, function (_ref90) {
  var theme = _ref90.theme;
  return theme.colourTextReversePrimary;
});
var VehicleMarkerCompletedRideHeaderHeadingWrapper = styled(VehicleMarkerRiderDetailsHeaderHeadingWrapper)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref91) {
  var theme = _ref91.theme;
  return theme.colourTextPrimary;
});
var VehicleMarkerRiderDetailsHeaderSubHeadingWrapper = styled.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  margin-left: 5px;\n"])), function (_ref92) {
  var theme = _ref92.theme;
  return theme.fontWorkSansRegular;
}, function (_ref93) {
  var theme = _ref93.theme;
  return theme.fontSize_10;
}, function (_ref94) {
  var theme = _ref94.theme;
  return theme.colourTextReversePrimary;
});
var VehicleMarkerCompletedRideHeaderSubHeadingWrapper = styled(VehicleMarkerRiderDetailsHeaderSubHeadingWrapper)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin: 0px;\n  margin-top: 5px;\n"])), function (_ref95) {
  var theme = _ref95.theme;
  return theme.colourTextSecondary;
});
var VehicleMarkerRiderDetailsFlagContentHeadingWrapper = styled.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref96) {
  var theme = _ref96.theme;
  return theme.fontWorkSansMedium;
}, function (_ref97) {
  var theme = _ref97.theme;
  return theme.fontSize_14;
}, function (_ref98) {
  var theme = _ref98.theme;
  return theme.colourTextPrimary;
});
var VehicleMarkerRiderDetailsTimingsHeadingWrapper = styled(VehicleMarkerRiderDetailsFlagContentHeadingWrapper)(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsFlagContentHeadingWrapper = styled(VehicleMarkerRiderDetailsFlagContentHeadingWrapper)(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsTimingsTimeWrapper = styled(VehicleMarkerRiderDetailsTimingsHeadingWrapper)(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  margin-top: 5px;\n  font-weight: ", ";\n"])), function (_ref99) {
  var theme = _ref99.theme;
  return theme.fontWeight_400;
});
var VehicleMarkerRiderDetailsCurrentUserSectionHeadingWrapper = styled(VehicleMarkerRiderDetailsTimingsHeadingWrapper)(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsCurrentUserSectionUsernameWrapper = styled(VehicleMarkerRiderDetailsTimingsTimeWrapper)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsVehicleCardSectionHeadingWrapper = styled(VehicleMarkerRiderDetailsTimingsHeadingWrapper)(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  margin-bottom: 5px;\n"])));
var VehicleMarkerCompletedRideVehicleCardSectionHeadingWrapper = styled(VehicleMarkerRiderDetailsVehicleCardSectionHeadingWrapper)(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral([""])));
var VehicleMarkerCompletedRideRatingsHeadingWrapper = styled(VehicleMarkerCompletedRideVehicleCardSectionHeadingWrapper)(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral([""])));
var VehicleMarkerCompletedRideStatisticsSectionContentValueWrapper = styled.div(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n"])), function (_ref100) {
  var theme = _ref100.theme;
  return theme.fontWorkSansMedium;
}, function (_ref101) {
  var theme = _ref101.theme;
  return theme.fontSize_18;
}, function (_ref102) {
  var theme = _ref102.theme;
  return theme.colourTextPrimary;
});
var VehicleMarkerCompletedRideStatisticsSectionContentTextWrapper = styled.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref103) {
  var theme = _ref103.theme;
  return theme.fontWorkSansRegular;
}, function (_ref104) {
  var theme = _ref104.theme;
  return theme.fontSize_10;
}, function (_ref105) {
  var theme = _ref105.theme;
  return theme.colourTextSecondary;
});
var VehicleMarkerVehicleDetailsVehicleNumberSectionHeadingWrapper = styled.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  display: inline-flex;\n  align-items: center;\n\n  > div:last-child {\n    margin-left: 10px;\n    position: relative;\n    > span {\n      width: 32px;\n      height: 16px;\n      margin-top: 0px;\n    }\n    > div {\n      font-size: ", ";\n      top: 3px;\n    }\n  }\n"])), function (_ref106) {
  var theme = _ref106.theme;
  return theme.fontWorkSansMedium;
}, function (_ref107) {
  var theme = _ref107.theme;
  return theme.fontSize_18;
}, function (_ref108) {
  var theme = _ref108.theme;
  return theme.colourTextPrimary;
}, function (_ref109) {
  var theme = _ref109.theme;
  return theme.fontSize_10;
});
var ProgressPer = styled.div(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  letter-spacing: 0.075px;\n  top: 7px;\n"])), function (_ref110) {
  var theme = _ref110.theme;
  return theme.fontWorkSansRegular;
}, function (_ref111) {
  var theme = _ref111.theme;
  return theme.fontSize7_5;
}, function (_ref112) {
  var theme = _ref112.theme;
  return theme.colourTextPrimary;
});
var VehicleMarkerVehicleDetailsVehicleNumberSectionSubHeadingWrapper = styled.div(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref113) {
  var theme = _ref113.theme;
  return theme.fontWorkSansRegular;
}, function (_ref114) {
  var theme = _ref114.theme;
  return theme.fontSize_10;
}, function (_ref115) {
  var theme = _ref115.theme;
  return theme.colourTextSecondary;
});
var VehicleMarkerVehicleDetailsTicketSectionHeadingWrapper = styled.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref116) {
  var theme = _ref116.theme;
  return theme.fontWorkSansMedium;
}, function (_ref117) {
  var theme = _ref117.theme;
  return theme.fontSize_14;
}, function (_ref118) {
  var theme = _ref118.theme;
  return theme.colourTextPrimary;
});
var VehicleMarkerVehicleDetailsTicketSectionSubHeadingWrapper = styled(VehicleMarkerVehicleDetailsTicketSectionHeadingWrapper)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n  font-weight: ", ";\n"])), function (_ref119) {
  var theme = _ref119.theme;
  return theme.fontWeight_400;
});
var VehicleMarkerVehicleDetailsConnectionSectionHeadingWrapper = styled(VehicleMarkerVehicleDetailsTicketSectionHeadingWrapper)(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsDetailsSectionHeadingWrapper = styled(VehicleMarkerVehicleDetailsConnectionSectionHeadingWrapper)(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsConnectionSectionTimingsHeadingWrapper = styled(VehicleMarkerVehicleDetailsTicketSectionSubHeadingWrapper)(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref120) {
  var theme = _ref120.theme;
  return theme.fontSize_10;
}, function (_ref121) {
  var theme = _ref121.theme;
  return theme.colourTextPrimary;
});
var VehicleMarkerVehicleDetailsDetailsSectionContentWrapper = styled(VehicleMarkerVehicleDetailsConnectionSectionTimingsHeadingWrapper)(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsConnectionSectionTimingsContentWrapper = styled.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref122) {
  var theme = _ref122.theme;
  return theme.fontWorkSansMedium;
}, function (_ref123) {
  var theme = _ref123.theme;
  return theme.fontSize_10;
}, function (_ref124) {
  var theme = _ref124.theme;
  return theme.colourTextSecondary;
});
var ZoneHoverHeaderHeadingWrapper = styled.div(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref125) {
  var theme = _ref125.theme;
  return theme.fontWorkSansMedium;
}, function (_ref126) {
  var theme = _ref126.theme;
  return theme.fontSize_18;
}, function (_ref127) {
  var theme = _ref127.theme;
  return theme.colourTextReversePrimary;
});
var ZoneHoverHeaderSubHeadingWrapper = styled.div(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref128) {
  var theme = _ref128.theme;
  return theme.fontWorkSansRegular;
}, function (_ref129) {
  var theme = _ref129.theme;
  return theme.fontSize_10;
}, function (_ref130) {
  var theme = _ref130.theme;
  return theme.colourTextReversePrimary;
});
var ZoneHoverSectionHeadingWrapper = styled.div(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref131) {
  var theme = _ref131.theme;
  return theme.fontWorkSansMedium;
}, function (_ref132) {
  var theme = _ref132.theme;
  return theme.fontSize_18;
}, function (_ref133) {
  var theme = _ref133.theme;
  return theme.colourTextPrimary;
});
var ZoneHoverSectionSubHeadingWrapper = styled.div(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref134) {
  var theme = _ref134.theme;
  return theme.fontWorkSansRegular;
}, function (_ref135) {
  var theme = _ref135.theme;
  return theme.fontSize_10;
}, function (_ref136) {
  var theme = _ref136.theme;
  return theme.colourTextSecondary;
});
var MapDataLabel = styled.div(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 66px;\n  height: 19px;\n  left: 70px;\n  top: 15px;\n  font-family: ", ";\n  font-size: ", ";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref137) {
  var theme = _ref137.theme;
  return theme.fontWorkSansMedium;
}, function (_ref138) {
  var theme = _ref138.theme;
  return theme.fontSize_14;
}, function (_ref139) {
  var theme = _ref139.theme;
  return theme.colourTextPrimary;
});
var LiveStatus = styled.div(_templateObject76 || (_templateObject76 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 79px;\n  height: 12px;\n  left: 83px;\n  top: 38px;\n  font-family: ", ";\n  font-size: ", ";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref140) {
  var theme = _ref140.theme;
  return theme.fontWorkSansRegular;
}, function (_ref141) {
  var theme = _ref141.theme;
  return theme.fontSize_10;
}, function (_ref142) {
  var theme = _ref142.theme;
  return theme.colourTextSecondary;
});
var Modaltext = styled.div(_templateObject77 || (_templateObject77 = _taggedTemplateLiteral(["\n  letter-spacing: 0.75px;\n  padding-left: 12px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  text-transform: uppercase;\n"])), function (_ref143) {
  var theme = _ref143.theme;
  return theme.fontWorkSansMedium;
}, function (_ref144) {
  var theme = _ref144.theme;
  return theme.fontSize_12;
}, function (_ref145) {
  var theme = _ref145.theme;
  return theme.colourTextPrimary;
});
var ToastText = styled.div(_templateObject78 || (_templateObject78 = _taggedTemplateLiteral(["\n  padding-left: 12px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref146) {
  var theme = _ref146.theme;
  return theme.fontWorkSansRegular;
}, function (_ref147) {
  var theme = _ref147.theme;
  return theme.fontSize_12;
}, function (_ref148) {
  var theme = _ref148.theme;
  return theme.colourTextPrimary;
});
var PanelHeadertext = styled.div(_templateObject79 || (_templateObject79 = _taggedTemplateLiteral(["\n  letter-spacing: -0.25px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref149) {
  var theme = _ref149.theme;
  return theme.fontWorkSansMedium;
}, function (_ref150) {
  var theme = _ref150.theme;
  return theme.fontSize_24;
}, function (_ref151) {
  var theme = _ref151.theme;
  return theme.colourTextPrimary;
});
var Paneltext = styled.div(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n  letter-spacing: 0.75px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref152) {
  var theme = _ref152.theme;
  return theme.fontWorkSansMedium;
}, function (_ref153) {
  var theme = _ref153.theme;
  return theme.fontSize_14;
}, function (_ref154) {
  var theme = _ref154.theme;
  return theme.colourTextSecondary;
});
var PaymentContentWrapper = styled.div(_templateObject81 || (_templateObject81 = _taggedTemplateLiteral(["\n  width: 296px;\n  height: 172px;\n  display: inline-grid;\n  align-content: center;\n  justify-items: center;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  gap: 14px;\n\n  div {\n    svg {\n      path {\n        fill: ", ";\n      }\n    }\n  }\n"])), function (_ref155) {
  var theme = _ref155.theme;
  return theme.fontWorkSansRegular;
}, function (_ref156) {
  var theme = _ref156.theme;
  return theme.fontSize14;
}, function (_ref157) {
  var theme = _ref157.theme;
  return theme.colourTextSecondary;
}, function (_ref158) {
  var theme = _ref158.theme;
  return theme.colourTextSecondary;
});
var CardHolderNameWrapper = styled.div(_templateObject82 || (_templateObject82 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref159) {
  var theme = _ref159.theme;
  return theme.colourTextPrimary;
}, function (_ref160) {
  var theme = _ref160.theme;
  return theme.fontWorkSansMedium;
}, function (_ref161) {
  var theme = _ref161.theme;
  return theme.fontSize_18;
});
var CardDetailsWrapper = styled.div(_templateObject83 || (_templateObject83 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref162) {
  var theme = _ref162.theme;
  return theme.fontWorkSansRegular;
}, function (_ref163) {
  var theme = _ref163.theme;
  return theme.fontSize_10;
}, function (_ref164) {
  var theme = _ref164.theme;
  return theme.colourTextSecondary;
});
var Portboxnew = styled.div(_templateObject84 || (_templateObject84 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  width: 36px;\n  font-size: ", ";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref165) {
  var theme = _ref165.theme;
  return theme.fontWorkSansRegular;
}, function (_ref166) {
  var theme = _ref166.theme;
  return theme.fontSize_10;
}, function (_ref167) {
  var theme = _ref167.theme;
  return theme.colourTextDisabled;
});
var PortFree = styled.div(_templateObject85 || (_templateObject85 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  letter-spacing: 0.1px;\n  font-weight: ", ";\n  color: ", ";\n"])), function (_ref168) {
  var theme = _ref168.theme;
  return theme.fontWorkSansRegular;
}, function (_ref169) {
  var theme = _ref169.theme;
  return theme.fontSize_14;
}, function (_ref170) {
  var theme = _ref170.theme;
  return theme.fontWeight_400;
}, function (_ref171) {
  var theme = _ref171.theme;
  return theme.colourTextDisabled;
});
var Port1 = styled.div(_templateObject86 || (_templateObject86 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-style: normal;\n  width: 36px;\n  font-size: ", ";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref172) {
  var theme = _ref172.theme;
  return theme.fontWorkSansRegular;
}, function (_ref173) {
  var theme = _ref173.theme;
  return theme.fontSize_10;
}, function (_ref174) {
  var theme = _ref174.theme;
  return theme.colourTextSecondary;
});
var PortVehicleName = styled.div(_templateObject87 || (_templateObject87 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-style: \"normal\";\n  font-size: ", ";\n  letter-spacing: -0.25px;\n  color: ", ";\n"])), function (_ref175) {
  var theme = _ref175.theme;
  return theme.fontWorkSansMedium;
}, function (_ref176) {
  var theme = _ref176.theme;
  return theme.fontSize_18;
}, function (_ref177) {
  var theme = _ref177.theme;
  return theme.colourTextPrimary;
});
var ProgressPercent = styled.div(_templateObject88 || (_templateObject88 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  color: ", ";\n  letter-spacing: ", ";\n"])), function (_ref178) {
  var theme = _ref178.theme;
  return theme.fontWorkSansRegular;
}, function (_ref179) {
  var theme = _ref179.theme;
  return theme.fontSize7_5;
}, function (_ref180) {
  var theme = _ref180.theme;
  return theme.colourTextPrimary;
}, function (_ref181) {
  var theme = _ref181.theme;
  return theme.letterSpacing_0dot075;
});
var Dockedat = styled.div(_templateObject89 || (_templateObject89 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref182) {
  var theme = _ref182.theme;
  return theme.fontWorkSansRegular;
}, function (_ref183) {
  var theme = _ref183.theme;
  return theme.fontSize_10;
}, function (_ref184) {
  var theme = _ref184.theme;
  return theme.colourTextSecondary;
});
var Dockedate = styled.div(_templateObject90 || (_templateObject90 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref185) {
  var theme = _ref185.theme;
  return theme.fontWorkSansMedium;
}, function (_ref186) {
  var theme = _ref186.theme;
  return theme.fontSize_14;
}, function (_ref187) {
  var theme = _ref187.theme;
  return theme.colourTextSecondary;
});
var Dockedby = styled.div(_templateObject91 || (_templateObject91 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref188) {
  var theme = _ref188.theme;
  return theme.fontWorkSansRegular;
}, function (_ref189) {
  var theme = _ref189.theme;
  return theme.fontSize_10;
}, function (_ref190) {
  var theme = _ref190.theme;
  return theme.colourTextSecondary;
});
var DockedbyName = styled.div(_templateObject92 || (_templateObject92 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  letter-spacing: 0.1px;\n  color: ", ";\n"])), function (_ref191) {
  var theme = _ref191.theme;
  return theme.fontWorkSansRegular;
}, function (_ref192) {
  var theme = _ref192.theme;
  return theme.fontSize_14;
}, function (_ref193) {
  var theme = _ref193.theme;
  return theme.colourTextSecondary;
});
var RangeSliderMarkers = styled.div(_templateObject93 || (_templateObject93 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref194) {
  var theme = _ref194.theme;
  return theme.colourTextSecondary;
}, function (_ref195) {
  var theme = _ref195.theme;
  return theme.fontWorkSansRegular;
}, function (_ref196) {
  var theme = _ref196.theme;
  return theme.fontSize_10;
});
var RangeSliderLabelWrapper = styled(RangeSliderMarkers)(_templateObject94 || (_templateObject94 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n"])), function (_ref197) {
  var theme = _ref197.theme;
  return theme.colourTextPrimary;
}, function (_ref198) {
  var theme = _ref198.theme;
  return theme.fontSize14;
});
var HeatmapRangeSliderLabelWrapper = styled(RangeSliderLabelWrapper)(_templateObject95 || (_templateObject95 = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n\n  font-size: ", ";\n"])), function (_ref199) {
  var theme = _ref199.theme;
  return theme.fontSize_10;
});
var RichTextEditorHeaderWrapper = styled.div(_templateObject96 || (_templateObject96 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref200) {
  var theme = _ref200.theme;
  return theme.fontWorkSansMedium;
}, function (_ref201) {
  var theme = _ref201.theme;
  return theme.fontSize_18;
}, function (_ref202) {
  var theme = _ref202.theme;
  return theme.colourTextPrimary;
});
var RichTextEditorComponentSubHeadingWrapper = styled.div(_templateObject97 || (_templateObject97 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref203) {
  var theme = _ref203.theme;
  return theme.fontWorkSansRegular;
}, function (_ref204) {
  var theme = _ref204.theme;
  return theme.fontSize_10;
}, function (_ref205) {
  var theme = _ref205.theme;
  return theme.colourTextPrimary;
});
var SectionHeaderHeadingWrapper = styled.div(_templateObject98 || (_templateObject98 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  padding-top: 30px;\n"])), function (_ref206) {
  var theme = _ref206.theme;
  return theme.colourTextPrimary;
}, function (_ref207) {
  var theme = _ref207.theme;
  return theme.fontWorkSansMedium;
}, function (_ref208) {
  var theme = _ref208.theme;
  return theme.fontSize_24;
});
var SectionHeaderSubHeadingWrapper = styled.div(_templateObject99 || (_templateObject99 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  padding-top: 10px;\n"])), function (_ref209) {
  var theme = _ref209.theme;
  return theme.colourTextSecondary;
}, function (_ref210) {
  var theme = _ref210.theme;
  return theme.fontWorkSansRegular;
}, function (_ref211) {
  var theme = _ref211.theme;
  return theme.fontSize_14;
});
var HelpCenterMenuHeaderWrapper = styled.div(_templateObject100 || (_templateObject100 = _taggedTemplateLiteral(["\n  padding: 22px 25px;\n  background: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref212) {
  var theme = _ref212.theme;
  return theme.colourBrandPrimary;
}, function (_ref213) {
  var theme = _ref213.theme;
  return theme.colourTextReversePrimary;
}, function (_ref214) {
  var theme = _ref214.theme;
  return theme.fontWorkSansMedium;
}, function (_ref215) {
  var theme = _ref215.theme;
  return theme.fontSize_24;
});
var HelpCenterMenuNavHeaderWrapper = styled(HelpCenterMenuHeaderWrapper)(_templateObject101 || (_templateObject101 = _taggedTemplateLiteral(["\n  background: ", ";\n  color: ", ";\n  padding: 12px 20px;\n  font-size: ", ";\n  border-bottom: 1px solid ", ";\n"])), function (_ref216) {
  var theme = _ref216.theme;
  return theme.colourMaterialPrimary;
}, function (_ref217) {
  var theme = _ref217.theme;
  return theme.colourTextPrimary;
}, function (_ref218) {
  var theme = _ref218.theme;
  return theme.fontSize_12;
}, function (_ref219) {
  var theme = _ref219.theme;
  return theme.colourMaterialBorder;
});
var HelpCenterMenuVersionWrapper = styled.div(_templateObject102 || (_templateObject102 = _taggedTemplateLiteral(["\n  width: 100%;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  position: absolute;\n  bottom: 15px;\n  padding: 0 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  > div:first-child {\n    display: flex;\n    gap: 5px;\n    align-items: end;\n    > div {\n      opacity: 1;\n    }\n\n    > span {\n      color: ", ";\n    }\n  }\n"])), function (_ref220) {
  var theme = _ref220.theme;
  return theme.fontWorkSansRegular;
}, function (_ref221) {
  var theme = _ref221.theme;
  return theme.fontSize_10;
}, function (_ref222) {
  var theme = _ref222.theme;
  return theme.colourTextSecondary;
}, function (_ref223) {
  var theme = _ref223.theme;
  return theme.colourTextMuted;
});
var TotalTripText = styled.div(_templateObject103 || (_templateObject103 = _taggedTemplateLiteral(["\n  gap: 0.75px;\n  letter-spacing: 0.75px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  padding-right: 10px;\n"])), function (_ref224) {
  var theme = _ref224.theme;
  return theme.fontWorkSansMedium;
}, function (_ref225) {
  var theme = _ref225.theme;
  return theme.fontSize_12;
}, function (_ref226) {
  var theme = _ref226.theme;
  return theme.colourTextSecondary;
});
var TextNumber = styled.div(_templateObject104 || (_templateObject104 = _taggedTemplateLiteral(["\n  letter-spacing: -0.5px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref227) {
  var theme = _ref227.theme;
  return theme.fontWorkSansMedium;
}, function (_ref228) {
  var theme = _ref228.theme;
  return theme.fontSize_30;
}, function (_ref229) {
  var theme = _ref229.theme;
  return theme.colourTextPrimary;
});
var TextLabel = styled.div(_templateObject105 || (_templateObject105 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  svg {\n    margin-left: 5px;\n\n    path {\n      fill: ", ";\n    }\n  }\n"])), function (_ref230) {
  var theme = _ref230.theme;
  return theme.colourTextSecondary;
});
var TableProgressPer = styled.div(_templateObject106 || (_templateObject106 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  letter-spacing: 0.75px;\n"])), function (_ref231) {
  var theme = _ref231.theme;
  return theme.fontWorkSansRegular;
}, function (_ref232) {
  var theme = _ref232.theme;
  return theme.fontSize_10;
}, function (_ref233) {
  var theme = _ref233.theme;
  return theme.colourTextPrimary;
});
var TableBodyContentWrapper = styled.div(_templateObject107 || (_templateObject107 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  display: inline-grid;\n  text-align: center;\n"])), function (_ref234) {
  var theme = _ref234.theme;
  return theme.colourTextPrimary;
}, function (_ref235) {
  var theme = _ref235.theme;
  return theme.fontWorkSansRegular;
}, function (_ref236) {
  var theme = _ref236.theme;
  return theme.fontSize_14;
});
var TableBodySubContentWrapper = styled(TableBodyContentWrapper)(_templateObject108 || (_templateObject108 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref237) {
  var theme = _ref237.theme;
  return theme.fontSize_10;
}, function (_ref238) {
  var theme = _ref238.theme;
  return theme.colourTextSecondary;
});
var TooltipWrapper = styled.div(_templateObject109 || (_templateObject109 = _taggedTemplateLiteral(["\n  padding: 10px 15px;\n  background: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  border-radius: 8px;\n"])), function (_ref239) {
  var theme = _ref239.theme;
  return theme.colourMaterialReversePrimary;
}, function (_ref240) {
  var theme = _ref240.theme;
  return theme.colourTextReversePrimary;
}, function (_ref241) {
  var theme = _ref241.theme;
  return theme.fontWorkSansRegular;
}, function (_ref242) {
  var theme = _ref242.theme;
  return theme.fontSize14;
});
var UserTaskNotificationBannerHeadingWrapper = styled.div(_templateObject110 || (_templateObject110 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  padding-top: 10px;\n  padding-left: 10px;\n"])), function (_ref243) {
  var theme = _ref243.theme;
  return theme.colourTextPrimary;
}, function (_ref244) {
  var theme = _ref244.theme;
  return theme.fontWorkSansMedium;
}, function (_ref245) {
  var theme = _ref245.theme;
  return theme.fontSize_18;
});
var UserTaskNotificationBannerSubHeadingWrapper = styled.div(_templateObject111 || (_templateObject111 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  padding-top: 10px;\n  padding-left: 10px;\n"])), function (_ref246) {
  var theme = _ref246.theme;
  return theme.colourTextSecondary;
}, function (_ref247) {
  var theme = _ref247.theme;
  return theme.fontWorkSansRegular;
}, function (_ref248) {
  var theme = _ref248.theme;
  return theme.fontSize_14;
});
var TaskNumberWrapper = styled.div(_templateObject112 || (_templateObject112 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref249) {
  var theme = _ref249.theme;
  return theme.fontWorkSansMedium;
}, function (_ref250) {
  var theme = _ref250.theme;
  return theme.fontSize_18;
}, function (_ref251) {
  var theme = _ref251.theme;
  return theme.colourTextReversePrimary;
});
var TaskTextWrapper = styled(TaskNumberWrapper)(_templateObject113 || (_templateObject113 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: ", ";\n"])), function (_ref252) {
  var theme = _ref252.theme;
  return theme.fontSize14;
}, function (_ref253) {
  var theme = _ref253.theme;
  return theme.fontWeight_400;
});
var Live = styled.div(_templateObject114 || (_templateObject114 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  color: ", ";\n  word-spacing: 5px;\n  letter-spacing: 0.1px;\n"])), function (_ref254) {
  var theme = _ref254.theme;
  return theme.fontWorkSansRegular;
}, function (_ref255) {
  var theme = _ref255.theme;
  return theme.fontSize_10;
}, function (_ref256) {
  var theme = _ref256.theme;
  return theme.colourTextSecondary;
}); // New statistic component

var StatisticComponentHeadingTextWrapper = styled.div(_templateObject115 || (_templateObject115 = _taggedTemplateLiteral(["\n  font-size: ", " !important;\n  font-family: ", ";\n  color: ", " !important;\n"])), function (_ref257) {
  var theme = _ref257.theme;
  return theme.fontSize_12;
}, function (_ref258) {
  var theme = _ref258.theme;
  return theme.fontWorkSansMedium;
}, function (_ref259) {
  var theme = _ref259.theme;
  return theme.colourTextSecondary;
});
var StatisticComponentDetailsTextWrapper = styled.div(_templateObject116 || (_templateObject116 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-family: ", ";\n  color: ", ";\n"])), function (_ref260) {
  var theme = _ref260.theme;
  return theme.fontSize_30;
}, function (_ref261) {
  var theme = _ref261.theme;
  return theme.fontWorkSansMedium;
}, function (_ref262) {
  var theme = _ref262.theme;
  return theme.colourTextPrimary;
});
var StatisticComponentCaptionTextWrapper = styled.div(_templateObject117 || (_templateObject117 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-family: ", ";\n  color: ", ";\n"])), function (_ref263) {
  var theme = _ref263.theme;
  return theme.fontSize_10;
}, function (_ref264) {
  var theme = _ref264.theme;
  return theme.fontWorkSansRegular;
}, function (_ref265) {
  var theme = _ref265.theme;
  return theme.colourTextSecondary;
});
var PaginationWrapper = styled.div(_templateObject118 || (_templateObject118 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-family: ", ";\n"])), function (_ref266) {
  var theme = _ref266.theme;
  return theme.fontSize_10;
}, function (_ref267) {
  var theme = _ref267.theme;
  return theme.fontWorkSansRegular;
});
var PerPageWrapper = styled.div(_templateObject119 || (_templateObject119 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-family: ", ";\n  margin-left: 10px;\n  line-height: 12px;\n  width: 140px;\n  height: 12px;\n"])), function (_ref268) {
  var theme = _ref268.theme;
  return theme.fontSize_10;
}, function (_ref269) {
  var theme = _ref269.theme;
  return theme.fontWorkSansRegular;
}); // vehicle cards

var VehicleName = styled.div(_templateObject120 || (_templateObject120 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: \"normal\";\n  color: ", ";\n  letter-spacing: 0.1px;\n"])), function (_ref270) {
  var theme = _ref270.theme;
  return theme.fontWorkSansRegular;
}, function (_ref271) {
  var theme = _ref271.theme;
  return theme.fontSize_14;
}, function (_ref272) {
  var theme = _ref272.theme;
  return theme.colourTextPrimary;
});

export { AddChartDropdownHeaderWrapper, AdvancedFiltersFix, AdvancedFiltersPaddingFix, AnalyticPresent, AnalyticPresenttrip, CardDetailsWrapper, CardHolderNameWrapper, Chargingslotdetail, ChatbarWrapper, ColorPickerHeadWrapper, Dockedat, Dockedate, Dockedby, DockedbyName, FiltersPaddingFix, FleetFiltersHeaderWrapper, GeofencingFiltersHeaderWrapper, GeofencingFiltersSectionHeaderWrapper, HeatMapFiltersHeaderWrapper, HeatMapFiltersSectionHeaderWrapper, HeatmapCellHoverHeaderHeadingWrapper, HeatmapCellHoverHeaderSubHeadingWrapper, HeatmapCellHoverSectionContentWrapper, HeatmapRangeSliderLabelWrapper, HelpCenterMenuHeaderWrapper, HelpCenterMenuNavHeaderWrapper, HelpCenterMenuVersionWrapper, Live, LiveMapFiltersAdvanceFiltersHeaderWrapper, LiveMapFiltersAdvanceFiltersSectionHeaderWrapper, LiveMapFiltersAdvanceFiltersSectionlabelWrapper, LiveMapFiltersAdvanceFiltersSettingsSectionWrapper, LiveMapFiltersHeaderWrapper, LiveMapFiltersSectionHeaderWrapper, LiveStatus, MapDataLabel, Messagenew, Modaltext, OnBoardCardCenterLabel, OnBoardCardHead, OnBoardDefaultLable, PaginationWrapper, PanelHeadertext, Paneltext, Paragraph, PaymentContentWrapper, PerPageWrapper, Port1, PortFree, PortVehicleName, Portboxnew, ProgressPer, ProgressPercent, RangeSliderLabelWrapper, RangeSliderMarkers, RequiredTextWrapper, RichTextEditorComponentSubHeadingWrapper, RichTextEditorHeaderWrapper, SectionHeaderHeadingWrapper, SectionHeaderSubHeadingWrapper, StationHoverHeaderHeadingWrapper, StationHoverHeaderSubHeadingWrapper, StationHoverSectionHeadingWrapper, StationHoverSectionSubHeadingWrapper, Statistic, StatisticComponentCaptionTextWrapper, StatisticComponentDetailsTextWrapper, StatisticComponentHeadingTextWrapper, StatisticName, TableBodyContentWrapper, TableBodySubContentWrapper, TableHeaderHeadingWrapper, TableProgressPer, TaskNumberWrapper, TaskTextWrapper, TextLabel, TextNumber, ToastText, TooltipWrapper, TotalTripText, TripHoverHeaderHeadingWrapper, TripHoverHeaderSubHeadingWrapper, TripHoverSectionHeadingWrapper, TripHoverSectionSubHeadingWrapper, UserTaskNotificationBannerHeadingWrapper, UserTaskNotificationBannerSubHeadingWrapper, VehicleFiltersHeaderWrapper, VehicleMapFiltersHeaderWrapper, VehicleMapFiltersSectionHeaderWrapper, VehicleMarkerCompletedRideHeaderHeadingWrapper, VehicleMarkerCompletedRideHeaderSubHeadingWrapper, VehicleMarkerCompletedRideRatingsHeadingWrapper, VehicleMarkerCompletedRideStatisticsSectionContentTextWrapper, VehicleMarkerCompletedRideStatisticsSectionContentValueWrapper, VehicleMarkerCompletedRideVehicleCardSectionHeadingWrapper, VehicleMarkerRiderDetailsCurrentUserSectionHeadingWrapper, VehicleMarkerRiderDetailsCurrentUserSectionUsernameWrapper, VehicleMarkerRiderDetailsFlagContentHeadingWrapper, VehicleMarkerRiderDetailsHeaderHeadingWrapper, VehicleMarkerRiderDetailsHeaderSubHeadingWrapper, VehicleMarkerRiderDetailsTimingsHeadingWrapper, VehicleMarkerRiderDetailsTimingsTimeWrapper, VehicleMarkerRiderDetailsVehicleCardSectionHeadingWrapper, VehicleMarkerVehicleDetailsConnectionSectionHeadingWrapper, VehicleMarkerVehicleDetailsConnectionSectionTimingsContentWrapper, VehicleMarkerVehicleDetailsConnectionSectionTimingsHeadingWrapper, VehicleMarkerVehicleDetailsDetailsSectionContentWrapper, VehicleMarkerVehicleDetailsDetailsSectionHeadingWrapper, VehicleMarkerVehicleDetailsFlagContentHeadingWrapper, VehicleMarkerVehicleDetailsTicketSectionHeadingWrapper, VehicleMarkerVehicleDetailsTicketSectionSubHeadingWrapper, VehicleMarkerVehicleDetailsVehicleNumberSectionHeadingWrapper, VehicleMarkerVehicleDetailsVehicleNumberSectionSubHeadingWrapper, VehicleName, ZoneHoverHeaderHeadingWrapper, ZoneHoverHeaderSubHeadingWrapper, ZoneHoverSectionHeadingWrapper, ZoneHoverSectionSubHeadingWrapper };
//# sourceMappingURL=index.js.map
