@keenmate/web-multiselect 1.3.0 → 1.4.0

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";:host{--ms-rem: 10px;--ms-accent-color: #3b82f6;--ms-accent-color-hover: #2563eb;--ms-accent-color-active: #1d4ed8;--ms-text-primary: #111827;--ms-text-secondary: #6b7280;--ms-text-white: #ffffff;--ms-primary-bg: #f3f4f6;--ms-primary-bg-hover: #e5e7eb;--ms-border-color: #e5e7eb;--ms-input-background: var(--ms-input-bg);--ms-input-color: var(--ms-text-primary);--ms-input-border-color: var(--ms-border-color);--ms-input-border-color-focus: var(--ms-accent-color);--ms-input-placeholder-color: var(--ms-text-secondary);--ms-input-background-disabled: var(--ms-input-bg-disabled);--ms-toggle-icon-color: var(--ms-text-secondary);--ms-toggle-icon-color-open: var(--ms-text-secondary);--ms-counter-badge-background: var(--ms-accent-color);--ms-counter-badge-background-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-white);--ms-hint-background: var(--ms-hint-bg);--ms-hint-color: var(--ms-text-secondary);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-background: var(--ms-dropdown-bg);--ms-dropdown-text-color: var(--ms-text-primary);--ms-dropdown-border-color: var(--ms-border-color);--ms-actions-background: var(--ms-dropdown-bg);--ms-actions-border-color: var(--ms-border-color);--ms-action-button-background: transparent;--ms-action-button-background-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-primary);--ms-group-border-color: var(--ms-border-color);--ms-group-label-color: var(--ms-text-secondary);--ms-option-text-color: var(--ms-text-primary);--ms-option-background: transparent;--ms-option-background-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-background-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-background-selected: var(--ms-option-bg-selected);--ms-option-color-selected: inherit;--ms-option-color-selected-hover: var(--ms-option-color-selected);--ms-option-background-matched: var(--ms-option-bg-matched);--ms-option-color-matched: inherit;--ms-option-border-matched-color: var(--ms-option-border-matched);--ms-option-title-color: var(--ms-text-primary);--ms-option-subtitle-color: var(--ms-text-secondary);--ms-option-mark-background: var(--ms-option-mark-bg);--ms-empty-color: var(--ms-text-secondary);--ms-loading-color: var(--ms-text-secondary);--ms-badge-background: var(--ms-badge-bg);--ms-badge-background-hover: var(--ms-badge-bg-hover);--ms-badge-background-active: var(--ms-badge-bg-active);--ms-badge-text-background: var(--ms-badge-text-bg);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-remove-background: var(--ms-accent-color);--ms-badge-remove-background-hover: var(--ms-accent-color-hover);--ms-badge-remove-color: var(--ms-text-white);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-background: var(--ms-badge-counter-text-bg);--ms-badge-counter-text-color: var(--ms-text-secondary);--ms-badge-counter-remove-background: var(--ms-badge-counter-remove-bg);--ms-badge-counter-remove-background-hover: var(--ms-badge-counter-remove-bg-hover);--ms-badge-counter-remove-color: var(--ms-badge-counter-remove-color);--ms-counter-wrapper-background: transparent;--ms-counter-wrapper-background-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-color: var(--ms-text-primary);--ms-count-clear-background: transparent;--ms-count-clear-background-hover: var(--ms-accent-color);--ms-count-clear-color: var(--ms-text-secondary);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-tooltip-background: var(--ms-tooltip-bg);--ms-tooltip-text-color: var(--ms-tooltip-color);--ms-selected-popover-background: var(--ms-dropdown-bg);--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-background: var(--ms-selected-popover-header-bg);--ms-selected-popover-header-color: var(--ms-text-primary);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-background: transparent;--ms-selected-popover-close-background-hover: var(--ms-accent-color);--ms-selected-popover-close-color: var(--ms-text-secondary);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-input-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-input-padding-right: calc(4 * var(--ms-rem));--ms-input-font-size: calc(1.4 * var(--ms-rem));--ms-input-border-style: 1px solid #d1d5db;--ms-input-border-radius: calc(.6 * var(--ms-rem));--ms-input-bg: #ffffff;--ms-input-text: #111827;--ms-input-focus-border-color: #3b82f6;--ms-input-placeholder-color: #6b7280;--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-input-size-xs-font: calc(1.2 * var(--ms-rem));--ms-input-size-xs-padding-v: calc(.4 * var(--ms-rem));--ms-input-size-xs-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-xs-height: calc(3.1 * var(--ms-rem));--ms-input-size-sm-font: calc(1.3 * var(--ms-rem));--ms-input-size-sm-padding-v: calc(.5 * var(--ms-rem));--ms-input-size-sm-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-sm-height: calc(3.3 * var(--ms-rem));--ms-input-size-md-font: calc(1.4 * var(--ms-rem));--ms-input-size-md-padding-v: calc(.8 * var(--ms-rem));--ms-input-size-md-padding-h: calc(1.2 * var(--ms-rem));--ms-input-size-md-height: calc(3.5 * var(--ms-rem));--ms-input-size-lg-font: calc(1.6 * var(--ms-rem));--ms-input-size-lg-padding-v: calc(1 * var(--ms-rem));--ms-input-size-lg-padding-h: calc(1.4 * var(--ms-rem));--ms-input-size-lg-height: calc(3.8 * var(--ms-rem));--ms-input-size-xl-font: calc(1.8 * var(--ms-rem));--ms-input-size-xl-padding-v: calc(1.2 * var(--ms-rem));--ms-input-size-xl-padding-h: calc(1.6 * var(--ms-rem));--ms-input-size-xl-height: calc(4.1 * var(--ms-rem));--ms-toggle-right: calc(1.2 * var(--ms-rem));--ms-toggle-color: #6b7280;--ms-transform-center-y: translateY(-50%);--ms-transform-rotate-180: 180deg;--ms-counter-offset: calc(3.2 * var(--ms-rem));--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: #3b82f6;--ms-counter-color: #ffffff;--ms-counter-font-size: calc(1.2 * var(--ms-rem));--ms-counter-font-weight: 600;--ms-counter-border-radius: calc(.4 * var(--ms-rem));--ms-counter-bg-hover: #2563eb;--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-bg: #ffffff;--ms-hint-border: 1px solid #e5e7eb;--ms-hint-border-radius: calc(.6 * var(--ms-rem));--ms-hint-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ms-hint-font-size: calc(1.2 * var(--ms-rem));--ms-hint-color: #6b7280;--ms-line-height-relaxed: 1.4;--ms-dropdown-bg: #ffffff;--ms-dropdown-border: 1px solid #e5e7eb;--ms-dropdown-border-radius: calc(.6 * var(--ms-rem));--ms-dropdown-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: #111827;--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid #e5e7eb;--ms-actions-bg: #ffffff;--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(1.2 * var(--ms-rem));--ms-action-btn-border: 1px solid #e5e7eb;--ms-action-btn-border-radius: calc(.4 * var(--ms-rem));--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: #f3f4f6;--ms-action-btn-border-color-hover: #3b82f6;--ms-transform-scale-active: .98;--ms-options-padding: calc(.4 * var(--ms-rem)) 0;--ms-group-border-top: 1px solid #e5e7eb;--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(1.2 * var(--ms-rem));--ms-group-label-font-weight: 600;--ms-group-label-color: #6b7280;--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-bg: transparent;--ms-option-bg-hover: #f9fafb;--ms-option-bg-focused: #f9fafb;--ms-option-outline-focused: 2px solid #3b82f6;--ms-option-focus-outline-offset: -2px;--ms-option-bg-matched: rgba(59, 130, 246, .08);--ms-option-border-matched: 3px solid rgba(59, 130, 246, .4);--ms-option-bg-selected: rgba(59, 130, 246, .1);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(1.6 * var(--ms-rem));--ms-option-title-font-size: calc(1.4 * var(--ms-rem));--ms-option-title-color: inherit;--ms-option-mark-bg: rgba(59, 130, 246, .2);--ms-option-mark-color: inherit;--ms-option-mark-font-weight: 600;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(1.2 * var(--ms-rem));--ms-option-subtitle-color: #6b7280;--ms-option-subtitle-line-height: 1.3;--ms-checkbox-margin-top: calc(.2 * var(--ms-rem));--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: flex-start;--ms-checkbox-bg: #ffffff;--ms-checkbox-border: 1px solid #d1d5db;--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checked-bg: #3b82f6;--ms-checkbox-checked-border: 1px solid #3b82f6;--ms-checkbox-checkmark-color: #ffffff;--ms-checkbox-hover-border-color: #3b82f6;--ms-checkbox-disabled-bg: #e5e7eb;--ms-checkbox-disabled-border: 1px solid #e5e7eb;--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(1.4 * var(--ms-rem));--ms-empty-color: #6b7280;--ms-loader-padding: calc(1.6 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(1.4 * var(--ms-rem));--ms-loading-text-color: #6b7280;--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(1.2 * var(--ms-rem));--ms-badge-font-weight: 600;--ms-badge-border-radius: calc(.6 * var(--ms-rem));--ms-badge-border: none;--ms-badge-bg: #eff6ff;--ms-badge-bg-hover: #ffffff;--ms-badge-bg-active: #e0f2fe;--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: #eff6ff;--ms-badge-text-color: #3b82f6;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: #3b82f6;--ms-badge-remove-color: #ffffff;--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(1.2 * var(--ms-rem));--ms-badge-remove-bg-hover: #2563eb;--ms-badge-remove-box-shadow-focus: 0 0 0 2px rgba(59, 130, 246, .5);--ms-icon-remove: "×";--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid #e5e7eb;--ms-badge-counter-border-radius: calc(.4 * var(--ms-rem));--ms-badge-counter-text-color: #6b7280;--ms-badge-counter-text-bg: #d1d5db;--ms-badge-counter-remove-bg: #6b7280;--ms-badge-counter-remove-color: #ffffff;--ms-badge-counter-remove-bg-hover: #111827;--ms-more-badge-bg: #eff6ff;--ms-more-badge-hover-bg: #ffffff;--ms-more-badge-active-bg: #e0f2fe;--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: 1px solid #e5e7eb;--ms-counter-wrapper-border-radius: calc(.4 * var(--ms-rem));--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: #f9fafb;--ms-counter-wrapper-border-color-hover: #3b82f6;--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(1.4 * var(--ms-rem));--ms-count-text-color: #111827;--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: #6b7280;--ms-count-clear-font-size: calc(1.8 * var(--ms-rem));--ms-count-clear-border-radius: 50%;--ms-count-clear-bg-hover: rgba(59, 130, 246, .2);--ms-count-clear-color-hover: #3b82f6;--ms-icon-clear: "×";--ms-tooltip-bg: #333;--ms-tooltip-color: #fff;--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: calc(.6 * var(--ms-rem));--ms-tooltip-font-size: calc(1.4 * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-z-index-popover: 10000;--ms-selected-popover-width: calc(32 * var(--ms-rem));--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-bg: #ffffff;--ms-selected-popover-border: 1px solid #e5e7eb;--ms-selected-popover-border-radius: calc(.6 * var(--ms-rem));--ms-selected-popover-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: rgba(59, 130, 246, .1);--ms-selected-popover-header-border-bottom: 1px solid #e5e7eb;--ms-selected-popover-header-font-size: calc(1.4 * var(--ms-rem));--ms-selected-popover-header-font-weight: 600;--ms-selected-popover-header-color: #111827;--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: #6b7280;--ms-selected-popover-close-font-size: calc(2 * var(--ms-rem));--ms-selected-popover-close-border-radius: 50%;--ms-selected-popover-close-bg-hover: rgba(59, 130, 246, .2);--ms-selected-popover-close-color-hover: #3b82f6;--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(1 * var(--ms-rem));--ms-font-size-xs: calc(1.2 * var(--ms-rem));--ms-font-size-sm: calc(1.4 * var(--ms-rem));--ms-font-size-base: calc(1.6 * var(--ms-rem));--ms-font-size-lg: calc(1.8 * var(--ms-rem));--ms-font-weight-medium: 500;--ms-font-weight-semibold: 600;--ms-line-height-none: 1;--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: #d1d5db;--ms-scrollbar-thumb-bg-hover: #6b7280;--ms-scrollbar-thumb-border-radius: 4px}multi-select:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}.ml-wrapper{display:flex;flex-direction:column;align-items:stretch}.ml-wrapper--inline{flex-direction:row;align-items:flex-start}.ml{position:relative;width:100%}.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;height:var(--ms-input-size-md-height, calc(3.5 * var(--ms-rem)));padding:var(--ms-input-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));padding-right:var(--ms-input-padding-right, calc(4 * var(--ms-rem)));font-size:var(--ms-input-font-size, calc(1.4 * var(--ms-rem)));border:var(--ms-input-border-style, 1px solid #d1d5db);border-radius:var(--ms-input-border-radius, calc(.6 * var(--ms-rem)));background:var(--ms-input-background, #ffffff);color:var(--ms-input-color, #111827);cursor:pointer;transition:border-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__input:focus{outline:none;border-color:var(--ms-input-border-color-focus, #3b82f6)}.ms__input::placeholder{color:var(--ms-input-placeholder-color, #6b7280);opacity:0;transition:opacity var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity, .6)}.ms__input.ms__input--xs{font-size:var(--ms-input-size-xs-font);padding:var(--ms-input-size-xs-padding-v) var(--ms-input-size-xs-padding-h);padding-right:calc(var(--ms-input-size-xs-padding-h) * 2.5);height:var(--ms-input-size-xs-height)}.ms__input.ms__input--sm{font-size:var(--ms-input-size-sm-font);padding:var(--ms-input-size-sm-padding-v) var(--ms-input-size-sm-padding-h);padding-right:calc(var(--ms-input-size-sm-padding-h) * 2.5);height:var(--ms-input-size-sm-height)}.ms__input.ms__input--lg{font-size:var(--ms-input-size-lg-font);padding:var(--ms-input-size-lg-padding-v) var(--ms-input-size-lg-padding-h);padding-right:calc(var(--ms-input-size-lg-padding-h) * 2.5);height:var(--ms-input-size-lg-height)}.ms__input.ms__input--xl{font-size:var(--ms-input-size-xl-font);padding:var(--ms-input-size-xl-padding-v) var(--ms-input-size-xl-padding-h);padding-right:calc(var(--ms-input-size-xl-padding-h) * 2.5);height:var(--ms-input-size-xl-height)}.ms__toggle{position:absolute;right:var(--ms-toggle-right, calc(1.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));pointer-events:none;color:var(--ms-toggle-icon-color, #6b7280);transition:transform var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms--open .ms__toggle{transform:var(--ms-transform-center-y, translateY(-50%)) rotate(var(--ms-transform-rotate-180, 180deg));color:var(--ms-toggle-icon-color-open, #6b7280)}.ms__counter{position:absolute;right:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));padding:var(--ms-counter-padding, calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem)));background:var(--ms-counter-badge-background, #3b82f6);color:var(--ms-counter-badge-color, #ffffff);font-size:var(--ms-counter-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-counter-font-weight, 600);border-radius:var(--ms-counter-border-radius, calc(.4 * var(--ms-rem)));cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter:hover{background:var(--ms-counter-badge-background-hover, #2563eb);transform:var(--ms-transform-center-y, translateY(-50%)) scale(var(--ms-transform-scale-hover, 1.1))}.ms__hint{display:none;position:absolute;z-index:var(--ms-z-index-popover, 10000);padding:var(--ms-hint-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-hint-background, #ffffff);border:var(--ms-hint-border, 1px solid #e5e7eb);border-radius:var(--ms-hint-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-hint-box-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1));font-size:var(--ms-hint-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-hint-color, #6b7280);line-height:var(--ms-line-height-relaxed, 1.4);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:absolute;z-index:var(--ms-z-index-dropdown, 9999);background:var(--ms-dropdown-background, #ffffff);border:var(--ms-dropdown-border, 1px solid #e5e7eb);border-radius:var(--ms-dropdown-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-dropdown-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));max-height:var(--ms-options-max-height, calc(32 * var(--ms-rem)));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:var(--ms-dropdown-text-color, #111827);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__dropdown::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__dropdown--visible{display:block}.ms__dropdown--virtual{overflow-y:visible;max-height:none}.ms__actions{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap, calc(.4 * var(--ms-rem)));padding:var(--ms-actions-padding, calc(.8 * var(--ms-rem)));border-bottom:var(--ms-actions-border-bottom, 1px solid #e5e7eb)}.ms__actions--wrap{flex-wrap:wrap}.ms__actions--sticky{position:sticky;top:0;z-index:var(--ms-z-index-sticky, 1);background:var(--ms-actions-background, #ffffff)}.ms__action-btn{flex:1;padding:var(--ms-action-btn-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));font-size:var(--ms-action-btn-font-size, calc(1.2 * var(--ms-rem)));border:var(--ms-action-btn-border, 1px solid #e5e7eb);border-radius:var(--ms-action-btn-border-radius, calc(.4 * var(--ms-rem)));background:var(--ms-action-button-background, transparent);color:var(--ms-action-button-color, inherit);cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__action-btn:hover{background:var(--ms-action-button-background-hover, #f3f4f6);border-color:var(--ms-action-button-border-color-hover, #3b82f6)}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active, .98))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed;pointer-events:none}.ms__options{padding:var(--ms-options-padding, calc(.4 * var(--ms-rem)) 0);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__options--virtual .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top, 1px solid #e5e7eb);margin-top:var(--ms-group-margin-top, calc(.4 * var(--ms-rem)));padding-top:var(--ms-group-padding-top, calc(.4 * var(--ms-rem)))}.ms__group-label{padding:var(--ms-group-label-padding, calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));font-size:var(--ms-group-label-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-group-label-font-weight, 600);color:var(--ms-group-label-color, #6b7280);text-transform:var(--ms-group-label-transform, uppercase);letter-spacing:var(--ms-group-label-letter-spacing, .05em)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, flex-start);gap:var(--ms-option-gap, calc(.8 * var(--ms-rem)));padding:var(--ms-option-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));color:var(--ms-option-text-color, #111827);background:var(--ms-option-background, transparent);cursor:pointer;transition:background-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__option:hover{background:var(--ms-option-background-hover, #f9fafb);color:var(--ms-option-color-hover, inherit)}.ms__option--focused{background:var(--ms-option-background-focused, #f9fafb);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused, 2px solid #3b82f6);outline-offset:var(--ms-option-focus-outline-offset, -2px)}.ms__option--matched{background:var(--ms-option-background-matched, rgba(59, 130, 246, .08));color:var(--ms-option-color-matched, inherit);border-left:var(--ms-option-border-matched, 3px solid rgba(59, 130, 246, .4))}.ms__option--selected{background:var(--ms-option-background-selected, rgba(59, 130, 246, .1));color:var(--ms-option-color-selected, inherit)}.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-background-selected, rgba(59, 130, 246, .1)));color:var(--ms-option-color-selected-hover, var(--ms-option-color-selected, inherit))}.ms__option--disabled{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed}.ms__option--disabled:hover{background:var(--ms-option-background, transparent)}.ms__option[data-checkbox-align=center]{--ms-checkbox-align: center}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top, calc(.2 * var(--ms-rem)));margin-right:var(--ms-checkbox-margin-right, 0);margin-bottom:var(--ms-checkbox-margin-bottom, 0);margin-left:var(--ms-checkbox-margin-left, 0);width:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));height:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));transform:scale(var(--ms-checkbox-scale, 1));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg, #ffffff);border:var(--ms-checkbox-border, 1px solid #d1d5db);border-radius:var(--ms-checkbox-border-radius, calc(.3 * var(--ms-rem)));transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:45%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color, #ffffff);border-width:0 2px 2px 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color, #3b82f6)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg, #3b82f6);border:var(--ms-checkbox-checked-border, 1px solid #3b82f6)}.ms__checkbox:checked:after{display:block}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg, #3b82f6);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg, #e5e7eb);border:var(--ms-checkbox-disabled-border, 1px solid #e5e7eb);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg, #e5e7eb)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:flex-start;gap:var(--ms-option-content-gap, calc(.8 * var(--ms-rem)));min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));height:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size, calc(1.6 * var(--ms-rem)))}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-option-title-color, inherit);line-height:var(--ms-line-height-relaxed, 1.4)}.ms__option-title mark{background:var(--ms-option-mark-background, rgba(59, 130, 246, .2));color:var(--ms-option-mark-color, inherit);font-weight:var(--ms-option-mark-font-weight, 600)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top, calc(.4 * var(--ms-rem)));font-size:var(--ms-option-subtitle-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-option-subtitle-color, #6b7280);line-height:var(--ms-option-subtitle-line-height, 1.3)}.ms__empty{padding:var(--ms-empty-padding, calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));text-align:center;font-size:var(--ms-empty-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-empty-color, #6b7280)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ms-loader-padding, calc(1.6 * var(--ms-rem)));gap:var(--ms-loader-gap, calc(.8 * var(--ms-rem)))}.ms__loading-text{font-size:var(--ms-loading-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-loading-color, #6b7280)}.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap, calc(.8 * var(--ms-rem)));padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom, calc(.8 * var(--ms-rem)))}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__badges--left{order:var(--ms-order-first, -1);margin-right:var(--ms-badges-margin-left, calc(.4 * var(--ms-rem)));justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right, calc(.4 * var(--ms-rem)));justify-content:flex-start}.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom, calc(.8 * var(--ms-rem)))}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__count-display--left{order:var(--ms-order-first, -1);margin-right:var(--ms-count-display-margin-left, calc(.8 * var(--ms-rem)));justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right, calc(.8 * var(--ms-rem)));justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap, calc(.4 * var(--ms-rem)));background:var(--ms-counter-wrapper-background, transparent);border:var(--ms-counter-wrapper-border, 1px solid #e5e7eb);border-radius:var(--ms-counter-wrapper-border-radius, calc(.4 * var(--ms-rem)));padding:var(--ms-counter-wrapper-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-background-hover, #f9fafb);border-color:var(--ms-counter-wrapper-border-color-hover, #3b82f6)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg, transparent);border:var(--ms-count-text-border, none);padding:0;font-size:var(--ms-count-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-count-text-color, #111827);cursor:pointer;transition:color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));height:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));padding:0;border:none;background:var(--ms-count-clear-background, transparent);color:var(--ms-count-clear-color, #6b7280);font-size:var(--ms-count-clear-font-size, calc(1.8 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-count-clear-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear:hover{background:var(--ms-count-clear-background-hover, rgba(59, 130, 246, .2));color:var(--ms-count-clear-color-hover, #3b82f6)}.ms__count-clear:before{content:var(--ms-icon-clear, "×")}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height, calc(2.7 * var(--ms-rem)));font-size:var(--ms-badge-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-badge-font-weight, 600);line-height:var(--ms-line-height-none, 1);border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));border:var(--ms-badge-border, none);overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;height:100%;padding:var(--ms-badge-text-padding, 0 calc(.8 * var(--ms-rem)));background:var(--ms-badge-text-background, #eff6ff);color:var(--ms-badge-text-color, #3b82f6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal, .2s) ease}.ms__badge-remove{display:flex;align-items:center;justify-content:center;width:var(--ms-badge-remove-width, calc(2.7 * var(--ms-rem)));height:100%;flex-shrink:0;background:var(--ms-badge-remove-background, #3b82f6);color:var(--ms-badge-remove-color, #ffffff);border:var(--ms-badge-remove-border, none);cursor:pointer;transition:background-color var(--ms-transition-normal, .2s) ease;font-size:var(--ms-badge-remove-font-size, calc(1.2 * var(--ms-rem)))}.ms__badge-remove:hover{background:var(--ms-badge-remove-background-hover, #2563eb)}.ms__badge-remove:focus{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus, 0 0 0 2px rgba(59, 130, 246, .5))}.ms__badge-remove:before{content:var(--ms-icon-remove, "×");font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1)}.ms__badge--counter{border:var(--ms-badge-counter-border, 1px solid #e5e7eb);cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-background, #d1d5db);color:var(--ms-badge-counter-text-color, #6b7280)}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-background, #6b7280);color:var(--ms-badge-counter-remove-color, #ffffff)}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-background-hover, #111827)}.ms__badge--more{cursor:pointer}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index, 10000);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal, .2s) ease,visibility var(--ms-transition-normal, .2s) ease;background:var(--ms-tooltip-background, #333);color:var(--ms-tooltip-text-color, #fff);padding:var(--ms-tooltip-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));border-radius:var(--ms-tooltip-border-radius, calc(.6 * var(--ms-rem)));font-size:var(--ms-tooltip-font-size, calc(1.4 * var(--ms-rem)));line-height:var(--ms-line-height-relaxed, 1.4);max-width:var(--ms-tooltip-max-width, calc(32 * var(--ms-rem)));word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow, 0 2px 8px rgba(0, 0, 0, .15));pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__selected-popover{display:none;position:absolute;z-index:var(--ms-z-index-popover, 10000);background:var(--ms-selected-popover-background, #ffffff);border:var(--ms-selected-popover-border, 1px solid #e5e7eb);border-radius:var(--ms-selected-popover-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-selected-popover-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));width:var(--ms-selected-popover-width, calc(32 * var(--ms-rem)));max-height:var(--ms-selected-popover-max-height, calc(32 * var(--ms-rem)));overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-selected-popover-header-background, rgba(59, 130, 246, .1));border-bottom:var(--ms-selected-popover-header-border-bottom, 1px solid #e5e7eb);font-size:var(--ms-selected-popover-header-font-size, calc(1.4 * var(--ms-rem)));font-weight:var(--ms-selected-popover-header-font-weight, 600);color:var(--ms-selected-popover-header-color, #111827)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));height:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));padding:0;border:none;background:var(--ms-selected-popover-close-background, transparent);color:var(--ms-selected-popover-close-color, #6b7280);font-size:var(--ms-selected-popover-close-font-size, calc(2 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-background-hover, rgba(59, 130, 246, .2));color:var(--ms-selected-popover-close-color-hover, #3b82f6)}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap, calc(.4 * var(--ms-rem)));padding:var(--ms-selected-popover-body-padding, calc(.8 * var(--ms-rem)));overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height, calc(28.8 * var(--ms-rem)));scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed, 1.4)}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap, calc(.4 * var(--ms-rem)));overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms--rtl .ms__input-wrapper{direction:rtl}.ms--rtl .ms__input{text-align:right;padding-left:var(--ms-input-padding-right, calc(4 * var(--ms-rem)));padding-right:var(--ms-input-padding-h, calc(1.2 * var(--ms-rem)))}.ms--rtl .ms__toggle{left:var(--ms-toggle-right, calc(1.2 * var(--ms-rem)))!important;right:auto!important}.ms--rtl .ms__counter{left:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)))!important;right:auto!important}.ms--rtl .ms__dropdown{direction:rtl;text-align:right}.ms--rtl .ms__option{flex-direction:row-reverse}.ms--rtl .ms__checkbox{margin-left:var(--ms-spacing-sm, calc(.8 * var(--ms-rem)));margin-right:0}.ms--rtl .ms__option-content{text-align:right}.ms--rtl .ms__option-icon{margin-left:var(--ms-spacing-xs, calc(.4 * var(--ms-rem)));margin-right:0}.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badge{flex-direction:row-reverse}.ms--rtl .ms__badge-remove{border-radius:var(--ms-badge-remove-border-radius-rtl, calc(.6 * var(--ms-rem))) 0 0 var(--ms-badge-remove-border-radius-rtl, calc(.6 * var(--ms-rem)));border-left:var(--ms-badge-remove-border, none);border-right:none}.ms--rtl .ms__badge-text{border-radius:0 var(--ms-badge-text-border-radius-rtl, calc(.6 * var(--ms-rem))) var(--ms-badge-text-border-radius-rtl, calc(.6 * var(--ms-rem))) 0}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__counter-wrapper{flex-direction:row-reverse}.ms--rtl .ms__selected-popover{direction:rtl;text-align:right}.ms--rtl .ms__actions{direction:rtl}.ms--rtl .ms__group-label,.ms--rtl .ms__empty{text-align:right}.ms--rtl .ms__hint{direction:rtl;text-align:right}.ms--xs .ms__input{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__option{padding:var(--ms-spacing-xs, calc(.4 * var(--ms-rem))) var(--ms-spacing-sm, calc(.8 * var(--ms-rem)))}.ms--xs .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__badge{font-size:var(--ms-font-size-2xs, calc(1 * var(--ms-rem)))}.ms--sm .ms__input,.ms--sm .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--lg .ms__input,.ms--lg .ms__option-title{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--lg .ms__badge{font-size:var(--ms-font-size-sm, calc(1.4 * var(--ms-rem)))}.ms--xl .ms__input,.ms--xl .ms__option-title{font-size:var(--ms-font-size-lg, calc(1.8 * var(--ms-rem)))}.ms--xl .ms__badge{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity, .6);cursor:not-allowed;background:var(--ms-input-bg-disabled, rgba(107, 114, 128, .05))}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity, .6)}.ms--no-checkboxes .ms__option{gap:0;padding-left:var(--ms-option-padding-h, calc(1.2 * var(--ms-rem)))}.ms--no-checkboxes .ms__option-content{padding-left:0}.ml-debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:calc(.6 * var(--ms-rem));font-size:calc(1.2 * var(--ms-rem));color:#111827}.ml-debug-info details summary{cursor:pointer;font-weight:600;color:#2563eb;-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:calc(.4 * var(--ms-rem))}.ml-debug-info details summary:hover{background-color:#f3f4f6}.ml-debug-info details summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.ml-debug-info .ml-debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#fff;border-radius:calc(.4 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span:before{content:"•";margin-right:calc(.4 * var(--ms-rem));color:#3b82f6}
+@charset "UTF-8";:host{--ms-rem: 10px;--ms-accent-color: #3b82f6;--ms-accent-color-hover: #2563eb;--ms-accent-color-active: #1d4ed8;--ms-text-primary: #111827;--ms-text-secondary: #6b7280;--ms-text-on-accent: #ffffff;--ms-primary-bg: #f3f4f6;--ms-primary-bg-hover: #e5e7eb;--ms-border-color: #e5e7eb;--ms-input-background: var(--ms-input-bg);--ms-input-color: var(--ms-text-primary);--ms-input-border-color: var(--ms-border-color);--ms-input-border-color-hover: var(--ms-text-secondary);--ms-input-border-color-focus: var(--ms-accent-color);--ms-input-placeholder-color: var(--ms-text-secondary);--ms-input-background-disabled: var(--ms-input-bg-disabled);--ms-toggle-icon-color: var(--ms-text-secondary);--ms-toggle-icon-color-open: var(--ms-text-secondary);--ms-counter-badge-background: var(--ms-accent-color);--ms-counter-badge-background-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-on-accent);--ms-hint-background: var(--ms-hint-bg);--ms-hint-color: var(--ms-text-secondary);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-background: var(--ms-dropdown-bg);--ms-dropdown-text-color: var(--ms-text-primary);--ms-dropdown-border-color: var(--ms-border-color);--ms-actions-background: var(--ms-dropdown-bg);--ms-actions-border-color: var(--ms-border-color);--ms-action-button-background: transparent;--ms-action-button-background-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-primary);--ms-group-border-color: var(--ms-border-color);--ms-group-label-color: var(--ms-text-secondary);--ms-option-text-color: var(--ms-text-primary);--ms-option-background: transparent;--ms-option-background-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-background-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-background-selected: var(--ms-option-bg-selected);--ms-option-color-selected: inherit;--ms-option-color-selected-hover: var(--ms-option-color-selected);--ms-option-background-matched: var(--ms-option-bg-matched);--ms-option-color-matched: inherit;--ms-option-border-matched-color: var(--ms-option-border-matched);--ms-option-title-color: var(--ms-text-primary);--ms-option-subtitle-color: var(--ms-text-secondary);--ms-option-mark-background: var(--ms-option-mark-bg);--ms-empty-color: var(--ms-text-secondary);--ms-loading-color: var(--ms-text-secondary);--ms-badge-background: var(--ms-badge-bg);--ms-badge-background-hover: var(--ms-badge-bg-hover);--ms-badge-background-active: var(--ms-badge-bg-active);--ms-badge-text-background: var(--ms-badge-text-bg);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-background-hover: var(--ms-badge-bg-hover);--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-remove-background: var(--ms-accent-color);--ms-badge-remove-background-hover: var(--ms-accent-color-hover);--ms-badge-remove-color: var(--ms-text-on-accent);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-background: var(--ms-badge-counter-text-bg);--ms-badge-counter-text-color: var(--ms-text-secondary);--ms-badge-counter-remove-background: var(--ms-badge-counter-remove-bg);--ms-badge-counter-remove-background-hover: var(--ms-badge-counter-remove-bg-hover);--ms-badge-counter-remove-color: var(--ms-badge-counter-remove-color);--ms-counter-wrapper-background: transparent;--ms-counter-wrapper-background-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-color: var(--ms-text-primary);--ms-count-clear-background: transparent;--ms-count-clear-background-hover: var(--ms-accent-color);--ms-count-clear-color: var(--ms-text-secondary);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-tooltip-background: var(--ms-tooltip-bg);--ms-tooltip-text-color: var(--ms-tooltip-color);--ms-selected-popover-background: var(--ms-dropdown-bg);--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-background: var(--ms-selected-popover-header-bg);--ms-selected-popover-header-color: var(--ms-text-primary);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-background: transparent;--ms-selected-popover-close-background-hover: var(--ms-accent-color);--ms-selected-popover-close-color: var(--ms-text-secondary);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-input-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-input-padding-right: calc(4 * var(--ms-rem));--ms-input-font-size: calc(1.4 * var(--ms-rem));--ms-input-border-style: 1px solid #d1d5db;--ms-input-border-radius: calc(.6 * var(--ms-rem));--ms-input-bg: #ffffff;--ms-input-text: #111827;--ms-input-focus-border-color: #3b82f6;--ms-input-placeholder-color: #6b7280;--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-input-size-xs-font: calc(1.2 * var(--ms-rem));--ms-input-size-xs-padding-v: calc(.4 * var(--ms-rem));--ms-input-size-xs-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-xs-height: calc(3.1 * var(--ms-rem));--ms-input-size-sm-font: calc(1.3 * var(--ms-rem));--ms-input-size-sm-padding-v: calc(.5 * var(--ms-rem));--ms-input-size-sm-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-sm-height: calc(3.3 * var(--ms-rem));--ms-input-size-md-font: calc(1.4 * var(--ms-rem));--ms-input-size-md-padding-v: calc(.8 * var(--ms-rem));--ms-input-size-md-padding-h: calc(1.2 * var(--ms-rem));--ms-input-size-md-height: calc(3.5 * var(--ms-rem));--ms-input-size-lg-font: calc(1.6 * var(--ms-rem));--ms-input-size-lg-padding-v: calc(1 * var(--ms-rem));--ms-input-size-lg-padding-h: calc(1.4 * var(--ms-rem));--ms-input-size-lg-height: calc(3.8 * var(--ms-rem));--ms-input-size-xl-font: calc(1.8 * var(--ms-rem));--ms-input-size-xl-padding-v: calc(1.2 * var(--ms-rem));--ms-input-size-xl-padding-h: calc(1.6 * var(--ms-rem));--ms-input-size-xl-height: calc(4.1 * var(--ms-rem));--ms-toggle-right: calc(1.2 * var(--ms-rem));--ms-toggle-color: #6b7280;--ms-transform-center-y: translateY(-50%);--ms-transform-rotate-180: 180deg;--ms-counter-offset: calc(3.2 * var(--ms-rem));--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: #3b82f6;--ms-counter-color: #ffffff;--ms-counter-font-size: calc(1.2 * var(--ms-rem));--ms-counter-font-weight: 600;--ms-counter-border-radius: calc(.4 * var(--ms-rem));--ms-counter-bg-hover: #2563eb;--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-bg: #ffffff;--ms-hint-border: 1px solid #e5e7eb;--ms-hint-border-radius: calc(.6 * var(--ms-rem));--ms-hint-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ms-hint-font-size: calc(1.2 * var(--ms-rem));--ms-hint-color: #6b7280;--ms-line-height-relaxed: 1.4;--ms-dropdown-bg: #ffffff;--ms-dropdown-border: 1px solid #e5e7eb;--ms-dropdown-border-radius: calc(.6 * var(--ms-rem));--ms-dropdown-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: #111827;--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid #e5e7eb;--ms-actions-bg: #ffffff;--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(1.2 * var(--ms-rem));--ms-action-btn-border: 1px solid #e5e7eb;--ms-action-btn-border-radius: calc(.4 * var(--ms-rem));--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: #f3f4f6;--ms-action-btn-border-color-hover: #3b82f6;--ms-transform-scale-active: .98;--ms-options-padding: calc(.4 * var(--ms-rem)) 0;--ms-group-border-top: 1px solid #e5e7eb;--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(1.2 * var(--ms-rem));--ms-group-label-font-weight: 600;--ms-group-label-color: #6b7280;--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-bg: transparent;--ms-option-bg-hover: #f9fafb;--ms-option-bg-focused: #f9fafb;--ms-option-outline-focused: 2px solid #3b82f6;--ms-option-focus-outline-offset: -2px;--ms-option-bg-matched: rgba(59, 130, 246, .08);--ms-option-border-matched: 3px solid rgba(59, 130, 246, .4);--ms-option-bg-selected: rgba(59, 130, 246, .1);--ms-option-bg-focused-hover: #f9fafb;--ms-option-bg-matched-hover: rgba(59, 130, 246, .12);--ms-option-bg-selected-focused: rgba(59, 130, 246, .15);--ms-option-bg-selected-matched: rgba(59, 130, 246, .15);--ms-option-bg-disabled-selected: rgba(59, 130, 246, .1);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(1.6 * var(--ms-rem));--ms-option-title-font-size: calc(1.4 * var(--ms-rem));--ms-option-title-color: inherit;--ms-option-mark-bg: rgba(59, 130, 246, .2);--ms-option-mark-color: inherit;--ms-option-mark-font-weight: 600;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(1.2 * var(--ms-rem));--ms-option-subtitle-color: #6b7280;--ms-option-subtitle-line-height: 1.3;--ms-checkbox-margin-top: calc(.2 * var(--ms-rem));--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: flex-start;--ms-checkbox-bg: #ffffff;--ms-checkbox-border: 1px solid #d1d5db;--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checked-bg: #3b82f6;--ms-checkbox-checked-border: 1px solid #3b82f6;--ms-checkbox-checkmark-color: #ffffff;--ms-checkbox-hover-border-color: #3b82f6;--ms-checkbox-disabled-bg: #e5e7eb;--ms-checkbox-disabled-border: 1px solid #e5e7eb;--ms-checkbox-checked-bg-hover: #2563eb;--ms-checkbox-checked-border-color-hover: #2563eb;--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(1.4 * var(--ms-rem));--ms-empty-color: #6b7280;--ms-loader-padding: calc(1.6 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(1.4 * var(--ms-rem));--ms-loading-text-color: #6b7280;--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(1.2 * var(--ms-rem));--ms-badge-font-weight: 600;--ms-badge-border-radius: calc(.6 * var(--ms-rem));--ms-badge-bg: #eff6ff;--ms-badge-bg-hover: #ffffff;--ms-badge-bg-active: #e0f2fe;--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: #eff6ff;--ms-badge-text-color: #3b82f6;--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: #3b82f6;--ms-badge-remove-color: #ffffff;--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(1.2 * var(--ms-rem));--ms-badge-remove-bg-hover: #2563eb;--ms-badge-remove-box-shadow-focus: 0 0 0 2px rgba(59, 130, 246, .5);--ms-icon-remove: "×";--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid #e5e7eb;--ms-badge-counter-border-radius: calc(.4 * var(--ms-rem));--ms-badge-counter-text-color: #6b7280;--ms-badge-counter-text-bg: #d1d5db;--ms-badge-counter-remove-bg: #6b7280;--ms-badge-counter-remove-color: #ffffff;--ms-badge-counter-remove-bg-hover: #111827;--ms-more-badge-bg: #eff6ff;--ms-more-badge-hover-bg: #ffffff;--ms-more-badge-active-bg: #e0f2fe;--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: 1px solid #e5e7eb;--ms-counter-wrapper-border-radius: calc(.4 * var(--ms-rem));--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: #f9fafb;--ms-counter-wrapper-border-color-hover: #3b82f6;--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(1.4 * var(--ms-rem));--ms-count-text-color: #111827;--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: #6b7280;--ms-count-clear-font-size: calc(1.8 * var(--ms-rem));--ms-count-clear-border-radius: 50%;--ms-count-clear-bg-hover: rgba(59, 130, 246, .2);--ms-count-clear-color-hover: #3b82f6;--ms-icon-clear: "×";--ms-tooltip-bg: #333;--ms-tooltip-color: #fff;--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: calc(.6 * var(--ms-rem));--ms-tooltip-font-size: calc(1.4 * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-z-index-popover: 10000;--ms-selected-popover-width: calc(32 * var(--ms-rem));--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-bg: #ffffff;--ms-selected-popover-border: 1px solid #e5e7eb;--ms-selected-popover-border-radius: calc(.6 * var(--ms-rem));--ms-selected-popover-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: rgba(59, 130, 246, .1);--ms-selected-popover-header-border-bottom: 1px solid #e5e7eb;--ms-selected-popover-header-font-size: calc(1.4 * var(--ms-rem));--ms-selected-popover-header-font-weight: 600;--ms-selected-popover-header-color: #111827;--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: #6b7280;--ms-selected-popover-close-font-size: calc(2 * var(--ms-rem));--ms-selected-popover-close-border-radius: 50%;--ms-selected-popover-close-bg-hover: rgba(59, 130, 246, .2);--ms-selected-popover-close-color-hover: #3b82f6;--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(1 * var(--ms-rem));--ms-font-size-xs: calc(1.2 * var(--ms-rem));--ms-font-size-sm: calc(1.4 * var(--ms-rem));--ms-font-size-base: calc(1.6 * var(--ms-rem));--ms-font-size-lg: calc(1.8 * var(--ms-rem));--ms-font-weight-medium: 500;--ms-font-weight-semibold: 600;--ms-line-height-none: 1;--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: #d1d5db;--ms-scrollbar-thumb-bg-hover: #6b7280;--ms-scrollbar-thumb-border-radius: 4px}multi-select:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}.ml-wrapper{display:flex;flex-direction:column;align-items:stretch}.ml-wrapper--inline{flex-direction:row;align-items:flex-start}.ml{position:relative;width:100%}.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;height:var(--ms-input-size-md-height, calc(3.5 * var(--ms-rem)));padding:var(--ms-input-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));padding-right:var(--ms-input-padding-right, calc(4 * var(--ms-rem)));font-size:var(--ms-input-font-size, calc(1.4 * var(--ms-rem)));border:var(--ms-input-border-style, 1px solid #d1d5db);border-radius:var(--ms-input-border-radius, calc(.6 * var(--ms-rem)));background:var(--ms-input-background, #ffffff);color:var(--ms-input-color, #111827);cursor:pointer;transition:border-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__input:hover:not(:focus):not(:disabled){border-color:var(--ms-input-border-color-hover, var(--ms-input-border-color, #d1d5db))}.ms__input:focus{outline:none;border-color:var(--ms-input-border-color-focus, #3b82f6)}.ms__input::placeholder{color:var(--ms-input-placeholder-color, #6b7280);opacity:0;transition:opacity var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity, .6)}.ms__input.ms__input--xs{font-size:var(--ms-input-size-xs-font);padding:var(--ms-input-size-xs-padding-v) var(--ms-input-size-xs-padding-h);padding-right:calc(var(--ms-input-size-xs-padding-h) * 2.5);height:var(--ms-input-size-xs-height)}.ms__input.ms__input--sm{font-size:var(--ms-input-size-sm-font);padding:var(--ms-input-size-sm-padding-v) var(--ms-input-size-sm-padding-h);padding-right:calc(var(--ms-input-size-sm-padding-h) * 2.5);height:var(--ms-input-size-sm-height)}.ms__input.ms__input--lg{font-size:var(--ms-input-size-lg-font);padding:var(--ms-input-size-lg-padding-v) var(--ms-input-size-lg-padding-h);padding-right:calc(var(--ms-input-size-lg-padding-h) * 2.5);height:var(--ms-input-size-lg-height)}.ms__input.ms__input--xl{font-size:var(--ms-input-size-xl-font);padding:var(--ms-input-size-xl-padding-v) var(--ms-input-size-xl-padding-h);padding-right:calc(var(--ms-input-size-xl-padding-h) * 2.5);height:var(--ms-input-size-xl-height)}.ms__toggle{position:absolute;right:var(--ms-toggle-right, calc(1.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));pointer-events:none;color:var(--ms-toggle-icon-color, #6b7280);transition:transform var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms--open .ms__toggle{transform:var(--ms-transform-center-y, translateY(-50%)) rotate(var(--ms-transform-rotate-180, 180deg));color:var(--ms-toggle-icon-color-open, #6b7280)}.ms__counter{position:absolute;right:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));padding:var(--ms-counter-padding, calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem)));background:var(--ms-counter-badge-background, #3b82f6);color:var(--ms-counter-badge-color, #ffffff);font-size:var(--ms-counter-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-counter-font-weight, 600);border-radius:var(--ms-counter-border-radius, calc(.4 * var(--ms-rem)));cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter:hover{background:var(--ms-counter-badge-background-hover, #2563eb);transform:var(--ms-transform-center-y, translateY(-50%)) scale(var(--ms-transform-scale-hover, 1.1))}.ms__hint{display:none;position:absolute;z-index:var(--ms-z-index-popover, 10000);padding:var(--ms-hint-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-hint-background, #ffffff);border:var(--ms-hint-border, 1px solid #e5e7eb);border-radius:var(--ms-hint-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-hint-box-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1));font-size:var(--ms-hint-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-hint-color, #6b7280);line-height:var(--ms-line-height-relaxed, 1.4);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:absolute;z-index:var(--ms-z-index-dropdown, 9999);background:var(--ms-dropdown-background, #ffffff);border:var(--ms-dropdown-border, 1px solid #e5e7eb);border-radius:var(--ms-dropdown-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-dropdown-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));max-height:var(--ms-options-max-height, calc(32 * var(--ms-rem)));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:var(--ms-dropdown-text-color, #111827);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__dropdown::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__dropdown--visible{display:block}.ms__dropdown--virtual{overflow-y:visible;max-height:none}.ms__actions{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap, calc(.4 * var(--ms-rem)));padding:var(--ms-actions-padding, calc(.8 * var(--ms-rem)));border-bottom:var(--ms-actions-border-bottom, 1px solid #e5e7eb)}.ms__actions--wrap{flex-wrap:wrap}.ms__actions--sticky{position:sticky;top:0;z-index:var(--ms-z-index-sticky, 1);background:var(--ms-actions-background, #ffffff)}.ms__action-btn{flex:1;padding:var(--ms-action-btn-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));font-size:var(--ms-action-btn-font-size, calc(1.2 * var(--ms-rem)));border:var(--ms-action-btn-border, 1px solid #e5e7eb);border-radius:var(--ms-action-btn-border-radius, calc(.4 * var(--ms-rem)));background:var(--ms-action-button-background, transparent);color:var(--ms-action-button-color, inherit);cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__action-btn:hover{background:var(--ms-action-button-background-hover, #f3f4f6);border-color:var(--ms-action-button-border-color-hover, #3b82f6)}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active, .98))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed;pointer-events:none}.ms__options{padding:var(--ms-options-padding, calc(.4 * var(--ms-rem)) 0);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__options--virtual .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top, 1px solid #e5e7eb);margin-top:var(--ms-group-margin-top, calc(.4 * var(--ms-rem)));padding-top:var(--ms-group-padding-top, calc(.4 * var(--ms-rem)))}.ms__group-label{padding:var(--ms-group-label-padding, calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));font-size:var(--ms-group-label-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-group-label-font-weight, 600);color:var(--ms-group-label-color, #6b7280);text-transform:var(--ms-group-label-transform, uppercase);letter-spacing:var(--ms-group-label-letter-spacing, .05em)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, flex-start);gap:var(--ms-option-gap, calc(.8 * var(--ms-rem)));padding:var(--ms-option-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));color:var(--ms-option-text-color, #111827);background:var(--ms-option-background, transparent);cursor:pointer;transition:background-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__option:hover{background:var(--ms-option-background-hover, #f9fafb);color:var(--ms-option-color-hover, inherit)}.ms__option--focused{background:var(--ms-option-background-focused, #f9fafb);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused, 2px solid #3b82f6);outline-offset:var(--ms-option-focus-outline-offset, -2px)}.ms__option--matched{background:var(--ms-option-background-matched, rgba(59, 130, 246, .08));color:var(--ms-option-color-matched, inherit);border-left:var(--ms-option-border-matched, 3px solid rgba(59, 130, 246, .4))}.ms__option--selected{background:var(--ms-option-background-selected, rgba(59, 130, 246, .1));color:var(--ms-option-color-selected, inherit)}.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-background-selected, rgba(59, 130, 246, .1)));color:var(--ms-option-color-selected-hover, var(--ms-option-color-selected, inherit))}.ms__option--disabled{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed}.ms__option--disabled:hover{background:var(--ms-option-background, transparent)}.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover, #f9fafb);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color, #111827)))}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover, rgba(59, 130, 246, .12));color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color, #111827)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused, rgba(59, 130, 246, .15));color:var(--ms-option-color-selected-focused, var(--ms-option-color-selected, var(--ms-option-text-color, #111827)));outline:var(--ms-option-outline-focused, 2px solid #3b82f6);outline-offset:var(--ms-option-focus-outline-offset, -2px)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched, rgba(59, 130, 246, .15));color:var(--ms-option-color-selected-matched, var(--ms-option-color-selected, var(--ms-option-text-color, #111827)));border-left:var(--ms-option-border-matched, 3px solid rgba(59, 130, 246, .4))}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected, rgba(59, 130, 246, .1));color:var(--ms-option-color-disabled-selected, var(--ms-option-color-selected, var(--ms-option-text-color, #111827)))}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=center]{--ms-checkbox-align: center}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top, calc(.2 * var(--ms-rem)));margin-right:var(--ms-checkbox-margin-right, 0);margin-bottom:var(--ms-checkbox-margin-bottom, 0);margin-left:var(--ms-checkbox-margin-left, 0);width:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));height:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));transform:scale(var(--ms-checkbox-scale, 1));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg, #ffffff);border:var(--ms-checkbox-border, 1px solid #d1d5db);border-radius:var(--ms-checkbox-border-radius, calc(.3 * var(--ms-rem)));transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:45%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color, #ffffff);border-width:0 2px 2px 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color, #3b82f6)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg, #3b82f6);border:var(--ms-checkbox-checked-border, 1px solid #3b82f6)}.ms__checkbox:checked:after{display:block}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover, #2563eb);border-color:var(--ms-checkbox-checked-border-color-hover, #2563eb)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg, #3b82f6);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg, #e5e7eb);border:var(--ms-checkbox-disabled-border, 1px solid #e5e7eb);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg, #e5e7eb)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:flex-start;gap:var(--ms-option-content-gap, calc(.8 * var(--ms-rem)));min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));height:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size, calc(1.6 * var(--ms-rem)))}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-option-title-color, inherit);line-height:var(--ms-line-height-relaxed, 1.4)}.ms__option-title mark{background:var(--ms-option-mark-background, rgba(59, 130, 246, .2));color:var(--ms-option-mark-color, inherit);font-weight:var(--ms-option-mark-font-weight, 600)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top, calc(.4 * var(--ms-rem)));font-size:var(--ms-option-subtitle-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-option-subtitle-color, #6b7280);line-height:var(--ms-option-subtitle-line-height, 1.3)}.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color, #6b7280))}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color, #6b7280))}.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color, #6b7280)))}.ms__empty{padding:var(--ms-empty-padding, calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));text-align:center;font-size:var(--ms-empty-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-empty-color, #6b7280)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ms-loader-padding, calc(1.6 * var(--ms-rem)));gap:var(--ms-loader-gap, calc(.8 * var(--ms-rem)))}.ms__loading-text{font-size:var(--ms-loading-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-loading-color, #6b7280)}.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap, calc(.8 * var(--ms-rem)));padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom, calc(.8 * var(--ms-rem)))}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__badges--left{order:var(--ms-order-first, -1);margin-right:var(--ms-badges-margin-left, calc(.4 * var(--ms-rem)));justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right, calc(.4 * var(--ms-rem)));justify-content:flex-start}.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom, calc(.8 * var(--ms-rem)))}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__count-display--left{order:var(--ms-order-first, -1);margin-right:var(--ms-count-display-margin-left, calc(.8 * var(--ms-rem)));justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right, calc(.8 * var(--ms-rem)));justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap, calc(.4 * var(--ms-rem)));background:var(--ms-counter-wrapper-background, transparent);border:var(--ms-counter-wrapper-border, 1px solid #e5e7eb);border-radius:var(--ms-counter-wrapper-border-radius, calc(.4 * var(--ms-rem)));padding:var(--ms-counter-wrapper-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-background-hover, #f9fafb);border-color:var(--ms-counter-wrapper-border-color-hover, #3b82f6)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg, transparent);border:var(--ms-count-text-border, none);padding:0;font-size:var(--ms-count-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-count-text-color, #111827);cursor:pointer;transition:color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));height:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));padding:0;border:none;background:var(--ms-count-clear-background, transparent);color:var(--ms-count-clear-color, #6b7280);font-size:var(--ms-count-clear-font-size, calc(1.8 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-count-clear-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear:hover{background:var(--ms-count-clear-background-hover, rgba(59, 130, 246, .2));color:var(--ms-count-clear-color-hover, #3b82f6)}.ms__count-clear:before{content:var(--ms-icon-clear, "×")}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height, calc(2.7 * var(--ms-rem)));font-size:var(--ms-badge-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-badge-font-weight, 600);line-height:var(--ms-line-height-none, 1);border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;height:100%;padding:var(--ms-badge-text-padding, 0 calc(.8 * var(--ms-rem)));background:var(--ms-badge-text-background, #eff6ff);color:var(--ms-badge-text-color, #3b82f6);border:var(--ms-badge-text-border, none);border-right:none;border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0 0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal, .2s) ease,color var(--ms-transition-normal, .2s) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-background-hover, var(--ms-badge-text-background, #eff6ff));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color, #3b82f6))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;width:var(--ms-badge-remove-width, calc(2.7 * var(--ms-rem)));height:100%;flex-shrink:0;background:var(--ms-badge-remove-background, #3b82f6);color:var(--ms-badge-remove-color, #ffffff);border:var(--ms-badge-remove-border, none);border-left:none;border-radius:0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0;cursor:pointer;transition:background-color var(--ms-transition-normal, .2s) ease;font-size:var(--ms-badge-remove-font-size, calc(1.2 * var(--ms-rem)))}.ms__badge-remove:hover{background:var(--ms-badge-remove-background-hover, #2563eb)}.ms__badge-remove:focus{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus, 0 0 0 2px rgba(59, 130, 246, .5))}.ms__badge-remove:before{content:var(--ms-icon-remove, "×");font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1)}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-background, #d1d5db);color:var(--ms-badge-counter-text-color, #6b7280);border:var(--ms-badge-counter-border, 1px solid #e5e7eb);border-right:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-background, #6b7280);color:var(--ms-badge-counter-remove-color, #ffffff);border:var(--ms-badge-counter-border, 1px solid #e5e7eb);border-left:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-background-hover, #111827)}.ms__badge--more{cursor:pointer}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index, 10000);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal, .2s) ease,visibility var(--ms-transition-normal, .2s) ease;background:var(--ms-tooltip-background, #333);color:var(--ms-tooltip-text-color, #fff);padding:var(--ms-tooltip-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));border-radius:var(--ms-tooltip-border-radius, calc(.6 * var(--ms-rem)));font-size:var(--ms-tooltip-font-size, calc(1.4 * var(--ms-rem)));line-height:var(--ms-line-height-relaxed, 1.4);max-width:var(--ms-tooltip-max-width, calc(32 * var(--ms-rem)));word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow, 0 2px 8px rgba(0, 0, 0, .15));pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__selected-popover{display:none;position:absolute;z-index:var(--ms-z-index-popover, 10000);background:var(--ms-selected-popover-background, #ffffff);border:var(--ms-selected-popover-border, 1px solid #e5e7eb);border-radius:var(--ms-selected-popover-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-selected-popover-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));width:var(--ms-selected-popover-width, calc(32 * var(--ms-rem)));max-height:var(--ms-selected-popover-max-height, calc(32 * var(--ms-rem)));overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-selected-popover-header-background, rgba(59, 130, 246, .1));border-bottom:var(--ms-selected-popover-header-border-bottom, 1px solid #e5e7eb);font-size:var(--ms-selected-popover-header-font-size, calc(1.4 * var(--ms-rem)));font-weight:var(--ms-selected-popover-header-font-weight, 600);color:var(--ms-selected-popover-header-color, #111827)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));height:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));padding:0;border:none;background:var(--ms-selected-popover-close-background, transparent);color:var(--ms-selected-popover-close-color, #6b7280);font-size:var(--ms-selected-popover-close-font-size, calc(2 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-background-hover, rgba(59, 130, 246, .2));color:var(--ms-selected-popover-close-color-hover, #3b82f6)}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap, calc(.4 * var(--ms-rem)));padding:var(--ms-selected-popover-body-padding, calc(.8 * var(--ms-rem)));overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height, calc(28.8 * var(--ms-rem)));scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed, 1.4)}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap, calc(.4 * var(--ms-rem)));overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms--rtl .ms__input-wrapper{direction:rtl}.ms--rtl .ms__input{text-align:right;padding-left:var(--ms-input-padding-right, calc(4 * var(--ms-rem)));padding-right:var(--ms-input-padding-h, calc(1.2 * var(--ms-rem)))}.ms--rtl .ms__toggle{left:var(--ms-toggle-right, calc(1.2 * var(--ms-rem)))!important;right:auto!important}.ms--rtl .ms__counter{left:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)))!important;right:auto!important}.ms--rtl .ms__dropdown{direction:rtl;text-align:right}.ms--rtl .ms__option{flex-direction:row-reverse}.ms--rtl .ms__checkbox{margin-left:var(--ms-spacing-sm, calc(.8 * var(--ms-rem)));margin-right:0}.ms--rtl .ms__option-content{text-align:right}.ms--rtl .ms__option-icon{margin-left:var(--ms-spacing-xs, calc(.4 * var(--ms-rem)));margin-right:0}.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badge{flex-direction:row-reverse}.ms--rtl .ms__badge-remove{border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0 0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));border-left:var(--ms-badge-remove-border, none);border-right:none}.ms--rtl .ms__badge-text{border-radius:0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0;border-right:var(--ms-badge-text-border, none);border-left:none}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__counter-wrapper{flex-direction:row-reverse}.ms--rtl .ms__selected-popover{direction:rtl;text-align:right}.ms--rtl .ms__actions{direction:rtl}.ms--rtl .ms__group-label,.ms--rtl .ms__empty{text-align:right}.ms--rtl .ms__hint{direction:rtl;text-align:right}.ms--xs .ms__input{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__option{padding:var(--ms-spacing-xs, calc(.4 * var(--ms-rem))) var(--ms-spacing-sm, calc(.8 * var(--ms-rem)))}.ms--xs .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__badge{font-size:var(--ms-font-size-2xs, calc(1 * var(--ms-rem)))}.ms--sm .ms__input,.ms--sm .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--lg .ms__input,.ms--lg .ms__option-title{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--lg .ms__badge{font-size:var(--ms-font-size-sm, calc(1.4 * var(--ms-rem)))}.ms--xl .ms__input,.ms--xl .ms__option-title{font-size:var(--ms-font-size-lg, calc(1.8 * var(--ms-rem)))}.ms--xl .ms__badge{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity, .6);cursor:not-allowed;background:var(--ms-input-bg-disabled, rgba(107, 114, 128, .05))}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity, .6)}.ms--no-checkboxes .ms__option{gap:0;padding-left:var(--ms-option-padding-h, calc(1.2 * var(--ms-rem)))}.ms--no-checkboxes .ms__option-content{padding-left:0}.ml-debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:calc(.6 * var(--ms-rem));font-size:calc(1.2 * var(--ms-rem));color:#111827}.ml-debug-info details summary{cursor:pointer;font-weight:600;color:#2563eb;-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:calc(.4 * var(--ms-rem))}.ml-debug-info details summary:hover{background-color:#f3f4f6}.ml-debug-info details summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.ml-debug-info .ml-debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#fff;border-radius:calc(.4 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span:before{content:"•";margin-right:calc(.4 * var(--ms-rem));color:#3b82f6}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/web-multiselect",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Lightweight multiselect web component with typeahead search, rich content support, and excellent keyboard navigation",
   "type": "module",
   "main": "./dist/multiselect.umd.js",

package/src/scss/_badges-display.scss

@@ -146,7 +146,6 @@
   font-weight: var(--ms-badge-font-weight, $ml-badge-font-weight);
   line-height: var(--ms-line-height-none, $ml-line-height-none);
   border-radius: var(--ms-badge-border-radius, $ml-badge-border-radius);
-  border: var(--ms-badge-border, $ml-badge-border);
   overflow: hidden;
   max-width: 100%;
 }
