:root, [data-coreui-theme=light] {
    --cui-blue: #0d6efd;
    --cui-indigo: #6610f2;
    --cui-purple: #6f42c1;
    --cui-pink: #d63384;
    --cui-red: #dc3545;
    --cui-orange: #fd7e14;
    --cui-yellow: #ffc107;
    --cui-green: #198754;
    --cui-teal: #20c997;
    --cui-cyan: #0dcaf0;
    --cui-black: #080a0c;
    --cui-white: #fff;
    --cui-gray: #6d7d9c;
    --cui-gray-dark: #323a49;
    --cui-gray-100: #f3f4f7;
    --cui-gray-200: #e7eaee;
    --cui-gray-300: #dbdfe6;
    --cui-gray-400: #cfd4de;
    --cui-gray-500: #aab3c5;
    --cui-gray-600: #6d7d9c;
    --cui-gray-700: #4a566d;
    --cui-gray-800: #323a49;
    --cui-gray-900: #212631;
    --cui-primary: #5856d6;
    --cui-secondary: #6b7785;
    --cui-success: #1b9e3e;
    --cui-info: #39f;
    --cui-warning: #f9b115;
    --cui-danger: #e55353;
    --cui-light: #f3f4f7;
    --cui-dark: #212631;
    --cui-primary-rgb: 88,86,214;
    --cui-secondary-rgb: 107,119,133;
    --cui-success-rgb: 27,158,62;
    --cui-info-rgb: 51,153,255;
    --cui-warning-rgb: 249,177,21;
    --cui-danger-rgb: 229,83,83;
    --cui-light-rgb: 243,244,247;
    --cui-dark-rgb: 33,38,49;
    --cui-primary-text-emphasis: #3634a3;
    --cui-secondary-text-emphasis: #212233;
    --cui-success-text-emphasis: #0f5722;
    --cui-info-text-emphasis: #184c77;
    --cui-warning-text-emphasis: #764705;
    --cui-danger-text-emphasis: #671414;
    --cui-light-text-emphasis: #4a566d;
    --cui-dark-text-emphasis: #323a49;
    --cui-primary-bg-subtle: #cfc7f3;
    --cui-secondary-bg-subtle: #ced2d8;
    --cui-success-bg-subtle: #cbedd6;
    --cui-info-bg-subtle: #c0e6ff;
    --cui-warning-bg-subtle: #feecc5;
    --cui-danger-bg-subtle: #f9d4d4;
    --cui-light-bg-subtle: rgb(249, 249.5, 251);
    --cui-dark-bg-subtle: #cfd4de;
    --cui-primary-border-subtle: #9d92e6;
    --cui-secondary-border-subtle: #9da5b1;
    --cui-success-border-subtle: #96dbad;
    --cui-info-border-subtle: #80c6ff;
    --cui-warning-border-subtle: #fcd88a;
    --cui-danger-border-subtle: #f2a9a9;
    --cui-light-border-subtle: #e7eaee;
    --cui-dark-border-subtle: #aab3c5;
    --cui-white-rgb: 255,255,255;
    --cui-black-rgb: 8,10,12;
    --cui-primary-start: #5856d6;
    --cui-primary-stop: #6f67db;
    --cui-secondary-start: #c8d2dc;
    --cui-secondary-stop: #fff;
    --cui-success-start: #2eb85c;
    --cui-success-stop: #1b9e3e;
    --cui-info-start: #39f;
    --cui-info-stop: #2982cc;
    --cui-warning-start: #f9b115;
    --cui-warning-stop: #f6960b;
    --cui-danger-start: #e55353;
    --cui-danger-stop: #d93737;
    --cui-light-start: #e3e8ed;
    --cui-light-stop: #fff;
    --cui-dark-start: #3c4b64;
    --cui-dark-stop: #212333;
    --cui-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --cui-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --cui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --cui-body-font-family: var(--cui-font-sans-serif);
    --cui-body-font-size: 1rem;
    --cui-body-font-weight: 400;
    --cui-body-line-height: 1.5;
    --cui-body-color: rgba(37, 42.92, 54.02, 0.95);
    --cui-body-color-rgb: 37,42.92,54.02;
    --cui-body-bg: #fff;
    --cui-body-bg-rgb: 255,255,255;
    --cui-emphasis-color: #080a0c;
    --cui-emphasis-color-rgb: 8,10,12;
    --cui-secondary-color: rgba(37, 42.92, 54.02, 0.681);
    --cui-secondary-color-rgb: 37,42.92,54.02;
    --cui-secondary-bg: #e7eaee;
    --cui-secondary-bg-rgb: 231,234,238;
    --cui-tertiary-color: rgba(37, 42.92, 54.02, 0.38);
    --cui-tertiary-color-rgb: 37,42.92,54.02;
    --cui-tertiary-bg: #f3f4f7;
    --cui-tertiary-bg-rgb: 243,244,247;
    --cui-body-color-dark: rgba(255, 255, 255, 0.87);
    --cui-body-color-rgb-dark: 255,255,255;
    --cui-body-bg-dark: #212631;
    --cui-body-bg-rgb-dark: 33,38,49;
    --cui-emphasis-color-dark: #fff;
    --cui-emphasis-color-rgb-dark: 255,255,255;
    --cui-secondary-color-dark: rgba(255, 255, 255, 0.6);
    --cui-secondary-color-rgb-dark: 255,255,255;
    --cui-secondary-bg-dark: #323a49;
    --cui-secondary-bg-rgb-dark: 50,58,73;
    --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38);
    --cui-tertiary-color-rgb-dark: 255,255,255;
    --cui-tertiary-bg-dark: rgb(41.5, 48, 61);
    --cui-tertiary-bg-rgb-dark: 41.5,48,61;
    --cui-high-emphasis: rgba(37, 42.92, 54.02, 0.95);
    --cui-medium-emphasis: rgba(37, 42.92, 54.02, 0.681);
    --cui-disabled: rgba(37, 42.92, 54.02, 0.38);
    --cui-high-emphasis-inverse: rgba(255, 255, 255, 0.87);
    --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
    --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
    --cui-heading-color: inherit;
    --cui-link-color: #5856d6;
    --cui-link-color-rgb: 88,86,214;
    --cui-link-decoration: underline;
    --cui-link-hover-color: rgb(70.4, 68.8, 171.2);
    --cui-link-hover-color-rgb: 70.4,68.8,171.2;
    --cui-code-color: #d63384;
    --cui-highlight-color: rgba(37, 42.92, 54.02, 0.95);
    --cui-highlight-bg: rgb(255, 242.6, 205.4);
    --cui-border-width: 1px;
    --cui-border-style: solid;
    --cui-border-color: #dbdfe6;
    --cui-border-color-translucent: rgba(8, 10, 12, 0.175);
    --cui-border-radius: 0.375rem;
    --cui-border-radius-sm: 0.25rem;
    --cui-border-radius-lg: 0.5rem;
    --cui-border-radius-xl: 1rem;
    --cui-border-radius-xxl: 2rem;
    --cui-border-radius-2xl: var(--cui-border-radius-xxl);
    --cui-border-radius-pill: 50rem;
    --cui-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
    --cui-box-shadow-sm: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075);
    --cui-box-shadow-lg: 0 1rem 3rem rgba(8, 10, 12, 0.175);
    --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
    --cui-elevation-base-color: 60,75,100;
    --cui-focus-ring-width: 0.25rem;
    --cui-focus-ring-opacity: 0.25;
    --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
    --cui-form-valid-color: #1b9e3e;
    --cui-form-valid-border-color: #1b9e3e;
    --cui-form-invalid-color: #e55353;
    --cui-form-invalid-border-color: #e55353;
    --cui-btn-close-filter:;
    --cui-carousel-indicator-active-bg: #fff;
    --cui-carousel-caption-color: #fff;
    --cui-carousel-control-icon-filter:
}

