.multiselect-native-select{--multiselect-padding-x:0.875rem;--multiselect-max-height:280px;--multiselect-bg:var(--white);--multiselect-color:var(--body-color);--multiselect-border-color:var(--gray-400);--multiselect-border-radius:var(--border-radius);--multiselect-focus-border-color:var(--component-active-bg);--multiselect-focus-box-shadow:var(--focus-ring-box-shadow);--multiselect-disabled-color:var(--body-color);--multiselect-disabled-bg:var(--gray-100);--multiselect-disabled-border-color:var(--gray-400);position:relative;display:block}
.multiselect-native-select[data-color-theme=dark],[data-color-theme=dark] .multiselect-native-select:not([data-color-theme]),html[data-color-theme=dark] .multiselect-native-select{color-scheme:dark;--multiselect-bg:#2c2d33}
.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:0!important;left:0;top:0;display:none}
.multiselect{display:-ms-flexbox;display:flex;text-align:left;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--multiselect-padding-x);padding-right:var(--multiselect-padding-x);color:var(--multiselect-color);background-color:var(--multiselect-bg);border-color:var(--multiselect-border-color);transition:border-color var(--transition-base-timer) ease-in-out,box-shadow var(--transition-base-timer) ease-in-out;border-radius:var(--multiselect-border-radius)}
@media (prefers-reduced-motion:reduce){.multiselect{transition:none}
}
.multiselect.btn{cursor:default}
.multiselect .multiselect-selected-text{-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multiselect:hover{background-color:var(--multiselect-bg);border-color:var(--multiselect-border-color)}
.multiselect.show,.multiselect.show:focus,.multiselect:active,.multiselect:active:focus,.multiselect:focus{background-color:var(--multiselect-bg);border-color:var(--multiselect-focus-border-color);box-shadow:var(--multiselect-focus-box-shadow)}
.multiselect.disabled{color:var(--multiselect-disabled-color);background-color:var(--multiselect-disabled-bg);border-color:var(--multiselect-disabled-border-color)}
.multiselect.btn-lg{--multiselect-padding-x:1rem}
.multiselect.btn-sm{--multiselect-padding-x:0.75rem}
.multiselect-container{max-height:var(--multiselect-max-height);overflow-y:auto;width:100%}
.multiselect-group{font-weight:600}
.multiselect-all{font-weight:600}
.multiselect-filter{position:relative;padding:var(--dropdown-padding-y) var(--dropdown-item-padding-x);margin-bottom:var(--dropdown-padding-y)}
.multiselect-group-option-indented{padding-left:calc(var(--dropdown-item-padding-x) * 2)}
.input-group .multiselect-native-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}
.input-group .multiselect-native-select:not(:first-child) .multiselect{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group .multiselect-native-select:not(:last-child) .multiselect{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group .multiselect:focus,.input-group .show>.multiselect{z-index:3}
.swal2-popup .btn-group,.swal2-popup .multiselect-native-select,.swal2-popup .select2-container{margin-top:var(--spacer)}

/* Project fix (not part of the vendored theme): bootstrap_multiselect.js's
   own filter-search template hardcodes the legacy "form-control-feedback-left"
   class, but this theme's bundled CSS only styles "-start"/"-end" - so the
   search icon was never absolutely positioned and just overlapped the typed
   text instead of sitting to the left of it. Fixed directly here since every
   multiselect on the site (vendor onboarding, account settings) shares this
   one stylesheet. */
.multiselect-filter .form-control-feedback-icon{position:absolute;top:0;left:0;width:2.5rem;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.multiselect-filter .multiselect-search{padding-left:2.5rem}