.key-value-label {
	display: flex;
	align-items: center;
	border: 1px solid var(--l1-border);
	border-radius: 2px;
	flex-wrap: wrap;

	&__key,
	&__value {
		padding: 1px 6px;
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.005em;
		&,
		&:hover {
			color: var(--l2-foreground);
		}
	}
	&__key {
		background: var(--l2-background);
		border-radius: 2px 0 0 2px;
	}
	&__value {
		background: var(--l3-background);
	}
}
