:root {
	--brown: rgb(102, 51, 51);
}
:host .alpha {
}
:host .tab-buttons {
	display: flex;
	flex-direction: row;
	list-style: none;
	padding: 0;
	margin: auto;
	align-items: center;
	justify-content: center;
}
:host .tab-buttons [data-active="yup"] {
	padding: 1px 1em;
}
:host .tabs {
	padding: 0;
	list-style: none;
}
:host .tabs ul {
	display: flex;
	flex-wrap: wrap;
}
:host .tabs ul li {
	display: inline-block;
	border-right:  solid 1px var(--brown);
	padding: 0 0.5em 0 0;
	margin: 0 0.5em 0 0;
}
:host .tabs ul li:last-child {
	border-right:  none;
	padding: 0;
	margin: 0;
}
:host .tabs [data-active="nope"] {
	display: none;
}
:host .tabs [data-active="yup"] {
	display: inherit;
}