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

var _templateObject;
var DropdownMultiSelect = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  gap: 10px;\n  #DropdownMultiSelect {\n    font-family: ", ";\n  }\n  .chip {\n    height: 37px;\n    color: ", ";\n    background: ", ";\n    border-radius: 4px;\n    gap: 10px;\n    padding: 9px 14px;\n    font-size: ", ";\n    :hover {\n      background: ", ";\n    }\n\n    > i {\n      cursor: pointer;\n    }\n  }\n\n  .searchWrapper {\n    padding: 9px 14px;\n    background: ", ";\n    font-size: ", ";\n    border: 1px solid ", ";\n    gap: 11px;\n    display: flex;\n    width: 100%;\n  }\n\n  .multiSelectContainer input {\n    width: 100%;\n    font-size: ", ";\n    margin-top: 0px;\n    font-family: ", ";\n  }\n\n  .multiSelectContainer li {\n    padding: 10px 16px;\n    font-size: ", ";\n  }\n\n  .multiSelectContainer li:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  .highlightOption {\n    background: none;\n    color: ", ";\n  }\n\n  .icon_down_dir:before {\n    content: \"\";\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.fontWorkSansRegular;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourBrandPrimaryDark;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourBrandPrimaryTintExtraLight;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontSize_16;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourMaterialSecondaryHover;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourMaterialPrimary;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.fontSize_16;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourMaterialBorder;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.fontSize_16;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.fontWorkSansRegular;
}, function (_ref11) {
  var theme = _ref11.theme;
  return theme.fontSize_14;
}, function (_ref12) {
  var theme = _ref12.theme;
  return theme.colourMaterialPrimaryHover;
}, function (_ref13) {
  var theme = _ref13.theme;
  return theme.colourTextPrimary;
}, function (_ref14) {
  var theme = _ref14.theme;
  return theme.colourTextPrimary;
});

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