.selectable-container{position:relative;font-family:sans-serif}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 18px;border-radius:999px;background:var(--muted);cursor:pointer;transition:.2s}.chip.active{background:var(--primary);color:#fff}.chip.add{background:var(--accent-foreground);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.dropdown{position:absolute;top:100%;right:0;margin-top:10px;width:300px;max-height:300px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:100;overflow:hidden;display:flex;flex-direction:column}.dropdown-search{padding:12px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}.dropdown-search .search-input-wrapper{position:relative;display:flex;align-items:center}.dropdown-search .search-input-wrapper .search-icon{position:absolute;left:12px;color:var(--muted-foreground);pointer-events:none}.dropdown-search .search-input-wrapper input{width:100%;padding:10px 14px 10px 36px;border-radius:12px;border:1px solid var(--border);background:var(--input);font-size:14px;outline:none;transition:.2s}.dropdown-search .search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary),.1)}.dropdown-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-wrap:wrap;gap:10px}.dropdown-item{padding:8px 14px;border-radius:999px;background:#f0f0f0;cursor:pointer;transition:.2s}.dropdown-item.active{background:var(--primary);color:#fff}.dropdown-item:hover{opacity:.8}.no-results{width:100%;padding:20px;text-align:center;color:var(--muted-foreground);font-size:14px}