{"version":3,"file":"bundle.css","mappings":"AAYA,0BACE,YACA,aACA,oBANwB,CAQxB,gCACE,oBATsB,CAYxB,kFAEE,gCACA,gBAIJ,8BACE,aArBwB,CAwB1B,kCACE,gBAvBU,CAwBV,iBAxBU,CA6BV,kHACE,oBACA,iBACA,kKACE,WACA,YAEF,0JACE,iBAKN,8BACE,mBACA,SACA,6BAGF,qCACE,iBACA,eACA,cAGF,sCACE,UAEA,4CACE,6BAKF,0EAEE,gBAIJ,uBACE,aAGF,yBACE,WA1EU,CA4EV,qCACE,wBAlFmB,CAmFnB,UApFU,CAwFd,6BACE,YACA,yDACE,Y","sources":["webpack://carbon-field-react-select/./src/style.scss"],"sourcesContent":["/* ==========================================================================\r\n   React Select css\r\n   ========================================================================== */\r\n\r\n$color-white: #fff;\r\n$wp-color-medium-blue: #00a0d2;\r\n$wp-color-base-gray: #32373c;\r\n$wp-color-dark-silver-gray: #82878c;\r\n$wp-color-gray-light-800: lighten($wp-color-base-gray, 52%);\r\n$wp-color-gray-light-500: lighten($wp-color-base-gray, 68%);\r\n$size-base: 4px;\r\n\r\n.cf-react-select__control {\r\n  height: 30px;\r\n  min-height: 0;\r\n  border-color: $wp-color-gray-light-500;\r\n\r\n  &:hover {\r\n    border-color: $wp-color-gray-light-500;\r\n  }\r\n\r\n  &--is-focused,\r\n  &--is-focused:hover {\r\n    border-color: $wp-color-medium-blue !important;\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.cf-react-select__placeholder {\r\n  color: $wp-color-gray-light-800;\r\n}\r\n\r\n.cf-react-select__value-container {\r\n  padding-left: $size-base;\r\n  padding-right: $size-base;\r\n}\r\n\r\n.cf-react-select__single-value,\r\n.cf-react-select__menu {\r\n  .input-select-label-with-icon {\r\n    display: inline-flex;\r\n    line-height: 15px;\r\n    .input-select__icon svg {\r\n      width: 30px;\r\n      height: 15px;\r\n    }\r\n    .input-select__icon {\r\n      margin-right: 5px;\r\n    }\r\n  }\r\n}\r\n\r\n.cf-react-select__multi-value {\r\n  align-items: center;\r\n  margin: 0;\r\n  background-color: transparent;\r\n}\r\n\r\n.cf-react-select__multi-value__label {\r\n  padding-left: 3px;\r\n  font-size: 12px;\r\n  line-height: 1;\r\n}\r\n\r\n.cf-react-select__multi-value__remove {\r\n  padding: 0;\r\n\r\n  &:hover {\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n.cf-react-select__input {\r\n  input[id],\r\n  input[id]:focus {\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.cf-react-select__menu {\r\n  z-index: 9999;\r\n}\r\n\r\n.cf-react-select__option {\r\n  padding: $size-base;\r\n\r\n  &--is-focused {\r\n    background-color: $wp-color-medium-blue;\r\n    color: $color-white;\r\n  }\r\n}\r\n\r\n.cf-react-select__indicators {\r\n  height: 30px;\r\n  .cf-react-select__indicator {\r\n    padding: 4px;\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}