[data-coreui-theme=dark] {
    color-scheme: dark;
    --cui-body-color: rgba(255, 255, 255, 0.87);
    --cui-body-color-rgb: 255,255,255;
    --cui-body-bg: #212631;
    --cui-body-bg-rgb: 33,38,49;
    --cui-emphasis-color: #fff;
    --cui-emphasis-color-rgb: 255,255,255;
    --cui-secondary-color: rgba(255, 255, 255, 0.6);
    --cui-secondary-color-rgb: 255,255,255;
    --cui-secondary-bg: #323a49;
    --cui-secondary-bg-rgb: 50,58,73;
    --cui-tertiary-color: rgba(255, 255, 255, 0.38);
    --cui-tertiary-color-rgb: 255,255,255;
    --cui-tertiary-bg: rgb(41.5, 48, 61);
    --cui-tertiary-bg-rgb: 41.5,48,61;
    --cui-elevation-base-color: 0,0,0;
    --cui-high-emphasis: rgba(255, 255, 255, 0.87);
    --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
    --cui-disabled: rgba(255, 255, 255, 0.38);
    --cui-primary: rgb(94.2, 92.4, 207.6);
    --cui-secondary: #6b7785;
    --cui-success: rgb(33.55, 151.45, 65.05);
    --cui-info: rgb(61.2, 153, 244.8);
    --cui-warning: rgb(237.6, 172.8, 32.4);
    --cui-danger: rgb(221.7, 90.3, 90.3);
    --cui-light: #f3f4f7;
    --cui-dark: #212631;
    --cui-gray-100: #f3f4f7;
    --cui-gray-200: #e7eaee;
    --cui-gray-300: #dbdfe6;
    --cui-gray-400: #cfd4de;
    --cui-gray-500: #aab3c5;
    --cui-gray-600: #6d7d9c;
    --cui-gray-700: #4a566d;
    --cui-gray-800: #323a49;
    --cui-gray-900: #212631;
    --cui-primary-rgb: 94.2,92.4,207.6;
    --cui-secondary-rgb: 107,119,133;
    --cui-success-rgb: 33.55,151.45,65.05;
    --cui-info-rgb: 61.2,153,244.8;
    --cui-warning-rgb: 237.6,172.8,32.4;
    --cui-danger-rgb: 221.7,90.3,90.3;
    --cui-light-rgb: 243,244,247;
    --cui-dark-rgb: 33,38,49;
    --cui-primary-text-emphasis: rgb(59.35, 57.55, 157.45);
    --cui-secondary-text-emphasis: #212233;
    --cui-success-text-emphasis: rgb(18.6, 83.4, 35.7);
    --cui-info-text-emphasis: rgb(28.75, 75.55, 114.25);
    --cui-warning-text-emphasis: rgb(112.35, 70.05, 10.65);
    --cui-danger-text-emphasis: rgb(98.85, 24.15, 24.15);
    --cui-light-text-emphasis: #f3f4f7;
    --cui-dark-text-emphasis: #dbdfe6;
    --cui-primary-bg-subtle: #cfc7f3;
    --cui-secondary-bg-subtle: #ced2d8;
    --cui-success-bg-subtle: #cbedd6;
    --cui-info-bg-subtle: #c0e6ff;
    --cui-warning-bg-subtle: #feecc5;
    --cui-danger-bg-subtle: #f9d4d4;
    --cui-light-bg-subtle: #323a49;
    --cui-dark-bg-subtle: rgb(29, 34, 42.5);
    --cui-primary-border-subtle: #9d92e6;
    --cui-secondary-border-subtle: #9da5b1;
    --cui-success-border-subtle: #96dbad;
    --cui-info-border-subtle: #80c6ff;
    --cui-warning-border-subtle: #fcd88a;
    --cui-danger-border-subtle: #f2a9a9;
    --cui-light-border-subtle: #4a566d;
    --cui-dark-border-subtle: #323a49;
    --cui-primary-start: rgb(94.2, 92.4, 207.6);
    --cui-primary-stop: rgb(116, 108.8, 213.2);
    --cui-secondary-start: #c9d2db;
    --cui-secondary-stop: white;
    --cui-success-start: rgb(52.9, 177.1, 94.3);
    --cui-success-stop: rgb(33.55, 151.45, 65.05);
    --cui-info-start: rgb(61.2, 153, 244.8);
    --cui-info-stop: rgb(49.15, 129.25, 195.85);
    --cui-warning-start: rgb(237.6, 172.8, 32.4);
    --cui-warning-stop: rgb(234.25, 147.85, 22.75);
    --cui-danger-start: rgb(221.7, 90.3, 90.3);
    --cui-danger-stop: rgb(208.9, 63.1, 63.1);
    --cui-light-start: rgb(227.5, 232, 236.5);
    --cui-light-stop: white;
    --cui-dark-start: rgb(62, 75.5, 98);
    --cui-dark-stop: rgb(33.9, 35.7, 50.1);
    --cui-heading-color: inherit;
    --cui-link-color: rgb(94.2, 92.4, 207.6);
    --cui-link-hover-color: rgb(126.36, 124.92, 217.08);
    --cui-link-color-rgb: 94.2,92.4,207.6;
    --cui-link-hover-color-rgb: 126.36,124.92,217.08;
    --cui-code-color: rgb(230.4, 132.6, 181.2);
    --cui-highlight-color: rgba(255, 255, 255, 0.87);
    --cui-highlight-bg: rgb(102, 77.2, 2.8);
    --cui-border-color: #323a49;
    --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
    --cui-form-valid-color: rgb(117, 183, 152.4);
    --cui-form-valid-border-color: rgb(117, 183, 152.4);
    --cui-form-invalid-color: rgb(234, 133.8, 143.4);
    --cui-form-invalid-border-color: rgb(234, 133.8, 143.4);
    --cui-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
    --cui-carousel-indicator-active-bg: #080a0c;
    --cui-carousel-caption-color: #080a0c;
    --cui-carousel-control-icon-filter: invert(1) grayscale(100)
}
  
 
 
 

