.nav {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
}

.title {
	color: var(--title-color);
}

.navtabs {
	display: flex;
	border-bottom: 2px solid var(--border-color);
}

.navitem {
	margin: 0 -2px -2px 0;
	padding: .25rem .5rem;
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: 4px 4px 0 0;
	font-weight: 600;
	color: var(--disable-color);
	cursor: pointer;
	text-decoration: none;
}
.navitem.active {
	border-top: 2px solid  var(--border-color);
	border-left: 2px solid  var(--border-color);
	border-right: 2px solid  var(--border-color);
	border-bottom: 2px solid var(--bg-color);
	color: var(--title-color);
}
.navitem:not(.active):hover {
	color: var(--hover-disable-color);
	border-color: var(--hover-disable-border-color);
}
.tabcontent {
	display: none;
}
.tabcontent.active {
	display: block;
}