.tab-wrapper {
	display: flex;
	flex-direction: column;
}

.tab-wrapper > .tab-nav-wrapper {
	list-style: none;
	display: flex;
	flex-direction: row;
}

.tab-wrapper > .tab-nav-wrapper > * {
	cursor: pointer;
}

/* not placing this under .tab-wrapper > .tab-nav-section because if they want we want to target other sections */
.tab-nav-section > *:not(.selected) {
	display: none;
}