.form-multi-select, :not(.form-multi-select) > .form-multi-select-dropdown {
    --cui-form-multi-select-zindex: 1000;
    --cui-form-multi-select-font-family:;
    --cui-form-multi-select-font-size: 1rem;
    --cui-form-multi-select-font-weight: 400;
    --cui-form-multi-select-line-height: 1.5;
    --cui-form-multi-select-color: var(--cui-body-color);
    --cui-form-multi-select-bg: var(--cui-body-bg);
    --cui-form-multi-select-box-shadow: inset 0 1px 2px rgba(8, 10, 12, 0.075);
    --cui-form-multi-select-border-width: var(--cui-border-width);
    --cui-form-multi-select-border-color: var(--cui-border-color);
    --cui-form-multi-select-border-radius: var(--cui-border-radius);
    --cui-form-multi-select-disabled-color: var(--cui-body-color);
    --cui-form-multi-select-disabled-bg: var(--cui-secondary-bg);
    --cui-form-multi-select-disabled-border-color: var(--cui-border-color);
    --cui-form-multi-select-focus-color: var(--cui-body-color);
    --cui-form-multi-select-focus-bg: var(--cui-body-bg);
    --cui-form-multi-select-focus-border-color: rgb(171.5, 170.5, 234.5);
    --cui-form-multi-select-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
    --cui-form-multi-select-placeholder-color: var(--cui-secondary-color);
    --cui-form-multi-select-selection-padding-y: 0.375rem;
    --cui-form-multi-select-selection-padding-x: 0.75rem;
    --cui-form-multi-select-cleaner-width: 1.5rem;
    --cui-form-multi-select-cleaner-height: 1.5rem;
    --cui-form-multi-select-cleaner-padding-y: 0;
    --cui-form-multi-select-cleaner-padding-x: 0;
    --cui-form-multi-select-cleaner-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    --cui-form-multi-select-cleaner-icon-color: var(--cui-tertiary-color);
    --cui-form-multi-select-cleaner-icon-hover-color: var(--cui-body-color);
    --cui-form-multi-select-cleaner-icon-size: 0.625rem;
    --cui-form-multi-select-indicator-width: 1.5rem;
    --cui-form-multi-select-indicator-height: 1.5rem;
    --cui-form-multi-select-indicator-padding-y: 0;
    --cui-form-multi-select-indicator-padding-x: 0;
    --cui-form-multi-select-indicator-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23000'%3e%3cpath d='M256.045 416.136.717 160.807l29.579-29.579 225.749 225.748 225.749-225.748 29.579 29.579-255.328 255.329z'/%3e%3c/svg%3e");
    --cui-form-multi-select-indicator-icon-color: var(--cui-tertiary-color);
    --cui-form-multi-select-indicator-icon-hover-color: var(--cui-body-color);
    --cui-form-multi-select-indicator-icon-size: 0.75rem;
    --cui-form-multi-select-select-all-padding-y: 0.5rem;
    --cui-form-multi-select-select-all-padding-x: 0.75rem;
    --cui-form-multi-select-select-all-color: var(--cui-body-secondary-color);
    --cui-form-multi-select-select-all-bg: transparent;
    --cui-form-multi-select-select-all-border-width: var(--cui-border-width);
    --cui-form-multi-select-select-all-border-color: var(--cui-border-color);
    --cui-form-multi-select-select-all-hover-color: var(--cui-body-color);
    --cui-form-multi-select-select-all-hover-bg: transparent;
    --cui-form-multi-select-dropdown-min-width: 100%;
    --cui-form-multi-select-dropdown-bg: var(--cui-body-bg);
    --cui-form-multi-select-dropdown-border-width: var(--cui-border-width);
    --cui-form-multi-select-dropdown-border-color: var(--cui-border-color);
    --cui-form-multi-select-dropdown-border-radius: var(--cui-border-radius);
    --cui-form-multi-select-dropdown-box-shadow: var(--cui-box-shadow);
    --cui-form-multi-select-options-padding-y: 0.5rem;
    --cui-form-multi-select-options-padding-x: 0.75rem;
    --cui-form-multi-select-options-font-size: 1rem;
    --cui-form-multi-select-options-font-weight: 400;
    --cui-form-multi-select-options-color: var(--cui-body-color);
    --cui-form-multi-select-optgroup-label-padding-y: 0.5rem;
    --cui-form-multi-select-optgroup-label-padding-x: 0.625rem;
    --cui-form-multi-select-optgroup-label-font-size: 80%;
    --cui-form-multi-select-optgroup-label-font-weight: 700;
    --cui-form-multi-select-optgroup-label-color: var(--cui-tertiary-color);
    --cui-form-multi-select-optgroup-label-text-transform: uppercase;
    --cui-form-multi-select-option-padding-y: 0.5rem;
    --cui-form-multi-select-option-padding-x: 1.25rem;
    --cui-form-multi-select-option-margin-y: 1px;
    --cui-form-multi-select-option-margin-x: 0;
    --cui-form-multi-select-option-border-width: var(--cui-border-width);
    --cui-form-multi-select-option-border-color: transparent;
    --cui-form-multi-select-option-border-radius: var(--cui-border-radius);
    --cui-form-multi-select-option-box-shadow: inset 0 1px 2px rgba(8, 10, 12, 0.075);
    --cui-form-multi-select-option-hover-color: var(--cui-body-color);
    --cui-form-multi-select-option-hover-bg: var(--cui-tertiary-bg);
    --cui-form-multi-select-option-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
    --cui-form-multi-select-option-disabled-color: var(--cui-secondary-color);
    --cui-form-multi-select-option-indicator-width: 1em;
    --cui-form-multi-select-option-indicator-bg: var(--cui-body-bg);
    --cui-form-multi-select-option-indicator-border: var(--cui-border-width) solid var(--cui-border-color);
    --cui-form-multi-select-option-indicator-border-radius: 0.25em;
    --cui-form-multi-select-option-selected-bg: var(--cui-secondary-bg);
    --cui-form-multi-select-option-selected-indicator-bg: var(--cui-primary);
    --cui-form-multi-select-option-selected-indicator-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --cui-form-multi-select-option-selected-indicator-border-color: var(--cui-primary);
    --cui-form-multi-select-tag-padding-y: 0.0625rem;
    --cui-form-multi-select-tag-padding-x: 0.5rem;
    --cui-form-multi-select-tag-bg: var(--cui-secondary-bg);
    --cui-form-multi-select-tag-border-width: var(--cui-border-width);
    --cui-form-multi-select-tag-border-color: var(--cui-border-color);
    --cui-form-multi-select-tag-border-radius: 0.25rem;
    --cui-form-multi-select-tag-delete-width: 0.75rem;
    --cui-form-multi-select-tag-delete-height: 0.75rem;
    --cui-form-multi-select-tag-delete-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    --cui-form-multi-select-tag-delete-icon-color: var(--cui-secondary-color);
    --cui-form-multi-select-tag-delete-icon-hover-color: var(--cui-body-color);
    --cui-form-multi-select-tag-delete-icon-size: 0.5rem;
    --cui-form-multi-select-selection-tags-gap: 0.25rem;
    --cui-form-multi-select-selection-tags-padding-y: 0.25rem;
    --cui-form-multi-select-selection-tags-padding-x: 0.25rem;
    position: relative
}

    .form-multi-select.is-invalid, .was-validated .form-multi-select:invalid + .form-multi-select, .was-validated .form-multi-select:invalid + :not(.form-multi-select) > .form-multi-select-dropdown, :not(.form-multi-select) > .form-multi-select-dropdown.is-invalid {
        --cui-form-multi-select-border-color: #e55353;
        --cui-form-multi-select-focus-border-color: #e55353;
        --cui-form-multi-select-focus-box-shadow: 0 0 0 0.25rem rgba(229, 83, 83, 0.25) !important
    }

    .form-multi-select.is-valid, .was-validated .form-multi-select:valid + .form-multi-select, .was-validated .form-multi-select:valid + :not(.form-multi-select) > .form-multi-select-dropdown, :not(.form-multi-select) > .form-multi-select-dropdown.is-valid {
        --cui-form-multi-select-border-color: #1b9e3e;
        --cui-form-multi-select-focus-border-color: #1b9e3e;
        --cui-form-multi-select-focus-box-shadow: 0 0 0 0.25rem rgba(27, 158, 62, 0.25) !important
    }