@@ -159,10 +158,22 @@
   padding: var(--ms-badge-text-padding, $ml-badge-text-padding);
   background: var(--ms-badge-text-background, $ml-badge-text-bg);
   color: var(--ms-badge-text-color, $ml-badge-text-color);
+  border: var(--ms-badge-text-border, $ml-badge-text-border);
+  border-right: none; // No double border between text and button
+  border-radius: var(--ms-badge-border-radius, $ml-badge-border-radius) 0 0 var(--ms-badge-border-radius, $ml-badge-border-radius);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  transition: background-color var(--ms-transition-normal, $ml-transition-normal) ease;
+  transition: background-color var(--ms-transition-normal, $ml-transition-normal) ease,
+              color var(--ms-transition-normal, $ml-transition-normal) ease;
+}
+
+// Badge hover state
+.ms__badge:hover {
+  .ms__badge-text {
+    background: var(--ms-badge-text-background-hover, var(--ms-badge-text-background, $ml-badge-text-bg));
+    color: var(--ms-badge-text-color-hover, var(--ms-badge-text-color, $ml-badge-text-color));
+  }
 }
 
 // Badge remove button (like composite badge button)
@@ -176,6 +187,8 @@
   background: var(--ms-badge-remove-background, $ml-badge-remove-bg);
   color: var(--ms-badge-remove-color, $ml-badge-remove-color);
   border: var(--ms-badge-remove-border, $ml-badge-remove-border);
