.tabsPro {
	width: 100%;
}

.contextMenu {
	position: fixed;
	z-index: 2;
	background-color: white;
	border: 1px solid #d9d9d9;
	border-radius: 4px;

	> div {
		cursor: pointer;
		padding: 4px 12px;
		border-bottom: 1px solid #d9d9d9;
		transition: all 0.3s;

		&:hover {
			opacity: 0.8;
			background-color: #d9d9d9;
			transition: all 0.3s;
		}
	}

	> div:last-child {
		border-bottom: none;
	}

	> .disabled {
		cursor: not-allowed;
		color: #00000040;

		&:hover {
			background-color: white;
			opacity: 1;
		}
	}
}

.hide {
	display: none;
}
.group {
	display: flex;
	align-items: center;
}
.item {
	overflow: hidden;
	padding: 4px 8px;
	margin-right: 2px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: rgba(0, 0, 0, 0.02);
	border: 1px solid rgba(5, 5, 5, 0.06);
	border-bottom: 0;
	cursor: pointer;
	display: flex;
	align-items: center;

	&:hover {
		opacity: 0.8;
	}

	.closeIcon {
		margin-left: 6px;
	}
}

.checked {
	background-color: white;
}