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

var _templateObject;
var DropdownWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  gap: 10px;\n  .DropdownContainer {\n    display: flex;\n    gap: 20px;\n    font-family: ", ";\n    > div {\n      width: 100%;\n    }\n  }\n\n  .gfIOUM {\n    padding-left: 119px;\n  }\n\n  .chip {\n    border-radius: 4px;\n    gap: 0px;\n    padding: 4px 4px;\n    left: 0px;\n    top: 0px;\n    margin-bottom: 0px;\n    font-size: ", ";\n  }\n\n  #DropdownSelect {\n    flex-direction: column;\n    aligh-items: column;\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      :hover {\n        background: ", ";\n      }\n    }\n\n    .icon_down_dir:before {\n      content: \"\";\n    }\n  }\n\n  .multiSelectContainer ul {\n    font-family: ", ";\n\n    font-size: ", ";\n  }\n\n  .multiSelectContainer li:hover {\n    color: ", ";\n    background: ", ";\n  }\n\n  .multiSelectContainer li {\n    padding: 10px 16px;\n  }\n\n  .multiSelectContainer input {\n    width: 100%;\n    font-size: ", ";\n\n    margin-top: 0px;\n    font-family: ", ";\n  }\n\n  .icon_down_dir {\n    position: absolute;\n    right: 10px;\n    transform: translateY(-50%);\n    width: 10px;\n  }\n\n  .fdMgXG {\n    width: 100%;\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.fontWorkSansRegular;
}, function (_ref2) {
  var size = _ref2.size;
  return size;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialBorder;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialPrimary;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourMaterialPrimaryHover;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.fontWorkSansRegular;
}, function (_ref7) {
  var size = _ref7.size;
  return size;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourTextPrimary;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourMaterialPrimaryHover;
}, function (_ref10) {
  var size = _ref10.size;
  return size;
}, function (_ref11) {
  var theme = _ref11.theme;
  return theme.fontWorkSansRegular;
});

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