import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled 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;
var VehicleMarkerRiderDetailsWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 273px;\n  background: ", ";\n  box-shadow: 0px -3px 20px ", ";\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colorBoxShadow;
});
var VehicleMarkerVehicleDetailsWrapper = styled(VehicleMarkerRiderDetailsWrapper)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsHeaderContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n\n  > div {\n    > svg {\n      position: absolute;\n      top: 15px;\n      right: 20px;\n      cursor: pointer;\n    }\n  }\n"])));
var VehicleMarkerVehicleDetailsHeaderContainer = styled(VehicleMarkerRiderDetailsHeaderContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsHeaderWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background: ", ";\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n  padding: 24px 20px 16px 24px;\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialReversePrimary;
});
var VehicleMarkerVehicleDetailsHeaderWrapper = styled(VehicleMarkerRiderDetailsHeaderWrapper)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsVehicleNumberSectionWrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: 24px 16px 16px 24px;\n  border-bottom: 1px solid ", ";\n"])), function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialPrimary;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourMaterialBorder;
});
var VehicleMarkerRiderDetailFlagSectionContainer = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
var VehicleMarkerVehicleDetailsFlagSectionContainer = styled(VehicleMarkerRiderDetailFlagSectionContainer)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsFlagContentWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 14px 39px 14px 24px;\n  background: ", ";\n"])), function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourMaterialPrimary;
});
var VehicleMarkerVehicleDetailsFlagContentWrapper = styled(VehicleMarkerRiderDetailsFlagContentWrapper)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([""])));
var VehicleMarkerRiderDetailsFlagContentFlagIconsContainer = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 20px;\n  height: 20px;\n  border: 1px solid ", ";\n  border-radius: 4px;\n"])), function (_ref7) {
  var theme = _ref7.theme;
  return theme.colourMaterialBorder;
});
var VehicleMarkerVehicleDetailsFlagContentFlagIconsContainer = styled(VehicleMarkerRiderDetailsFlagContentFlagIconsContainer)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  border: none;\n  background: ", ";\n  > div {\n    svg {\n      > path {\n        fill: ", ";\n        fill-opacity: 1;\n      }\n    }\n  }\n"])), function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourBrandPrimary;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourTextReversePrimary;
});
var VehicleMarkerRiderDetailsFlagContentFlagIconsWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n"])));
var VehicleMarkerVehicleDetailsFlagContentFlagIconsWrapper = styled(VehicleMarkerRiderDetailsFlagContentFlagIconsWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-top: 5px;\n"])));
var VehicleMarkerRiderDetailsFlagContentQRWrapper = styled(VehicleMarkerRiderDetailsFlagContentWrapper)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  border-left: 1px solid ", ";\n  padding: 14px 24px;\n  svg {\n    width: 50px;\n    height: 50px;\n  }\n"])), function (_ref10) {
  var theme = _ref10.theme;
  return theme.colourMaterialBorder;
});
var VehicleMarkerVehicleDetailsFlagContentQRWrapper = styled(VehicleMarkerRiderDetailsFlagContentQRWrapper)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral([""])));
var VehicleMarkerCompletedRideRatingsWrapper = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  background: ", ";\n  padding: 14px 24px;\n"])), function (_ref11) {
  var theme = _ref11.theme;
  return theme.colourMaterialPrimary;
});
var VehicleMarkerVehicleDetailsTicketSectionWrapper = styled(VehicleMarkerCompletedRideRatingsWrapper)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsConnectionSectionWrapper = styled(VehicleMarkerVehicleDetailsTicketSectionWrapper)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsConnectionSectionTimingsContainer = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  margin-top: 14px;\n  display: inline-flex;\n  gap: 14px;\n"])));
var VehicleMarkerVehicleDetailsConnectionSectionTimingsWrapper = styled.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: inline-grid;\n  gap: 5px;\n"])));
var VehicleMarkerVehicleDetailsDetailsSectionWrapper = styled(VehicleMarkerVehicleDetailsConnectionSectionWrapper)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([""])));
var VehicleMarkerVehicleDetailsDetailsSectionDetailsWrapper = styled.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: inline-grid;\n  gap: 14px;\n"])));
var VehicleMarkerVehicleDetailsDetailsSectionContentContainer = styled.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: inline-grid;\n  gap: 5px;\n"])));
var VehicleMarkerVehicleDetailsEditVehicleSectionWrapper = styled(VehicleMarkerRiderDetailsFlagContentWrapper)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  padding: 14px 24px;\n  > div {\n    width: 100%;\n    height: auto;\n    padding: 9px 0px 9px;\n    background: white;\n    border: 1px solid #e8e8e8;\n    border-radius: 4px;\n    &:hover {\n      background: ", ";\n    }\n  }\n"])), function (_ref12) {
  var theme = _ref12.theme;
  return theme.colourMaterialPrimaryHover;
});

export { VehicleMarkerCompletedRideRatingsWrapper, VehicleMarkerRiderDetailFlagSectionContainer, VehicleMarkerRiderDetailsFlagContentFlagIconsContainer, VehicleMarkerRiderDetailsFlagContentFlagIconsWrapper, VehicleMarkerRiderDetailsFlagContentQRWrapper, VehicleMarkerRiderDetailsFlagContentWrapper, VehicleMarkerRiderDetailsHeaderContainer, VehicleMarkerRiderDetailsHeaderWrapper, VehicleMarkerRiderDetailsWrapper, VehicleMarkerVehicleDetailsConnectionSectionTimingsContainer, VehicleMarkerVehicleDetailsConnectionSectionTimingsWrapper, VehicleMarkerVehicleDetailsConnectionSectionWrapper, VehicleMarkerVehicleDetailsDetailsSectionContentContainer, VehicleMarkerVehicleDetailsDetailsSectionDetailsWrapper, VehicleMarkerVehicleDetailsDetailsSectionWrapper, VehicleMarkerVehicleDetailsEditVehicleSectionWrapper, VehicleMarkerVehicleDetailsFlagContentFlagIconsContainer, VehicleMarkerVehicleDetailsFlagContentFlagIconsWrapper, VehicleMarkerVehicleDetailsFlagContentQRWrapper, VehicleMarkerVehicleDetailsFlagContentWrapper, VehicleMarkerVehicleDetailsFlagSectionContainer, VehicleMarkerVehicleDetailsHeaderContainer, VehicleMarkerVehicleDetailsHeaderWrapper, VehicleMarkerVehicleDetailsTicketSectionWrapper, VehicleMarkerVehicleDetailsVehicleNumberSectionWrapper, VehicleMarkerVehicleDetailsWrapper };
//# sourceMappingURL=style.js.map
