.window#stream-ocr-window
	.hidden#stream-ocr-selection

.window.window-resizable#stream-window(data-show-maximized data-organize-hook)
	.window-header#stream-window-header
		.window-grab MJPEG
		.window-buttons
			button.window-button-full-screen ⤢
			button.window-button-enter-full-tab ▲
			button.window-button-original •
			button.window-button-maximize ☐
			button.window-button-close #[b ×]

	#stream-info

	button.window-button-exit-full-tab ▼

	.stream-box-offline#stream-box
		img#stream-image(src=`${png_dir}/blank-stream.png`)
		video.hidden#stream-video(disablePictureInPicture="true" autoplay playsinline muted)
		canvas.hidden#stream-canvas
		#stream-fullscreen-active

	.keypad#stream-mouse-buttons(align="center")
		.keypad-block
			.keypad-row
				.key.wide-3.left.rounded-left(data-code="left" data-allow-autohold)
					.label #[b •]#[br]Left
				.key.wide-1.rounded-none(data-code="middle" data-allow-autohold)
					.label #[b •]#[br]Mid
				.key.wide-3.right.rounded-right(data-code="right" data-allow-autohold)
					.label #[b •]#[br]Right

				.empty(style="width: 30px")

				.key.small.rounded-left(data-code="up" data-allow-autohold)
					.label #[b •]#[br]Up
				.key.small.rounded-right(data-code="down" data-allow-autohold)
					.label #[b •]#[br]Down