.tab-header {
	display: flex;
	flex-direction: row;

	height: 3rem;
}

.tab-header-item {
	flex: 1 1 100%;
	background-color: var(--bs-body-bg);
	border: none;
	border-bottom: 1px solid var(--bs-border-color);
	border-radius: 0;

	transition: border-bottom ease-in-out 0.1s, background-color ease-in-out 0.1s;

	font-size: 1.25rem !important;
	align-content: center;

	&:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	&:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-left-width: 0!important;
	}

	&:hover {
		border-bottom: 1px solid var(--bs-purple);
	}

	&:active {
		border-color: var(--bs-purple)!important;
		background-color: var(--bs-secondary-bg)!important;
	}

	&.tab-header--selected {
		border-bottom: 0.2rem solid var(--bs-purple);
	}
}	

.tab-header-item:focus, .tab-header-item:active:focus {
	box-shadow: none!important;
}
