.tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 40px;
}
.tabs .tab-item {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 6px;
	padding: 16px 24px;
	border-radius: 24px;
	font-size: var(--p2-size);
	font-weight: 600;
	line-height: 120%;
	color: var(--gray-black);
	background-color: var(--gray-2);
	transition: .1s ease-out;
	cursor: pointer;
}
.tabs .tab-item.active {
	color: var(--white-color);
	background-color: var(--gray-black);
	pointer-events: none;
}
.tabs .tab-item span {
	opacity: 0.4;
}
@media screen and (min-width: 769px) {
	.tabs .tab-item:hover {
		background-color: var(--gray-1);
		color: var(--gray-black);
	}
}
@media screen and (max-width: 768px) {
	.tabs {
		margin-bottom: 24px;
	}
}