select.form-multi-select {
    display: none
}

.form-multi-select-input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    font-family: var(--cui-form-multi-select-font-family);
    font-size: var(--cui-form-multi-select-font-size);
    font-weight: var(--cui-form-multi-select-font-weight);
    line-height: var(--cui-form-multi-select-line-height);
    color: var(--cui-form-multi-select-color);
    background-color: var(--cui-form-multi-select-bg);
    background-clip: padding-box;
    border: var(--cui-form-multi-select-border-width) solid var(--cui-form-multi-select-border-color);
    border-radius: var(--cui-form-multi-select-border-radius)
}

.form-multi-select .form-multi-select-input-group {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-multi-select .form-multi-select-input-group {
        transition: none
    }
}

.form-multi-select.disabled .form-multi-select-input-group {
    color: var(--cui-form-multi-select-disabled-color);
    background-color: var(--cui-form-multi-select-disabled-bg);
    border-color: var(--cui-border-color)
}

.form-multi-select-input-group:focus, .form-multi-select-input-group:has(:focus), .form-multi-select.show .form-multi-select-input-group {
    color: var(--cui-form-multi-select-focus-color);
    background-color: var(--cui-form-multi-select-focus-bg);
    border-color: var(--cui-form-multi-select-focus-border-color);
    outline: 0;
    box-shadow: var(--cui-form-multi-select-focus-box-shadow)
}

