.catcode-mc-switcher {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1.2;
}

.catcode-mc-switcher__label {
	opacity: .7;
}

/*
 * Системні кольори Field/FieldText читаються і на світлій, і на темній темі:
 * прозорий фон із color:inherit давав темний текст на темному тлі.
 * Тема може перевизначити будь-який із цих токенів.
 */
.catcode-mc-switcher__select {
	padding: 4px 8px;
	border: 1px solid var(--ccmc-select-border, currentColor);
	border-radius: 4px;
	background: var(--ccmc-select-bg, Field);
	color: var(--ccmc-select-fg, FieldText);
	font: inherit;
	cursor: pointer;
}

.catcode-mc-switcher__select option {
	background: var(--ccmc-select-bg, Field);
	color: var(--ccmc-select-fg, FieldText);
}

.catcode-mc-switcher__list {
	display: flex;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.catcode-mc-switcher__item a {
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: inherit;
	text-decoration: none;
}

.catcode-mc-switcher__item.is-active a {
	border-color: currentColor;
	font-weight: 600;
}