PauseMenu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(black, 0.7);
	cursor: "bug-default";
	font-family: "Mini Pixel-7";
	color: white;
	font-size: 32px;
	padding: 256px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	//pointer-events: all;
	opacity: 0;
	transition: all 0.1s ease-in-out;
	z-index: 1000;

	.title {
		font-size: 128px;
		text-shadow: 8px 8px 0px black;
	}

	.timer {
		color: #ff7777;
		font-size: 42px;
		font-weight: bold;
		padding: 4px 10px;
		//text-shadow: 3px 3px 0px black;
		text-stroke: 8px #222;
		white-space: pre;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #0002;
		backdrop-filter: blur( 1px );
	}

	.difficulty {
		position: absolute;
		top: 5%;
		color: #ff7777;
		font-size: 42px;
		font-weight: bold;
		text-stroke: 8px #222;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #0002;
		backdrop-filter: blur( 1px );
		padding: 8px;
	}

	> .content {
		flex-grow: 1;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 8px;

		button {
			width: 280px;
			background-color: #4CAF50;
			border: none;
			color: white;
			padding: 15px 32px;
			text-align: center;
			font-size: 32px;
			margin: 4px 2px;
			cursor: pointer;
			box-shadow: 6px 6px 0px black;
			cursor: "select-cursor";
			pointer-events: all;
			position: relative;
			align-items: center;
			justify-content: center;

			InputHint {
				position: absolute;
				left: -60px;
			}

			&:hover {
				background-color: #45a049;
				sound-in: ui.button.over;
			}

			&:active {
				background-color: #3e8e41;
				sound-in: ui.button.press;
			}

			&.red {
				background-color: #f44336;

				&:hover {
					background-color: #d32f2f;
				}

				&:active {
					background-color: #c62828;
				}
			}
		}
	}

	&.show {
		opacity: 1;
	}
}