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

var _templateObject, _templateObject2;
var sizeCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n"])));
var CheckboxWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: inline-flex;\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      > input {\n        display: none;\n      }\n\n      :hover {\n        background: none;\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  .css-1m9pwf3 {\n    ", "\n    position: unset;\n  }\n  .Mui-checked {\n    color: ", " !important;\n  }\n  .css-i4bv87-MuiSvgIcon-root {\n    ", "\n  }\n  .css-8je8zh-MuiTouchRipple-root {\n    display: none;\n  }\n  .css-1jg3gx8-MuiButtonBase-root-MuiCheckbox-root:hover {\n    background: none;\n  }\n"])), sizeCss, function (_ref) {
  var theme = _ref.theme;
  return theme.colourTextPrimary;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.fontWorkSansRegular;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontSize_14;
}, sizeCss, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourBrandPrimary;
}, sizeCss);

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