.form-multi-select-selection {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    width: 1%;
    min-width: 0;
    padding: var(--cui-form-multi-select-selection-padding-y) var(--cui-form-multi-select-selection-padding-x)
}

.form-multi-select-selection-tags {
    gap: var(--cui-form-multi-select-selection-tags-gap);
    align-content: center;
    padding: var(--cui-form-multi-select-selection-tags-padding-y) var(--cui-form-multi-select-selection-tags-padding-x)
}

.form-multi-select-search {
    display: flex;
    flex: 0 1 0px;
    max-width: 100%;
    padding: 0;
    background: 0 0;
    border: 0
}

    .form-multi-select-search:focus {
        outline: 0
    }

    .form-multi-select-search::placeholder {
        color: var(--cui-form-multi-select-placeholder-color);
        opacity: 1
    }

    .form-multi-select-search:placeholder-shown, .form-multi-select.show .form-multi-select-search {
        flex: 1 1 auto
    }

.form-multi-select-selection-tags .form-multi-select-search {
    -webkit-padding-start: calc(var(--cui-form-multi-select-selection-padding-x) - 0.25rem);
}

.form-multi-select-placeholder {
    color: var(--cui-form-multi-select-placeholder-color)
}

.form-multi-select-selection-tags .form-multi-select-placeholder {
    padding: calc(var(--cui-form-multi-select-selection-padding-y) - .25rem) calc(var(--cui-form-multi-select-selection-padding-x) - .25rem)
}

