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

var _templateObject;
var DropdownMenuItemCheckboxSelect = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.chip {\n    height: 37px;\n    color :  ", ";\n    background: ", ";\n    border-radius: 4px;\n    gap: 10px;\n    margin-bottom : 0px ;\n    font-size: ", ";\n    :hover {\n        background : ", ";\n    }\n}\n\n#DropdownMenuItemCheckbox {\n    font-family : ", ";\n    width: 100%;\n    height: 47px;\n    gap: 10px;\n    \n    .searchWrapper {\n        border: 1px solid ", ";\n        border-radius: 4px;\n        padding: 9px 14px;\n        position: relative;\n        background: ", ";\n    }\n\n    .icon_down_dir:before {\n        content: \"\";        \n    }\n\n}\n\n.Checkbox {\n    accent-color: ", "; !important;\n}\n\n.optionListContainer {\n    color: ", ";\n}\n\n.multiSelectContainer li:hover {\n    background: ", ";\n    color: ", ";\n}\n\n.multiSelectContainer ul {\n    font-size: ", ";\n}\n\n.multiSelectContainer li {\n    padding: 10px 16px;\n}\n\n.multiSelectContainer input {\n    margin-top: 0px;\n}\n\n.icon_down_dir {\n    position: absolute;\n    right: 15px;\n    transform: translateY(-50%);\n    width: 10px;\n}\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourBrandPrimaryDark;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourBrandPrimaryTintExtraLight;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontSize14;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialSecondaryHover;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.fontWorkSansRegular;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourMaterialBorder;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.colourMaterialPrimary;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourBrandPrimary;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourTextPrimary;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.colourMaterialPrimaryHover;
}, function (_ref11) {
  var theme = _ref11.theme;
  return theme.colourTextPrimary;
}, function (_ref12) {
  var theme = _ref12.theme;
  return theme.fontSize14;
});

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