pre[data-line] {
	position: relative;
	padding: 1em 0 1em 3em;
}

.line-highlight {
	position: absolute;
	left: 0;
	right: 0;
	padding: inherit 0;
	/*margin-top: 1em;  Same as .prism’s padding-top */

	background: hsla(24, 20%, 50%,.08);
	background: -moz-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
	background: -webkit-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
	background: -o-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
	background: linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
	
	pointer-events: none;
	
	line-height: inherit;
	white-space: pre;
}

	.line-numbers .line-highlight:before,
	.line-numbers .line-highlight[data-end]:after {
		content: attr(data-start);
		position: absolute;
		top: .1em;
		left: .2em;
		min-width: 1em;
		padding: .1em .55em .1em 0;
		background-color: hsla(24, 20%, 50%,1);
		color: hsl(24, 20%, 95%);
		/*font: bold 65%/1.5 sans-serif;*/
		text-align: right;
		vertical-align: .3em;
		border-radius: 999px;
		text-shadow: none;
		box-shadow: 0 1px white;
		width:2.58em;
		font-size: inherit;
		line-height: 1em;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		z-index:2;
	}
	
	.line-numbers .line-highlight[data-end]:after {
		content: attr(data-end);
		top: auto;
		bottom: .2em;
	}