+  border-left: none; // No double border between text and button
+  border-radius: 0 var(--ms-badge-border-radius, $ml-badge-border-radius) var(--ms-badge-border-radius, $ml-badge-border-radius) 0;
   cursor: pointer;
   transition: background-color var(--ms-transition-normal, $ml-transition-normal) ease;
   font-size: var(--ms-badge-remove-font-size, $ml-badge-remove-font-size);
@@ -201,17 +214,20 @@
 // ==============================================================================
 // Gray/neutral styling to distinguish from regular blue badges
 .ms__badge--counter {
-  border: var(--ms-badge-counter-border, $ml-badge-counter-border);
   cursor: pointer;
 
   .ms__badge-text {
     background: var(--ms-badge-counter-text-background, $ml-badge-counter-text-bg);
     color: var(--ms-badge-counter-text-color, $ml-badge-counter-text-color);
+    border: var(--ms-badge-counter-border, $ml-badge-counter-border);
+    border-right: none;
   }
 
   .ms__badge-remove {
     background: var(--ms-badge-counter-remove-background, $ml-badge-counter-remove-bg);
     color: var(--ms-badge-counter-remove-color, $ml-badge-counter-remove-color);
+    border: var(--ms-badge-counter-border, $ml-badge-counter-border);
+    border-left: none;
 
     &:hover {
       background: var(--ms-badge-counter-remove-background-hover, $ml-badge-counter-remove-bg-hover);

package/src/scss/_css-variables.scss

@@ -40,7 +40,7 @@
   // Text Colors
   --ms-text-primary: #{$ml-text-primary};
   --ms-text-secondary: #{$ml-text-secondary};
-  --ms-text-white: #{$ml-text-white};
+  --ms-text-on-accent: #{$ml-text-on-accent};
 
   // Background Colors
   --ms-primary-bg: #{$ml-primary-bg};
@@ -64,6 +64,7 @@
   --ms-input-background: var(--ms-input-bg);
   --ms-input-color: var(--ms-text-primary);
   --ms-input-border-color: var(--ms-border-color);
+  --ms-input-border-color-hover: var(--ms-text-secondary);
   --ms-input-border-color-focus: var(--ms-accent-color);
   --ms-input-placeholder-color: var(--ms-text-secondary);
   --ms-input-background-disabled: var(--ms-input-bg-disabled);
@@ -77,7 +78,7 @@
   // --------------------------------------------------------------------------
   --ms-counter-badge-background: var(--ms-accent-color);
   --ms-counter-badge-background-hover: var(--ms-accent-color-hover);
-  --ms-counter-badge-color: var(--ms-text-white);
+  --ms-counter-badge-color: var(--ms-text-on-accent);
 
   // Floating Hint Semantic Variables
   // --------------------------------------------------------------------------
@@ -147,12 +148,14 @@
   // --------------------------------------------------------------------------
   --ms-badge-text-background: var(--ms-badge-text-bg);
   --ms-badge-text-color: var(--ms-accent-color);
+  --ms-badge-text-background-hover: var(--ms-badge-bg-hover);
+  --ms-badge-text-color-hover: var(--ms-badge-text-color);
 
   // Badge Remove Button Semantic Variables
   // --------------------------------------------------------------------------
   --ms-badge-remove-background: var(--ms-accent-color);
   --ms-badge-remove-background-hover: var(--ms-accent-color-hover);
-  --ms-badge-remove-color: var(--ms-text-white);
+  --ms-badge-remove-color: var(--ms-text-on-accent);
 
   // Badge Counter Variant Semantic Variables
   // --------------------------------------------------------------------------
@@ -339,6 +342,14 @@
   --ms-option-bg-matched: #{$ml-option-bg-matched};
   --ms-option-border-matched: #{$ml-option-border-matched};
   --ms-option-bg-selected: #{$ml-option-bg-selected};
+
+  // Option State Combinations (background only - colors use fallback chains)
+  --ms-option-bg-focused-hover: #{$ml-option-bg-focused-hover};
+  --ms-option-bg-matched-hover: #{$ml-option-bg-matched-hover};
+  --ms-option-bg-selected-focused: #{$ml-option-bg-selected-focused};
+  --ms-option-bg-selected-matched: #{$ml-option-bg-selected-matched};
+  --ms-option-bg-disabled-selected: #{$ml-option-bg-disabled-selected};
+
   --ms-disabled-opacity: #{$ml-disabled-opacity};
 
   // ==========================================================================
@@ -384,6 +395,10 @@
   --ms-checkbox-disabled-bg: #{$ml-checkbox-disabled-bg};
   --ms-checkbox-disabled-border: #{$ml-checkbox-disabled-border};
 
+  // Checkbox State Combinations
+  --ms-checkbox-checked-bg-hover: #{$ml-checkbox-checked-bg-hover};
+  --ms-checkbox-checked-border-color-hover: #{$ml-checkbox-checked-border-color-hover};
+
   // ==========================================================================
   // EMPTY & LOADING STATES
   // ==========================================================================
@@ -417,7 +432,6 @@
   --ms-badge-font-size: #{$ml-badge-font-size};
   --ms-badge-font-weight: #{$ml-badge-font-weight};
   --ms-badge-border-radius: #{$ml-badge-border-radius};
-  --ms-badge-border: #{$ml-badge-border};
   --ms-badge-bg: #{$ml-badge-bg};
   --ms-badge-bg-hover: #{$ml-badge-bg-hover};
   --ms-badge-bg-active: #{$ml-badge-bg-active};
@@ -431,6 +445,7 @@
   --ms-badge-text-padding: #{$ml-badge-text-padding};
   --ms-badge-text-bg: #{$ml-badge-text-bg};
   --ms-badge-text-color: #{$ml-badge-text-color};
+  --ms-badge-text-border: #{$ml-badge-text-border};
 
   // Badge Remove Button
   --ms-badge-remove-width: #{$ml-badge-remove-width};

package/src/scss/_input-dropdown.scss

@@ -31,6 +31,10 @@
   cursor: pointer;
   transition: border-color var(--ms-transition-fast, $ml-transition-fast) var(--ms-easing-snappy, $ml-easing-snappy);
 
+  &:hover:not(:focus):not(:disabled) {
+    border-color: var(--ms-input-border-color-hover, var(--ms-input-border-color, $ml-input-border));
+  }
+
   &:focus {
     outline: none;
     border-color: var(--ms-input-border-color-focus, $ml-input-focus-border-color);

package/src/scss/_options.scss

@@ -123,6 +123,44 @@
     }
   }
 
+  // Focused + Hover
+  &--focused:hover {
+    background: var(--ms-option-bg-focused-hover, $ml-option-bg-focused-hover);
+    color: var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color, $ml-option-color)));
+  }
+
+  // Matched + Hover
+  &--matched:hover {
+    background: var(--ms-option-bg-matched-hover, $ml-option-bg-matched-hover);
+    color: var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color, $ml-option-color)));
+  }
+
+  // Selected + Focused
+  &--selected#{&}--focused {
+    background: var(--ms-option-bg-selected-focused, $ml-option-bg-selected-focused);
+    color: var(--ms-option-color-selected-focused, var(--ms-option-color-selected, var(--ms-option-text-color, $ml-option-color)));
+    outline: var(--ms-option-outline-focused, $ml-option-outline-focused);
+    outline-offset: var(--ms-option-focus-outline-offset, $ml-option-focus-outline-offset);
+  }
+
+  // Selected + Matched
+  &--selected#{&}--matched {
+    background: var(--ms-option-bg-selected-matched, $ml-option-bg-selected-matched);
+    color: var(--ms-option-color-selected-matched, var(--ms-option-color-selected, var(--ms-option-text-color, $ml-option-color)));
+    border-left: var(--ms-option-border-matched, $ml-option-border-matched);
+  }
+
+  // Disabled + Selected
+  &--disabled#{&}--selected {
+    background: var(--ms-option-bg-disabled-selected, $ml-option-bg-disabled-selected);
+    color: var(--ms-option-color-disabled-selected, var(--ms-option-color-selected, var(--ms-option-text-color, $ml-option-color)));
+  }
+
+  // Disabled + Focused (prevents focus outline on disabled items)
+  &--disabled#{&}--focused {
+    outline: none;
+  }
+
   // Checkbox alignment variants
   &[data-checkbox-align="center"] {
     --ms-checkbox-align: center;
@@ -193,6 +231,12 @@
     }
   }
 
