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

var _templateObject, _templateObject2, _templateObject3;
var sizeCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n"])));
var HeatmapRangeSliderWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 10px 14px;\n  border: 1px solid ", ";\n  border-radius: 4px;\n  span {\n    padding: 0px;\n\n    > span:first-child {\n      height: 2px;\n      background: linear-gradient(to right, ", ", ", " 33.33%, ", " 33.33%, ", " 66.66%, ", " 66.66%);\n      opacity: 1;\n    }\n\n    > span:nth-child(2) {\n      background: transparent;\n      border: none;\n    }\n\n    > span:nth-child(3) {\n", "\n      cursor: pointer;\n      color: ", ";\n      border: 1px solid ", ";\n      box-shadow: none;\n\n      :hover {\n        box-shadow: none;\n      }\n      > span {\n        display: none;\n      }\n    }\n\n    > span:last-child {\n      ", "\n\n      color: ", ";\n      border: 1px solid ", ";\n      box-shadow: none;\n\n      :hover {\n        box-shadow: none;\n      }\n      > span {\n        display: none;\n      }\n    }\n    }\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialBorder;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourData3;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourData3;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourData2;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourData2;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourData1;
}, sizeCss, function (_ref7) {
  var theme = _ref7.theme;
  return theme.colourMaterialPrimary;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourMaterialBorder;
}, sizeCss, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourMaterialPrimary;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.colourMaterialBorder;
});
var HeatmapRangeSliderMarkerWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n"])));

export { HeatmapRangeSliderMarkerWrapper, HeatmapRangeSliderWrapper };
//# sourceMappingURL=style.js.map
