.tabbar {
	margin: 1em 0 0 0;
	padding: 0.1em 0 0 0;
}

.tabbar figure {
   display: block;
   margin: 0.25em 0 0 0;
   clear: both;
}

.tabbar > input,
.tabbar figure > div {
	display: none;
}

#tabpre:checked ~ figure .tabpre,
#tabusr:checked ~ figure .tabusr,
#tabset:checked ~ figure .tabset {
	display: block;
}

nav label {
	line-height: 2.5;
	white-space: nowrap;
	background-color: var(--multidoc-button-bg);
	color: var(--multidoc-button-fg);
	text-decoration: none;
	margin: 0 0.25em 0 0;
	padding: 0.4em 1em;
	border-radius: 0.25em;
	cursor: pointer;
}

nav label:hover {
	background-color: var(--multidoc-button-hover-bg);
	color: var(--multidoc-button-hover-fg);
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

nav label:active,
#tabpre:checked ~ nav label[for="tabpre"],
#tabusr:checked ~ nav label[for="tabusr"],
#tabset:checked ~ nav label[for="tabset"] {
	background-color: var(--multidoc-button-active-bg);
	color: var(--multidoc-button-active-fg);
	text-decoration-thickness: 3px;
}