+  // Checked + Hover
+  &:checked:hover:not(:disabled) {
+    background: var(--ms-checkbox-checked-bg-hover, $ml-checkbox-checked-bg-hover);
+    border-color: var(--ms-checkbox-checked-border-color-hover, $ml-checkbox-checked-border-color-hover);
+  }
+
   // Focus state (accessibility)
   &:focus-visible {
     outline: 2px solid var(--ms-checkbox-checked-bg, $ml-checkbox-checked-bg);
@@ -272,6 +316,19 @@
   font-size: var(--ms-option-subtitle-font-size, $ml-option-subtitle-font-size);
   color: var(--ms-option-subtitle-color, $ml-option-subtitle-color);
   line-height: var(--ms-option-subtitle-line-height, $ml-option-subtitle-line-height);
+
+  // Subtitle color states (for solid background themes)
+  .ms__option:hover & {
+    color: var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color, $ml-option-subtitle-color));
+  }
+
+  .ms__option--selected & {
+    color: var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color, $ml-option-subtitle-color));
+  }
+
+  .ms__option--selected:hover & {
+    color: var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color, $ml-option-subtitle-color)));
+  }
 }
 
 // ==============================================================================

package/src/scss/_rtl.scss

@@ -74,16 +74,18 @@
     flex-direction: row-reverse;
   }
 
