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

var _templateObject;
var LabeledCheckboxWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\ndisplay: inline-flex;\n  .Mui-checked {\n    color: ", " !important;\n  }\n\n  .css-8je8zh-MuiTouchRipple-root{\n    display: none;\n  }\n\n  .css-1jg3gx8-MuiButtonBase-root-MuiCheckbox-root {\n    padding: 0px;\n    margin-right: 5px;\n  }\n  }\n\n  label {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n    gap: 5px;\n\n    span {\n      color: ", ";\n      font-family: ", ";\n      font-size: ", ";\n      padding: 0;\n\n      :hover {\n        background: none;\n      }\n\n      \n      svg {\n        width: 13px;\n        height: 13px;\n      }\n\n      .CheckBoxCheckedIconWrapper{\n        display: flex;\n      }\n\n      .UnCheckBoxCheckedIconWrapper{\n        display: flex;\n        >svg{\n          fill-opacity: 0.38;\n        }\n      }\n\n    }\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourBrandPrimary;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourTextPrimary;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontWorkSansRegular;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontSize_14;
});

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