.hfl-flow-graph__zoom {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin: -4px 0 8px;
}

.hfl-flow-graph__zoom button,
.hfl-flow-graph__zoom span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	min-width: 34px;
	box-sizing: border-box;
	border: 1px solid #d7dde5;
	border-radius: 8px;
	background: #fff;
	color: #344050;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
}

.hfl-flow-graph__zoom button {
	cursor: pointer;
	padding: 0 9px;
}

.hfl-flow-graph__zoom button:hover,
.hfl-flow-graph__zoom button:focus-visible {
	border-color: #0784ff;
	outline: 2px solid rgba( 7, 132, 255, .15 );
}

.hfl-flow-graph__zoom span {
	min-width: 48px;
	background: #f7f9fc;
}

.hfl-flow-graph__comparison[data-hfl-equality-ready] .hfl-flow-graph__comparison-operator {
	font-weight: 800;
}