#pongho-db-profiler-panel {
	.pongho-modal-overlay, .pongho-modal {
		display: none;
	}

	&.visible {
		.pongho-modal-overlay, .pongho-modal {
			display: block;
		}
	}

	.pongho-modal-overlay {
		background: #000;
		height: 100%;
		left: 0;
		opacity: 0.9;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	.pongho-modal {
		background: #FFF;
		height: 90%;
		left: 50%;
		overflow: auto;
		position: fixed;
		top: calc(50% + 30px);
		transform: translate(-50%, calc(-50% - 15px));
		width: 90%;
		z-index: 9999;
	}

	header {
		margin: 10px;
	}

	ul {
		list-style: decimal;
		margin: 10px;
	}

	li {
		background-color: #EEE;
		font-family: monospace;
		padding: 10px;

		&:nth-child(odd) {
			background-color: #DDD;
		}

		span {
			display: block;
		}
	}
}