-  // Remove button on left side of badge
+  // Remove button on left side of badge (RTL)
   .ms__badge-remove {
-    border-radius: var(--ms-badge-remove-border-radius-rtl, $ml-badge-border-radius) 0 0 var(--ms-badge-remove-border-radius-rtl, $ml-badge-border-radius);
+    border-radius: var(--ms-badge-border-radius, $ml-badge-border-radius) 0 0 var(--ms-badge-border-radius, $ml-badge-border-radius);
     border-left: var(--ms-badge-remove-border, $ml-badge-remove-border);
     border-right: none;
   }
 
-  // Badge text rounded on right
+  // Badge text rounded on right (RTL)
   .ms__badge-text {
-    border-radius: 0 var(--ms-badge-text-border-radius-rtl, $ml-badge-border-radius) var(--ms-badge-text-border-radius-rtl, $ml-badge-border-radius) 0;
+    border-radius: 0 var(--ms-badge-border-radius, $ml-badge-border-radius) var(--ms-badge-border-radius, $ml-badge-border-radius) 0;
+    border-right: var(--ms-badge-text-border, $ml-badge-text-border);
+    border-left: none;
   }
 
   // ==============================================================================

package/src/scss/_variables.scss

@@ -173,6 +173,7 @@ $ml-input-focus-border-color: $ml-color-accent-base !default;
 
 $ml-input-border-style: $ml-border-width-base solid $ml-input-border !default;
 $ml-input-border-radius: $ml-border-radius !default;
