.net-diagram__modal__info {
	list-style: none;
}
.copy-block .net-diagram__modal__info > li {
	margin-left: 0;
}
.svg .net-diagram__modal__info h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
}
.net-diagram__modal__info h4 {
	font-weight: bold;
}
.net-diagram {
	margin-bottom: 3em;
}

.svg .net-diagram {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 130%;
}

.net-diagram__graphic {
	display: none;
}
.svg .net-diagram__graphic {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: block;
}

.svg .net-diagram__modal {
	position: absolute;
	top: 15%; left: 15%;
	width: 70%; height: 70%;
	background: white;
	background: rgba(255,255,255,0.8);
	padding: 4em 1em 2em;

	-webkit-overflow-scrolling: touch;

	display: none;
}
.svg .net-diagram__modal.is--open {
	display: block;
}
@media (max-width: 480px){
	.svg .net-diagram__modal {
		top: 0; left: 0;
		width: 100%; height: 100%;
	}
}

.net-diagram__modal__close {
	position: absolute;
	top: 0.5em; right: 0.5em;
	width: 1em; height: 1em;

	/* button reset */
	margin: 0; padding: 0;
	background: none;
	outline: none; border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* hide text content */
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 2em;

	display: none;
}
.net-diagram__modal__close:before {
	position: absolute;
	top: 0; left: 0;
	text-indent: 0;
}
.svg .net-diagram__modal__close {
	display: block;
}

.svg .net-diagram__modal__info {
	height: 100%; overflow: auto;
	padding-right: 2em;
}

.svg .net-diagram__graphic .net-diagram__organ {
	cursor: pointer;
}
.svg .net-diagram__graphic [id^="Default"],
.svg .net-diagram__graphic .net-diagram__organ:hover [id^="Hover"] {
	display: block;
}
.svg .net-diagram__graphic [id^="Hover"],
.svg .net-diagram__graphic .net-diagram__organ:hover [id^="Default"] {
	display: none;
}