.searchable-select { display: inline-block; position: relative; width: 100%; min-width: 0; vertical-align: middle; }
.searchable-select-original { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; padding: 0 !important; margin: 0 !important; pointer-events: none; }
.searchable-select-input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 38px; padding: 8px 30px 8px 12px; border: 1px solid #b7c1ce; border-radius: 6px; color: #172338; background: #fff; font: inherit; text-overflow: ellipsis; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23536579' stroke-width='2'/%3E%3C/svg%3E"); background-position: right 10px center; background-repeat: no-repeat; }
.searchable-select-input:focus { outline: 2px solid #b87500; outline-offset: 2px; }
.searchable-select-input:disabled { background-color: #edf0f4; cursor: not-allowed; }
.searchable-select-input[aria-invalid="true"] { border-color: #ba2525; }
.searchable-select-options { position: fixed; z-index: 100000; overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box; border: 1px solid #b7c1ce; border-radius: 6px; background: #fff; color: #172338; box-shadow: 0 6px 24px #17233826; font: 15px/1.4 sans-serif; }
.searchable-select-options[hidden] { display: none; }
.searchable-select-option, .searchable-select-empty { padding: 10px 12px; overflow-wrap: anywhere; }
.searchable-select-option { cursor: pointer; }
.searchable-select-option[aria-selected="true"] { font-weight: 700; }
.searchable-select-option:hover, .searchable-select-option.is-active { background: #fff1d8; color: #172338; }
.searchable-select-empty { color: #627086; }