+$ml-input-border-hover: $ml-color-neutral-dark !default;
 $ml-input-font-size: $ml-font-size-sm !default;
 $ml-input-padding: $ml-input-padding-v $ml-input-padding-h !default;
 $ml-input-padding-right: $ml-input-icon-spacing !default;
@@ -213,7 +214,7 @@ $ms-input-size-xl-height: calc(4.1 * var(--ms-rem)) !default;     // 41px
 // ==============================================================================
 $ml-text-primary: $ml-color-neutral-darkest !default;
 $ml-text-secondary: $ml-color-neutral-dark !default;
-$ml-text-white: $ml-color-white !default;
+$ml-text-on-accent: $ml-color-white !default;
 
 // Accent Colors
 // ==============================================================================
@@ -235,7 +236,7 @@ $ml-toggle-right: $ml-input-padding-h !default;
 // ==============================================================================
 $ml-counter-padding: calc(0.2 * var(--ms-rem)) calc(0.4 * var(--ms-rem)) !default;  // 2px 4px
 $ml-counter-bg: $ml-accent-color !default;
-$ml-counter-color: $ml-text-white !default;
+$ml-counter-color: $ml-text-on-accent !default;
 $ml-counter-font-size: $ml-font-size-xs !default;
 $ml-counter-font-weight: $ml-font-weight-semibold !default;
 $ml-counter-border-radius: $ml-border-radius-sm !default;
