.bc-form-dropdown{--font-family: var(--font-family-paragraph);--label-font-size: var(--space-2x);--label-line-height: var(--space-2x);--label-font-weight: var(--font-weight-bold);--trigger-font-size: var(--space-2x);--trigger-line-height: var(--space-3x);--trigger-font-weight: var(--font-weight-regular);--option-font-size: var(--space-2x);--option-line-height: var(--space-3x);--group-font-size: var(--space-2x);--group-line-height: var(--space-3x);--message-font-size: var(--space-1-5x);--message-line-height: var(--space-2-5x);--search-font-size: var(--space-2x);--fg-color: var(--color-text-paragraph);--bg-color: var(--color-surface-primary);--border-color: var(--color-border-default);--placeholder-color: var(--color-text-caption);--label-color: var(--color-text-heading);--message-color: var(--color-text-caption);--chevron-color: var(--color-text-caption);--icon-color: var(--color-text-caption);--hover-border-color: var(--color-brand-primary);--hover-bg-color: var(--color-surface-primary);--focus-border-color: var(--color-brand-primary);--focus-shadow-color: rgba(17, 138, 178, .25);--open-fg-color: var(--color-text-paragraph);--panel-bg-color: var(--color-surface-primary);--panel-border-color: var(--color-border-default);--panel-shadow: 0 var(--scale-0-5x) var(--scale-1x) var(--color-shadow);--option-hover-bg: var(--color-surface-hover);--option-selected-bg: var(--color-brand-primary-100);--option-selected-color: var(--color-brand-primary);--option-disabled-color: var(--color-text-disabled);--group-color: var(--color-text-caption);--search-bg-color: var(--color-surface-secondary);--search-border-color: var(--color-border-default);--search-focus-border-color: var(--color-brand-primary);--error-border-color: var(--color-feedback-error-700);--error-message-color: var(--color-feedback-error-700);--error-bg-color: var(--color-feedback-error-100);--error-shadow-color: rgba(166, 80, 89, .25);--success-border-color: var(--color-feedback-success-700);--success-message-color: var(--color-feedback-success-700);--success-bg-color: var(--color-feedback-success-100);--success-shadow-color: rgba(143, 183, 111, .25);--warning-border-color: var(--color-feedback-warning-700);--warning-message-color: var(--color-feedback-warning-700);--warning-bg-color: var(--color-feedback-warning-100);--warning-shadow-color: rgba(204, 176, 101, .25);--disabled-fg-color: var(--color-text-disabled);--disabled-bg-color: var(--color-surface-secondary);--disabled-border-color: var(--color-border-default);--readonly-bg-color: var(--color-surface-secondary);--height: var(--space-6x);--padding-h: var(--space-2x);--padding-v: var(--space-1x);--gap: var(--space-1x);--border-radius: var(--border-radius-4);--icon-size: var(--scale-3x);--chevron-size: var(--scale-3x);--option-height: var(--space-5x);--option-padding-h: var(--space-2x);--group-padding-h: var(--space-1x);--panel-padding-v: var(--space-1x);--panel-max-height: 304px;--search-height: var(--space-5x);--required-margin: 2px;--z-index-panel: 100}.bc-form-dropdown--sm{--height: var(--space-4x);--padding-h: var(--space-1-5x);--padding-v: var(--space-0-5x);--trigger-font-size: var(--space-1-5x);--trigger-line-height: var(--space-2x);--icon-size: var(--scale-2-5x);--chevron-size: var(--scale-2-5x);--option-height: var(--space-4x);--option-font-size: var(--space-1-5x);--search-height: var(--space-4x)}.bc-form-dropdown--lg{--height: var(--space-6x);--padding-h: var(--space-2-5x);--padding-v: var(--space-1-5x);--trigger-font-size: var(--space-2x);--trigger-line-height: var(--space-3x);--icon-size: var(--scale-3x);--chevron-size: var(--scale-3x);--option-height: var(--space-6x);--search-height: var(--space-5x)}.bc-form-dropdown{position:relative;display:flex;flex-direction:column;gap:var(--space-0-5x);font-family:var(--font-family);width:100%}.bc-form-dropdown__label{display:block;font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color)}.bc-form-dropdown__required{color:var(--error-border-color);margin-left:var(--required-margin)}.bc-form-dropdown__wrapper{position:relative}.bc-form-dropdown__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bc-form-dropdown__trigger{display:flex;align-items:center;gap:var(--gap);width:100%;height:var(--height);padding:var(--padding-v) var(--padding-h);font-family:var(--font-family);font-size:var(--trigger-font-size);font-weight:var(--trigger-font-weight);line-height:var(--trigger-line-height);color:var(--fg-color);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;outline:none;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.bc-form-dropdown__trigger:hover:not(:disabled){border-color:var(--hover-border-color)}.bc-form-dropdown__trigger:focus:not(:disabled){border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-shadow-color)}.bc-form-dropdown__trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.bc-form-dropdown__trigger:disabled{color:var(--disabled-fg-color);background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed}.bc-form-dropdown__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--icon-size);height:var(--icon-size);color:var(--icon-color)}.bc-form-dropdown__icon svg{width:100%;height:100%;fill:currentColor}.bc-form-dropdown__selected-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--icon-size);height:var(--icon-size);color:var(--fg-color)}.bc-form-dropdown__selected-icon svg{width:100%;height:100%;fill:currentColor}.bc-form-dropdown__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-form-dropdown__value--placeholder{color:var(--placeholder-color)}.bc-form-dropdown__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--chevron-size);height:var(--chevron-size);color:var(--chevron-color);margin-left:auto;transition:transform .2s ease}.bc-form-dropdown__chevron svg{width:100%;height:100%;fill:currentColor}.bc-form-dropdown__panel{position:absolute;top:100%;left:0;right:0;z-index:var(--z-index-panel);display:none;flex-direction:column;background-color:var(--panel-bg-color);border:1px solid var(--panel-border-color);border-radius:var(--border-radius);box-shadow:var(--panel-shadow);margin-top:var(--scale-0-5x);overflow:hidden}.bc-form-dropdown__search{display:flex;align-items:center;gap:var(--gap);padding:var(--space-1x);border-bottom:1px solid var(--panel-border-color)}.bc-form-dropdown__search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--scale-2-5x);height:var(--scale-2-5x);color:var(--placeholder-color)}.bc-form-dropdown__search-icon svg{width:100%;height:100%;fill:currentColor}.bc-form-dropdown__search-input{flex:1;min-width:0;height:var(--search-height);padding:0 var(--space-1x);font-family:var(--font-family);font-size:var(--search-font-size);color:var(--fg-color);background-color:var(--search-bg-color);border:1px solid var(--search-border-color);border-radius:var(--border-radius);outline:none;transition:border-color .2s ease}.bc-form-dropdown__search-input::-moz-placeholder{color:var(--placeholder-color)}.bc-form-dropdown__search-input::placeholder{color:var(--placeholder-color)}.bc-form-dropdown__search-input:focus{border-color:var(--search-focus-border-color)}.bc-form-dropdown__search-clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--scale-3x);height:var(--scale-3x);padding:0;color:var(--placeholder-color);background:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:color .2s ease,background-color .2s ease}.bc-form-dropdown__search-clear:hover{color:var(--fg-color);background-color:var(--option-hover-bg)}.bc-form-dropdown__search-clear:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.bc-form-dropdown__search-clear svg{width:var(--scale-2x);height:var(--scale-2x);fill:currentColor}.bc-form-dropdown__search-clear[hidden]{display:none}.bc-form-dropdown__options{max-height:var(--panel-max-height);overflow-y:auto;padding:var(--panel-padding-v) 0}.bc-form-dropdown__group{padding:var(--space-0-5x) var(--group-padding-h);font-size:var(--group-font-size);font-weight:var(--font-weight-regular);line-height:var(--group-line-height);color:var(--group-color)}.bc-form-dropdown__option{display:flex;align-items:center;gap:var(--gap);height:var(--option-height);padding:0 var(--option-padding-h);font-size:var(--option-font-size);line-height:var(--option-line-height);color:var(--fg-color);cursor:pointer;transition:background-color .15s ease}.bc-form-dropdown__option:hover:not(.bc-form-dropdown__option--disabled){background-color:var(--option-hover-bg)}.bc-form-dropdown__option:focus{outline:none;background-color:var(--option-hover-bg)}.bc-form-dropdown__option:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.bc-form-dropdown__option--selected{background-color:var(--option-selected-bg);color:var(--option-selected-color);font-weight:var(--font-weight-bold)}.bc-form-dropdown__option--disabled{color:var(--option-disabled-color);cursor:not-allowed}.bc-form-dropdown__option[hidden]{display:none}.bc-form-dropdown__option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--icon-size);height:var(--icon-size)}.bc-form-dropdown__option-icon svg{width:100%;height:100%;fill:currentColor}.bc-form-dropdown__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-form-dropdown__no-results{padding:var(--space-2x) var(--option-padding-h);font-size:var(--option-font-size);color:var(--placeholder-color);text-align:center}.bc-form-dropdown__no-results[hidden]{display:none}.bc-form-dropdown__footer{display:flex;flex-direction:column;gap:var(--space-0-5x)}.bc-form-dropdown[data-dropdown-open=true] .bc-form-dropdown__panel{display:flex}.bc-form-dropdown[data-dropdown-open=true] .bc-form-dropdown__trigger{border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-shadow-color)}.bc-form-dropdown[data-dropdown-open=true] .bc-form-dropdown__chevron{transform:rotate(180deg)}.bc-form-dropdown[data-dropdown-open=true] .bc-form-dropdown__label{color:var(--open-fg-color)}.bc-form-dropdown--error .bc-form-dropdown__trigger{border-color:var(--error-border-color);background-color:var(--error-bg-color)}.bc-form-dropdown--error .bc-form-dropdown__trigger:focus{box-shadow:0 0 0 3px var(--error-shadow-color)}.bc-form-dropdown--error .bc-form-dropdown__label,.bc-form-dropdown--error .bc-form-dropdown__icon,.bc-form-dropdown--error .bc-form-dropdown__chevron{color:var(--error-border-color)}.bc-form-dropdown--error[data-dropdown-open=true] .bc-form-dropdown__trigger{box-shadow:0 0 0 3px var(--error-shadow-color)}.bc-form-dropdown--success .bc-form-dropdown__trigger{border-color:var(--success-border-color);background-color:var(--success-bg-color)}.bc-form-dropdown--success .bc-form-dropdown__trigger:focus{box-shadow:0 0 0 3px var(--success-shadow-color)}.bc-form-dropdown--success .bc-form-dropdown__icon,.bc-form-dropdown--success .bc-form-dropdown__chevron{color:var(--success-border-color)}.bc-form-dropdown--success[data-dropdown-open=true] .bc-form-dropdown__trigger{box-shadow:0 0 0 3px var(--success-shadow-color)}.bc-form-dropdown--warning .bc-form-dropdown__trigger{border-color:var(--warning-border-color);background-color:var(--warning-bg-color)}.bc-form-dropdown--warning .bc-form-dropdown__trigger:focus{box-shadow:0 0 0 3px var(--warning-shadow-color)}.bc-form-dropdown--warning .bc-form-dropdown__icon,.bc-form-dropdown--warning .bc-form-dropdown__chevron{color:var(--warning-border-color)}.bc-form-dropdown--warning[data-dropdown-open=true] .bc-form-dropdown__trigger{box-shadow:0 0 0 3px var(--warning-shadow-color)}.bc-form-dropdown--disabled{opacity:.7;pointer-events:none}.bc-form-dropdown--disabled .bc-form-dropdown__label,.bc-form-dropdown--disabled .bc-form-dropdown__chevron{color:var(--disabled-fg-color)}.bc-form-dropdown--readonly .bc-form-dropdown__trigger{background-color:var(--readonly-bg-color);cursor:default}.bc-form-dropdown--readonly .bc-form-dropdown__trigger:hover{border-color:var(--border-color)}