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

var _templateObject;
var RangeSliderWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  flex-direction: row;\n  gap: 20px;\n  > span {\n    width: 225px;\n    padding: 0px;\n\n    > span:first-child {\n      background: ", ";\n      opacity: 1;\n    }\n    > span:nth-child(2) {\n      background: ", ";\n    }\n\n    > span:last-child {\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"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialBorder;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialBorder;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialPrimary;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialBorder;
});

export { RangeSliderWrapper };
//# sourceMappingURL=style.js.map