@@ -318,6 +319,14 @@ $ml-option-border-matched: 3px solid rgba($ml-accent-color, 0.4) !default;
 $ml-option-bg-selected: rgba($ml-accent-color, $ml-opacity-option-selected-bg) !default;
 $ml-option-color-selected: inherit !default;  // Text color when selected (use 'inherit' to keep default, or set explicit color like #ffffff)
 
+// Option State Combinations
+// ==============================================================================
+$ml-option-bg-focused-hover: $ml-option-hover-bg !default;
+$ml-option-bg-matched-hover: rgba($ml-accent-color, 0.12) !default;
+$ml-option-bg-selected-focused: rgba($ml-accent-color, 0.15) !default;
+$ml-option-bg-selected-matched: rgba($ml-accent-color, 0.15) !default;
+$ml-option-bg-disabled-selected: rgba($ml-accent-color, $ml-opacity-option-selected-bg) !default;
+
 // Option Content
 // ==============================================================================
 $ml-option-content-gap: $ml-spacing-sm !default;
@@ -408,18 +417,20 @@ $ml-badge-bg-active: $ml-color-accent-lighter !default;
 $ml-badge-font-size: $ml-font-size-xs !default;
 $ml-badge-font-weight: $ml-font-weight-semibold !default;
 $ml-badge-border-radius: $ml-border-radius !default;
