#ctl-system-info-wrap {
	position: relative;
	max-width: 1000px;
}

#ctl-system-info-wrap .dashicons-before.dashicons-media-text {
	position: absolute;
	top: 10px;
	right: 26px;
	opacity: 0.7;
	cursor: pointer;
}

#ctl-system-info-wrap .dashicons-before.dashicons-media-text:before {
	width: 30px;
	height: 30px;
	font-size: 30px;
}

#ctl-options .helper {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	right: 26px;
	z-index: 1;
}

#ctl-options .helper:hover {
	cursor: pointer;
}

#ctl-options .helper::before {
	content: '';
	top: 0;
	left: 0;
	transform: translate( 0, 0 );
	background: transparent;
}

#ctl-options .helper:hover .helper-content {
	display: block;
	z-index: 1;
	max-width: 300px;
	width: max-content;
	transform: translate(-6px, 38px);
}

textarea#ctl-system-info {
	width: 100%;
	height: 450px;
	font-size: 12px;
	font-family: Consolas, Monaco, monospace;
	background: #fff;
	white-space: pre;
	overflow: auto;
	padding: 20px;
}
