/* Tabs */
.apf-tabs {
	display: flex;
	border-bottom: 2px solid #ddd;
	margin-bottom: 1em;
	user-select: none;
}
.apf-tabs .apf-tab {
	margin-right: 1.5em;
	padding: 0.5em 0;
	cursor: pointer;
	font-weight: 500;
	color: #555;
	transition: color 0.2s ease;
	position: relative;
}
.apf-tabs .apf-tab::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 3px;
	width: 0;
	background: #17278B;
	transition: width 0.3s ease;
}
.apf-tabs .apf-tab.active {
	color: #17278B;
}
.apf-tabs .apf-tab.active::after {
	width: 100%;
}
.apf-tabs .apf-tab:hover {
	color: #17278B;
}

/* Panels */
.apf-contents {
	position: relative;
}
.apf-content-panel {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.apf-content-panel.active {
	display: block;
	opacity: 1;
}