tab-pane {
	display: flex;
	position: relative;
	width: 100%;
}

tab-item {
	display: flex;
	flex-direction: column;
	margin-left: 2rem;
}
	tab-item ~ tab-item {
		margin-left: 0;
	}

	tab-item > input {
		display: none;
	}

		tab-item > input:checked ~ label {
			border-bottom-color: var(--bs-primary);
			color: var(--bs-primary);
		}

		tab-item > input:checked ~ tab-content {
			display: block;
		}

	tab-item > label {
		transition: color .5s, border-bottom-color .5s;
		border-bottom: .2rem solid transparent;
		color: var(--bs-dark);
		font-size: 1.2rem;
		font-weight: bold;
		cursor: pointer;

		line-height: 2rem;
		margin-right: .2rem;
		padding: .1rem .5rem;
		z-index: 1;
	}

tab-content {
	display: none;
	position: absolute;

	border-radius: 2rem;
	background-color: var(--bs-white);
	padding: 2rem;

	width: 100%;
	top: 2.2rem;
	left: 0;
}