::selection {
	background: #ffffff;
	color: #000000;
}

.diffstat {
	font-size: small;
	font-family: monospace;
	min-width: 12em;
}

.diff, .file {
	font-family: monospace;
	overflow-x: auto;
}

/******************************************************************************
 * File Classes
 *****************************************************************************/

.hgk-file {
	font-family: monospace;
	overflow-x: visible;
	overflow-y: visible;

	counter-reset: lineno
}

.hgk-file div {
	white-space: pre;
	counter-increment: lineno;
}

.hgk-file a {
	display: inline-block;
	text-align: right;
	min-width: 6ch;
	padding-right: 1ch;
}

.hgk-file a::before {
	content: counter(lineno);
}

.hgk-file div:target {
	background-color: #686860;
}

/******************************************************************************
 * Diff Classes
 *****************************************************************************/
.hgk-diff {
	font-family: monospace;
	overflow-x: visible;
	overflow-y: visible;

	counter-reset: linea 0 lineb 0;
}

.hgk-diff div.unchanged {
	display: block;
	text-decoration: none;
	white-space: pre;

	counter-increment: linea lineb;
}

.hgk-diff div.offset {
	color: #e800e8;
}

.hgk-diff div.a {
	display: flex;
	counter-increment: linea;
}

.hgk-diff div.a del {
	color: #000000;
	background-color: #ff8d8d;
	display: inline-block;
	text-decoration: none;
	white-space: pre;
	flex: 1 1 auto;
}

.hgk-diff div.b {
	display: flex;
	counter-increment: lineb;
}

.hgk-diff div.b ins {
	color: #000000;
	background-color: #60c6d5;
	display: inline-block;
	text-decoration: none;
	white-space: pre;
	flex: 1 1 auto;
}

.hgk-diff div a {
	display: inline-block;
	text-align: right;
	min-width: 6ch;
	padding-right: 1ch;
}

.hgk-diff div span.hgk-linenumber,
.hgk-diff div a {
	display: inline-block;
	min-width: 5ch;
	text-align: right;
	margin-right: 1ch;
}

.hgk-diff div span.hgk-linenumber {
	content: " ";
}

.hgk-diff div a.a::before {
	content: counter(linea);
}

.hgk-diff div a.b::before {
	content: counter(lineb);
}

/******************************************************************************
 * Repository Nav Classes
 *****************************************************************************/

.hgk-repository-clone-url {
	background-color: unset;
	color: #ffffff;
}

@media (max-width: 576px) {
  .hgk-clone-btn {
    width: 100%;
  }

  .hgk-repository-name {
    text-align: center;
  }
}

/******************************************************************************
 * Other Junk
 *****************************************************************************/

.diff-header::after {
	content: attr(data-changetype);
}

.line {
	display: inline-block;
	white-space: pre;
	flex: 1 1 auto; /* boostrap flex-fill */
}


.diff div.offset {
	color: #e800e8;
}

.revision {
	margin-right: 1ch;
	font-family: monospace;
}