.skw-searchable-select { position: relative; width: 100%; min-width: 0; }
.skw-searchable-select__native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.skw-searchable-select__toggle { position: relative; display: flex; align-items: center; gap: .28rem; width: 100%; min-height: 1.72rem; padding: .26rem 1.55rem .26rem .48rem; overflow: hidden; border: 1px solid #cbd5e1; border-radius: .3rem; background: #fff; color: #334155; font: inherit; font-size: .68rem; line-height: 1.15; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.skw-searchable-select__toggle::after { content: ""; position: absolute; top: 50%; right: .48rem; width: .4rem; height: .4rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-70%) rotate(45deg); opacity: .7; }
.skw-searchable-select__toggle:focus-visible { outline: 0; border-color: #2454e6; box-shadow: 0 0 0 .12rem rgba(36, 84, 230, .12); }
.skw-searchable-select__toggle:disabled { background: #f8fafc; color: #94a3b8; cursor: not-allowed; }
.skw-searchable-select__menu { position: fixed; z-index: 1110; overflow: hidden; border: 1px solid rgba(148, 163, 184, .35); border-radius: .38rem; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .14); }
.skw-searchable-select__search { width: 100%; min-height: 1.8rem; padding: .28rem .48rem; border: 0; border-bottom: 1px solid rgba(148, 163, 184, .22); outline: 0; font-size: .68rem; }
.skw-searchable-select__options { overflow: auto; padding: .18rem; }
.skw-searchable-select__option { display: flex; align-items: center; gap: .32rem; width: 100%; padding: .32rem .42rem; overflow: hidden; border: 0; border-radius: .24rem; background: transparent; color: #334155; font: inherit; font-size: .67rem; line-height: 1.2; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.skw-searchable-select__option-code { flex: 0 0 auto; color: #64748b; font-size: .61rem; font-weight: 700; }
.skw-searchable-select__option-code::after { content: "-"; margin-left: .32rem; color: #94a3b8; font-weight: 400; }
.skw-searchable-select__option-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.skw-searchable-select__option:hover, .skw-searchable-select__option.is-selected { background: #eef4ff; color: #2454e6; }