@import '../zindex';

#keyHelp {
	display: none;
	position: fixed;
	height: 90%;
	overflow-y: auto;
	right: 20px;
	top: 20px;
	z-index: $zindex-key-help;
	border: 2px solid #aaa;
	border-radius: 5px;
	width: 300px;
	padding: 5px;
	background-color: #fff;

	th {
		font-weight: bold;
		padding: 2px;
		border-bottom: 1px dashed #ddd;
	}

	td {
		padding: 2px;
		border-bottom: 1px dashed #ddd;

		&:first-child {
			width: 70px;
		}
	}
}

.keyNavAnnotation {
	font-size: 9px;
	line-height: 0;
	vertical-align: super;
}

#goModePanel {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	margin-top: -140px;
	z-index: $zindex-go-mode-panel;

	table {
		width: 100%;

		td {
			padding: 4px 2px;
			border: none;

			&.arrow {
				padding: 4px 12px;
				border: none;
			}
		}
	}
}