.form-multi-select-buttons {
    display: flex;
    align-items: center;
    min-height: calc(2 * var(--cui-form-multi-select-selection-padding-y) + var(--cui-form-multi-select-font-size) * var(--cui-form-multi-select-line-height));
    padding: 0 var(--cui-form-multi-select-selection-padding-y)
}

.form-multi-select-cleaner, .form-multi-select-indicator {
    position: relative;
    z-index: 2;
    box-sizing: content-box;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    border: 0
}

    .form-multi-select-cleaner:focus, .form-multi-select-indicator:focus {
        z-index: 5;
        outline: 0;
        box-shadow: var(--cui-focus-ring-x,0) var(--cui-focus-ring-y,0) var(--cui-focus-ring-blur,0) var(--cui-focus-ring-width) var(--cui-focus-ring-color);
        border-radius: .375rem
    }

    .form-multi-select-cleaner::before, .form-multi-select-indicator::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ""
    }

.form-multi-select-cleaner {
    width: var(--cui-form-multi-select-cleaner-width);
    height: var(--cui-form-multi-select-cleaner-height);
    padding: var(--cui-form-multi-select-cleaner-padding-y) var(--cui-form-multi-select-cleaner-padding-x)
}

    .form-multi-select-cleaner::before {
        background-color: var(--cui-form-multi-select-cleaner-icon-color);
        -webkit-mask: var(--cui-form-multi-select-cleaner-icon) center/var(--cui-form-multi-select-cleaner-icon-size) no-repeat;
        mask: var(--cui-form-multi-select-cleaner-icon) center/var(--cui-form-multi-select-cleaner-icon-size) no-repeat
    }

    .form-multi-select-cleaner:focus::before, .form-multi-select-cleaner:hover::before {
        background-color: var(--cui-form-multi-select-cleaner-icon-hover-color)
    }

