:root {
	--Tabs-background: white;
	--Tabs-border-color: currentColor;
	--Tabs-border-radius: currentColor;
	--Tabs-color: inherit;
	--Tabs-hover-color: inherit;
	--Tabs-active-color: inherit;
	--Tabs-font: 1rem var(--base-font-family);
	--Tabs-padding: 0.4em 0.75em;
}

.Tabs-headings {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
	border-bottom: 1px solid var(--Tabs-border-color);
}

.Tabs-heading {
	display: inline-block;
	padding: var(--Tabs-padding);
	margin-bottom: -1px;
	font: var(--Tabs-font);
	color: var(--Tabs-color);
	border: 1px solid transparent;

	&:hover {
		cursor: pointer;
		color: var(--Tabs-hover-color);
	}
}

.Tabs-heading--active {
	color: var(--Tabs-active-color);
	background: var(--Tabs-background);
	border-color: var(--Tabs-border-color) var(--Tabs-border-color) transparent;
}