link[name="blocks"]::--attr-href
	{
		set: blocks#menucard;
	}

[cs-span]:not([cs-span=""])::define( span )
	{
		data:
			{
				popup:
					small( 0, 1080 ),
					normal( 1080 )
				;
			}
		;
	}

.selections .selections-button::elm
	{
		kill: false;
	}

.filter-button .text::before
	{
		content: "Filteren";
	}

.filters::define( filters )
	{
		$: ui/filter/main;

		title:
			"Verfijn je voorkeur: "
		;

		groupBy:
			card
		;

		select:
			card( {
				title: "Kaart";
				choose: "Menukaart";
				multiple: true;
				path: categories, title; /* cards, title; /* -> categories */
				order:
					"Ontbijt",
					"Lunch",
					"Voorgerecht",
					"Hoofdgerecht",
					"Pizza",
					"Tapas",
					"Dessert & Gebak"
				;
			} ),
			categories( {
				title: "Vereisten";
				choose: "Vereisten & Allergiën";
				multiple: true;
				path: diet, title; /* kind, title; /* -> diet */
			} ),
			type( {
				title: "Type gerecht";
				choose: "Type gerecht";
				multiple: true;
				path: kind, title; /* categories, title; /* -> kind */
			} )
		;
	}

.filters .result-selected::elm
	{
		kill: false;
	}