{"version":3,"file":"PillsInput.css.cjs","sources":["../../../src/components/PillsInput/PillsInput.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const PillsInputFieldStyle = css({\n  backgroundColor: 'transparent',\n  appearance: 'none',\n  minWidth: '100px',\n  flex: 1,\n  border: 0,\n  fontSize: 'inherit',\n  height: '1.6em',\n  color: 'inherit',\n  padding: 0,\n\n  '&::placeholder': {\n    color: 'var(--input-placeholder-color)',\n    opacity: 1,\n  },\n\n  \"&:_where([data-type='hidden'], [data-type='auto'])\": {\n    height: '1px',\n    width: '1px',\n    top: 0,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    opacity: 0,\n  },\n\n  '&:focus': {\n    outline: 'none',\n  },\n\n  \"&:_where([data-type='auto']:focus)\": {\n    height: '1.6em',\n    visibility: 'visible',\n    opacity: 1,\n    position: 'static',\n  },\n\n  '&:_where([data-pointer]:not([data-disabled], :disabled))': {\n    cursor: 'pointer',\n  },\n\n  '&:_where([data-disabled], :disabled)': {\n    cursor: 'not-allowed',\n  },\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,uBAAuBA,SAAI,CAAA;AAAA,EACtC,eAAiB,EAAA,aAAA;AAAA,EACjB,UAAY,EAAA,MAAA;AAAA,EACZ,QAAU,EAAA,OAAA;AAAA,EACV,IAAM,EAAA,CAAA;AAAA,EACN,MAAQ,EAAA,CAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,MAAQ,EAAA,OAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,OAAS,EAAA,CAAA;AAAA,EAET,gBAAkB,EAAA;AAAA,IAChB,KAAO,EAAA,gCAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,oDAAsD,EAAA;AAAA,IACpD,MAAQ,EAAA,KAAA;AAAA,IACR,KAAO,EAAA,KAAA;AAAA,IACP,GAAK,EAAA,CAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,oCAAsC,EAAA;AAAA,IACpC,MAAQ,EAAA,OAAA;AAAA,IACR,UAAY,EAAA,SAAA;AAAA,IACZ,OAAS,EAAA,CAAA;AAAA,IACT,QAAU,EAAA;AAAA,GACZ;AAAA,EAEA,0DAA4D,EAAA;AAAA,IAC1D,MAAQ,EAAA;AAAA,GACV;AAAA,EAEA,sCAAwC,EAAA;AAAA,IACtC,MAAQ,EAAA;AAAA;AAEZ,CAAC;;;;"}