.form-multi-select-indicator {
    width: var(--cui-form-multi-select-indicator-width);
    height: var(--cui-form-multi-select-indicator-height);
    padding: var(--cui-form-multi-select-indicator-padding-y) var(--cui-form-multi-select-indicator-padding-x);
    transition: transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-multi-select-indicator {
        transition: none
    }
}

.form-multi-select-indicator::before {
    background-color: var(--cui-form-multi-select-indicator-icon-color);
    -webkit-mask: var(--cui-form-multi-select-indicator-icon) center/var(--cui-form-multi-select-indicator-icon-size) no-repeat;
    mask: var(--cui-form-multi-select-indicator-icon) center/var(--cui-form-multi-select-indicator-icon-size) no-repeat
}

.form-multi-select-indicator:focus::before, .form-multi-select-indicator:hover::before {
    background-color: var(--cui-form-multi-select-indicator-icon-hover-color)
}

.form-multi-select.show .form-multi-select-indicator {
    transform: rotate(180deg)
}

.form-multi-select-tag {
    display: flex;
    align-items: center;
    padding: var(--cui-form-multi-select-tag-padding-y) var(--cui-form-multi-select-tag-padding-x);
    background-color: var(--cui-form-multi-select-tag-bg);
    border: var(--cui-form-multi-select-tag-border-width) solid var(--cui-form-multi-select-tag-border-color);
    border-radius: var(--cui-form-multi-select-tag-border-radius)
}

.form-multi-select-tag-delete {
    position: relative;
    z-index: 2;
    box-sizing: content-box;
    width: var(--cui-form-multi-select-tag-delete-width);
    height: var(--cui-form-multi-select-tag-delete-height);
    padding: var(--cui-form-multi-select-tag-delete-padding-y) var(--cui-form-multi-select-tag-delete-padding-x);
    -webkit-margin-start: 0.5rem;
    margin-inline-start: .5rem;
    background-color: transparent;
    border: 0
}

    .form-multi-select-tag-delete::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: var(--cui-form-multi-select-tag-delete-icon-color);
        -webkit-mask: var(--cui-form-multi-select-tag-delete-icon) center/var(--cui-form-multi-select-tag-delete-icon-size) no-repeat;
        mask: var(--cui-form-multi-select-tag-delete-icon) center/var(--cui-form-multi-select-tag-delete-icon-size) no-repeat
    }

    .form-multi-select-tag-delete:focus::before, .form-multi-select-tag-delete:hover::before {
        background-color: var(--cui-form-multi-select-tag-delete-icon-hover-color)
    }

