import o from"../colors.js";const r={control:(r,{menuIsOpen:e})=>({...r,"&:hover":{borderColor:o.black},backgroundColor:o["gray-lighter"],borderColor:e?o.black:o["gray-light"],borderStyle:"solid",boxShadow:e?`0 0 0 1px ${o.black}`:"none"}),indicatorSeparator:()=>({display:"none"}),menuPortal:o=>({...o,zIndex:9999}),multiValue:r=>({...r,alignItems:"center",backgroundColor:o.white,borderColor:o["gray-light"],borderStyle:"solid",borderWidth:"1px",maxWidth:"15rem"}),multiValueLabel:o=>({...o,fontSize:"100%"}),option:(r,e)=>({...r,backgroundColor:e.isFocused?o["gray-lighter"]:o.white,color:o.black}),singleValue:r=>({...r,backgroundColor:o["gray-lighter"],border:"none"})};export{r as reactSelectStyles};
//# sourceMappingURL=TypeaheadStyles.js.map
