/* Tabs */
.hourgate-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5rem;
	border-bottom: 0.0625rem solid #dcdcde;
}

.hourgate-tabs__item {
	appearance: none;
	background: none;
	border: none;
	border-bottom: 0.1875rem solid transparent;
	margin-bottom: -0.0625rem;
	padding: 0.625rem 0.125rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #50575e;
	cursor: pointer;
}

.hourgate-tabs__item:hover {
	color: var(--hourgate-primary-hover-color, var(--hourgate-primary-color));
}

.hourgate-tabs__item.is-active {
	color: var(--hourgate-primary-color);
	border-bottom-color: var(--hourgate-primary-color);
}

.hourgate-tabs__item:focus-visible {
	outline: 0.125rem solid var(--hourgate-primary-color);
	outline-offset: 0.125rem;
}