-$ml-badge-border: none !default;  // No border by default
 
 // Badge Text
 // ==============================================================================
 $ml-badge-text-padding: 0 $ml-spacing-sm !default;
 $ml-badge-text-bg: $ml-badge-bg !default;
 $ml-badge-text-color: $ml-accent-color !default;
+$ml-badge-text-border: none !default;
+$ml-badge-text-bg-hover: $ml-badge-bg-hover !default;
+$ml-badge-text-color-hover: $ml-badge-text-color !default;
 
 // Badge Remove Button
 // ==============================================================================
 $ml-badge-remove-bg: $ml-accent-color !default;
-$ml-badge-remove-color: $ml-text-white !default;
+$ml-badge-remove-color: $ml-text-on-accent !default;
 $ml-badge-remove-border: none !default;
 $ml-badge-remove-font-size: $ml-font-size-xs !default;
 $ml-badge-remove-bg-hover: $ml-accent-color-hover !default;
@@ -499,11 +510,15 @@ $ml-checkbox-border: 1px solid $ml-color-neutral-base !default;  // Darker borde
 $ml-checkbox-border-radius: calc(0.3 * var(--ms-rem)) !default;  // 3px
 $ml-checkbox-checked-bg: $ml-accent-color !default;
 $ml-checkbox-checked-border: 1px solid $ml-accent-color !default;
-$ml-checkbox-checkmark-color: $ml-text-white !default;
+$ml-checkbox-checkmark-color: $ml-text-on-accent !default;
 $ml-checkbox-hover-border-color: $ml-accent-color !default;
 $ml-checkbox-disabled-bg: $ml-primary-bg-hover !default;
 $ml-checkbox-disabled-border: 1px solid $ml-border-color !default;
 
+// Checkbox State Combinations
+$ml-checkbox-checked-bg-hover: $ml-accent-color-hover !default;
+$ml-checkbox-checked-border-color-hover: $ml-accent-color-hover !default;
+
 // Placeholder
 // ==============================================================================
 $ml-placeholder-opacity: $ml-opacity-placeholder !default;