.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:auto}.dropdown-list{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}