.bc-form-input-select{--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);--select-font-size: var(--space-2x);--select-line-height: var(--space-3x);--select-font-weight: var(--font-weight-regular);--message-font-size: var(--space-1-5x);--message-line-height: 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);--hover-border-color: var(--color-brand-primary);--focus-border-color: var(--color-brand-primary);--focus-shadow-color: rgba(17, 138, 178, .25);--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-caption);--disabled-bg-color: var(--color-surface-secondary);--disabled-border-color: var(--color-border-default);--height: var(--space-5x);--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);--required-margin: 2px}.bc-form-input-select--sm{--height: var(--space-4x);--padding-h: var(--space-1-5x);--padding-v: var(--space-0-5x);--select-font-size: var(--space-1-5x);--select-line-height: var(--space-2x);--icon-size: var(--scale-2-5x);--chevron-size: var(--scale-2-5x)}.bc-form-input-select--lg{--height: var(--space-6x);--padding-h: var(--space-2-5x);--padding-v: var(--space-1-5x);--select-font-size: var(--space-2x);--select-line-height: var(--space-3x);--icon-size: var(--scale-3x);--chevron-size: var(--scale-3x)}.bc-form-input-select{display:flex;flex-direction:column;gap:var(--space-0-5x);font-family:var(--font-family);width:100%}.bc-form-input-select__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-input-select__required{color:var(--error-border-color);margin-left:var(--required-margin)}.bc-form-input-select__wrapper{position:relative;display:flex;align-items:center}.bc-form-input-select__field{width:100%;height:var(--height);padding:var(--padding-v) calc(var(--padding-h) + var(--chevron-size) + var(--gap)) var(--padding-v) var(--padding-h);font-family:var(--font-family);font-size:var(--select-font-size);font-weight:var(--select-font-weight);line-height:var(--select-line-height);color:var(--fg-color);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.bc-form-input-select__field:invalid,.bc-form-input-select__field:has(option[value=""]:checked){color:var(--placeholder-color)}.bc-form-input-select__field:hover:not(:disabled){border-color:var(--hover-border-color)}.bc-form-input-select__field:focus:not(:disabled){border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-shadow-color)}.bc-form-input-select__field:disabled{color:var(--disabled-fg-color);background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed}.bc-form-input-select__field:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.bc-form-input-select__chevron{position:absolute;right:var(--padding-h);display:flex;align-items:center;justify-content:center;width:var(--chevron-size);height:var(--chevron-size);color:var(--chevron-color);pointer-events:none;transition:transform .2s ease}.bc-form-input-select__chevron svg{width:100%;height:100%;fill:currentColor}.bc-form-input-select__icon{position:absolute;left:var(--padding-h);display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);color:var(--placeholder-color);pointer-events:none}.bc-form-input-select__icon svg{width:100%;height:100%;fill:currentColor}.bc-form-input-select--icon .bc-form-input-select__field{padding-left:calc(var(--padding-h) + var(--icon-size) + var(--gap))}.bc-form-input-select__footer{display:flex;justify-content:flex-start;align-items:flex-start;gap:var(--space-2x)}.bc-form-input-select__message{flex:1}.bc-form-input-select--error .bc-form-input-select__field{border-color:var(--error-border-color);background-color:var(--error-bg-color)}.bc-form-input-select--error .bc-form-input-select__field:focus{box-shadow:0 0 0 3px var(--error-shadow-color)}.bc-form-input-select--error .bc-form-input-select__label,.bc-form-input-select--error .bc-form-input-select__icon,.bc-form-input-select--error .bc-form-input-select__chevron{color:var(--error-border-color)}.bc-form-input-select--success .bc-form-input-select__field{border-color:var(--success-border-color);background-color:var(--success-bg-color)}.bc-form-input-select--success .bc-form-input-select__field:focus{box-shadow:0 0 0 3px var(--success-shadow-color)}.bc-form-input-select--success .bc-form-input-select__icon,.bc-form-input-select--success .bc-form-input-select__chevron{color:var(--success-border-color)}.bc-form-input-select--warning .bc-form-input-select__field{border-color:var(--warning-border-color);background-color:var(--warning-bg-color)}.bc-form-input-select--warning .bc-form-input-select__field:focus{box-shadow:0 0 0 3px var(--warning-shadow-color)}.bc-form-input-select--warning .bc-form-input-select__icon,.bc-form-input-select--warning .bc-form-input-select__chevron{color:var(--warning-border-color)}.bc-form-input-select--disabled{opacity:.7}.bc-form-input-select--disabled .bc-form-input-select__label,.bc-form-input-select--disabled .bc-form-input-select__chevron{color:var(--disabled-fg-color)}
