/* MULTI SELECT 
 *
 * css for dcc select 
 * generally avoid this in favor of Mantine Multi-select
 * */

/**/
/**/
/* /* 1) Make the control the same height as your other inputs */ */
/* .gc-select .Select-control{ */
/*   height: 1.7em; */
/*   min-height: 1.7em; */
/*   padding: 0 !important;               /* key: kill react-select padding */ */
/*   border-radius: 0.25em; */
/*   border: 1px solid #dadada !important; */
/*   background: transparent; */
/*   box-shadow: none; */
/* } */
/**/
/* /* 2) Force the inner containers to fill the height */ */
/* .gc-select .Select-value, */
/* .gc-select .Select-placeholder{ */
/*   line-height: 1.7em !important; */
/*   height: 1.7em !important; */
/*   display: flex !important; */
/*   align-items: center !important; */
/*   color: #dadada */
/* } */
/**/
/* .gc-select .Select-input{ */
/*   height: 1.7em !important; */
/* } */
/**/
/* .gc-select .Select-input > input{ */
/*   line-height: 1.7em !important; */
/*   padding: 0 !important; */
/* } */
/**/
/* /* 3) Multi-select wrapper: keep it one line and vertically centered */ */
/* .gc-select.Select--multi .Select-multi-value-wrapper{ */
/*   height: 1.7em !important; */
/*   display: flex !important; */
/*   align-items: center !important; */
/*   overflow: hidden; */
/* } */
/**/
/* /* 4) Chips: remove vertical margins that inflate the control */ */
/* .gc-select.Select--multi .Select-value{ */
/*   height: 1.7em !important; */
/*   margin: 0 0.35em 0 0 !important;     /* no top/bottom margin */ */
/*   display: flex !important; */
/*   align-items: center !important; */
/* } */
/**/
/* .gc-select.Select--multi .Select-value-label{ */
/*   line-height: 1.7em !important; */
/*   padding: 0 0.4em !important; */
/* } */
/**/
/* .gc-select.Select--multi .Select-value-icon{ */
/*   height: 1.7em !important; */
/*   display: flex !important; */
/*   align-items: center !important; */
/*   padding: 0 0.35em !important; */
/* } */
/**/
/* .gc-select .Select-arrow-zone, */
/* .gc-select .Select-clear-zone{ */
/*   line-height: 1.72em !important; */
/* } */
/**/
/**/
/* /* Menu container */ */
/* .gc-select .Select-menu-outer { */
/*   background-color: #0f1115 !important; */
/*   border: 1px solid rgba(255,255,255,0.20) !important; */
/*   box-shadow: none !important; */
/* } */
/**/
/* /* Inner menu */ */
/* .gc-select .Select-menu { */
/*   background-color: #0f1115 !important; */
/* } */
/**/
/* /* Non-virtualized options (sometimes used) */ */
/* .gc-select .Select-option { */
/*   background-color: #0f1115 !important; */
/*   color: rgba(255,255,255,0.90) !important; */
/* } */
/* .gc-select .Select-option.is-focused { */
/*   background-color: rgba(255,255,255,0.08) !important; */
/* } */
/* .gc-select .Select-option.is-selected { */
/*   background-color: rgba(255,255,255,0.12) !important; */
/* } */
/**/
/* /* Virtualized options (Dash commonly uses these) */ */
/* .gc-select .VirtualizedSelectOption { */
/*   background-color: #0f1115 !important; */
/*   color: rgba(255,255,255,0.90) !important; */
/* } */
/* .gc-select .VirtualizedSelectFocusedOption { */
/*   background-color: rgba(255,255,255,0.08) !important; */
/* } */
/* .gc-select .VirtualizedSelectSelectedOption { */
/*   background-color: rgba(255,255,255,0.12) !important; */
/* } */
/**/
/* /* “No results found” */ */
/* .gc-select .Select-noresults { */
/*   background-color: #0f1115 !important; */
/*   color: rgba(255,255,255,0.65) !important; */
/* } */
/**/
/* /* Remove the clear (×) icon on the right */ */
/* .gc-select .Select-clear-zone { */
/*   display: none !important; */
/* } */
/**/