.form-multi-select-dropdown {
    position: absolute;
    z-index: var(--cui-form-multi-select-zindex);
    display: none;
    min-width: var(--cui-form-multi-select-dropdown-min-width);
    background-color: var(--cui-form-multi-select-dropdown-bg);
    background-clip: padding-box;
    border: var(--cui-form-multi-select-dropdown-border-width) solid var(--cui-form-multi-select-dropdown-border-color);
    border-radius: var(--cui-form-multi-select-dropdown-border-radius)
}

    .form-multi-select-dropdown.show, .form-multi-select.show .form-multi-select-dropdown {
        display: block
    }

.form-multi-select-all {
    display: block;
    width: 100%;
    padding: var(--cui-form-multi-select-select-all-padding-y) var(--cui-form-multi-select-select-all-padding-x);
    color: var(--cui-form-multi-select-select-all-color);
    text-align: start;
    background-color: var(--cui-form-multi-select-select-all-bg);
    border: 0;
    border-bottom: var(--cui-form-multi-select-select-all-border-width) solid var(--cui-form-multi-select-select-all-border-color)
}

    .form-multi-select-all:hover {
        color: var(--cui-form-multi-select-select-all-hover-color);
        background-color: var(--cui-form-multi-select-select-all-hover-bg)
    }

.form-multi-select-options {
    padding: var(--cui-form-multi-select-options-padding-y) var(--cui-form-multi-select-options-padding-x);
    font-size: var(--cui-form-multi-select-options-font-size);
    font-weight: var(--cui-form-multi-select-options-font-weight);
    color: var(--cui-form-multi-select-options-color)
}

.form-multi-select-option {
    position: relative;
    z-index: 2;
    padding: var(--cui-form-multi-select-option-padding-y) var(--cui-form-multi-select-option-padding-x);
    margin: var(--cui-form-multi-select-option-margin-y) var(--cui-form-multi-select-option-margin-x);
    cursor: pointer;
    border: var(--cui-form-multi-select-option-border-width) solid var(--cui-form-multi-select-option-border-color);
    border-radius: var(--cui-form-multi-select-option-border-radius)
}

    .form-multi-select-option:focus, .form-multi-select-option:hover {
        color: var(--cui-form-multi-select-option-hover-color);
        text-decoration: none;
        background-color: var(--cui-form-multi-select-option-hover-bg)
    }

    .form-multi-select-option:focus {
        z-index: 5;
        border-color: var(--cui-input-focus-border-color,rgb(171.5,170.5,234.5));
        outline: 0;
        box-shadow: var(--cui-form-multi-select-focus-box-shadow)
    }

    .form-multi-select-option.disabled {
        color: var(--cui-form-multi-select-option-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

    .form-multi-select-option.form-multi-select-option-with-checkbox {
        padding: .5rem 1.25rem;
        -webkit-padding-start: calc(var(--cui-form-multi-select-option-padding-x) + var(--cui-form-multi-select-option-indicator-width));
    }

        .form-multi-select-option.form-multi-select-option-with-checkbox::before {
            position: absolute;
            inset-inline-start: calc(var(--cui-form-multi-select-option-padding-x) * 0.5);
            top: .7rem;
            display: block;
            width: var(--cui-form-multi-select-option-indicator-width);
            height: var(--cui-form-multi-select-option-indicator-width);
            pointer-events: none;
            content: "";
            background-color: var(--cui-form-multi-select-option-indicator-bg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: var(--cui-form-multi-select-option-indicator-border);
            border-radius: var(--cui-form-multi-select-option-indicator-border-radius)
        }

    .form-multi-select-option.form-multi-selected {
        background-color: var(--cui-form-multi-select-option-selected-bg)
    }

        .form-multi-select-option.form-multi-selected::before {
            background-color: var(--cui-form-multi-select-option-selected-indicator-bg);
            background-image: var(--cui-form-multi-select-option-selected-indicator-bg-image);
            border-color: var(--cui-form-multi-select-option-selected-indicator-border-color)
        }