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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
var centerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
var TripHeatMap = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 20px;\n  border-radius: 4px;\n  background: ", ";\n\n  :hover {\n    background: ", ";\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourBrandPrimary;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourBrandPrimaryDark;
});
var MainTrip = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-bottom: 20px;\n  ", "\n  > div:nth-child(2) {\n    svg {\n      path {\n        fill: ", ";\n      }\n    }\n  }\n"])), centerCss, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourTextReversePrimary;
});
var TripHeatMapCardIconWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  letter-spacing: 0.75px;\n  margin-top: 3px;\n  margin-bottom: 3px;\n  svg {\n    height: 19px;\n  }\n"])), function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontWorkSansRegular;
});
var Statisticmain = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), centerCss);

export { MainTrip, Statisticmain, TripHeatMap, TripHeatMapCardIconWrapper };
//# sourceMappingURL=style.js.map
