.searchable-select{position:relative}.searchable-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:var(--border);background:var(--color-surface);width:100%;color:var(--color-slate);font-size:var(--text-sm);cursor:pointer;text-align:left;min-height:40px;padding:8px 12px;font-family:inherit;display:flex}.searchable-select__trigger--filled{color:var(--color-ink)}.searchable-select__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.searchable-select__summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select__chevron{color:var(--color-slate);flex-shrink:0}.searchable-select__panel{z-index:20;background:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.searchable-select__panel--portal{z-index:60;position:fixed}.searchable-select__panel--up{top:auto;bottom:calc(100% + 4px)}.searchable-select__search{border:none;border-bottom:var(--border);width:100%;color:var(--color-ink);font-size:var(--text-sm);background:0 0;padding:8px 12px;font-family:inherit}.searchable-select__search:focus-visible{outline:none}.searchable-select__list{max-height:240px;padding:var(--space-1) 0;overflow-y:auto}.searchable-select__option{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;padding:8px 12px;display:flex}.searchable-select__option:hover{background:var(--color-bg)}.searchable-select__option--selected{color:var(--color-accent);font-weight:600}.searchable-select__option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.searchable-select__option input{accent-color:var(--color-accent);flex-shrink:0;width:16px;height:16px}.check-count{color:var(--color-slate);font-size:var(--text-xs);font-family:var(--font-mono)}.searchable-select__empty{padding:var(--space-3) 12px;font-size:var(--text-sm);color:var(--color-slate)}.searchable-select__clear{border:none;border-top:var(--border);width:100%;color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;text-align:center;background:0 0;padding:8px 12px;font-family:inherit}.searchable-select__clear:hover{background:var(--color-bg)}