.searchable-select{position:relative}
.searchable-select input{padding-right:36px}
.searchable-select input::placeholder{color:var(--text);opacity:1}
.searchable-select-toggle{touch-action:manipulation;position:absolute;right:0;top:0;height:100%;width:34px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0;display:grid;place-items:center}
.searchable-select-toggle::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.searchable-select-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:#081222;border:1px solid #2a3c58;border-radius:12px;box-shadow:0 12px 28px #0006;padding:5px}
.searchable-select-option{padding:11px 10px;min-height:44px;display:flex;align-items:center;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.12);user-select:none;-webkit-user-select:none;border-radius:6px;cursor:pointer;overflow-wrap:anywhere}
.searchable-select-option[aria-selected="true"]{background:#233b59;color:#fff}
.searchable-select-group{padding:10px 10px 5px;color:var(--muted);font-size:12px;font-weight:700}
.searchable-select-option[aria-selected="true"]{box-shadow:inset 3px 0 0 currentColor;font-weight:700}