

.tab-navigation {
	position: relative;
	display: flex;
	align-items: center;
	max-width: fit-content;
	margin: 0 auto;
}

.tab-menu {
	list-style: none;
	white-space: nowrap;
	scroll-behavior: smooth;

	user-select: none;
	overflow-x: auto;
}

.tab-menu.dragging {
	scroll-behavior: unset;
	cursor: grab;
}

.tab-menu::-webkit-scrollbar {
	display: none;
}

.tab-btn {
	display: inline-block;
	font-size: 1em;
	cursor: pointer;
	user-select: none;
}

.left-btn,
.right-btn {
	position: absolute;
	font-size: 1.8em;
	cursor: pointer;
}

.left-btn {
	left: 0;
	display: none;
}

.right-btn {
	right: 0;
}
