/*Novo*/
.scroll-container {
	position: relative;
	width: auto;
	display: inline-flex;
	max-width: 100%;
}

.tab-control {
	display: inline-flex;
	background: #E5E5E5;
	padding: 4px 5px 4px 5px;
	border-radius: 48px;
	border: none;
	gap: 10px;
	overflow: auto;
	margin-bottom: 16px;
}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.tab-control::-webkit-scrollbar {
		display: none;
	}

/* Hide scrollbar for IE, Edge and Firefox */
.tab-control {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.tab-button {
	color: #525252;
	padding: 0px 16px;
	border-radius: 35px;
	width: fit-content;
	height: 32px;
	border: none;
	background-color: inherit;
	transition: all 0.3s ease;
	text-wrap: nowrap;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
}

.active-tab {
	color: #1D1D1B;
	background-color: #FFFFFF;
}

.tab-button:hover {
	background-color: #F5F5F5;
}

.tab-control-button {
	position: absolute;
	background-color: #FFFFFF;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	border: none;
	border: 1px solid #D4D4D4;
	box-shadow: 0px 3px 10px 0px #0000001A;
}

.tab-control-button.right {
	right: 5px;
	top: 4px;
	bottom: 0;
}

.tab-control-button.left {
	left: 5px;
	top: 4px;
	bottom: 0;
	z-index: 1;
}

.tab-button-disabled{
	opacity: 0.3;
	pointer-events: none;
}