PauseMenu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	pointer-events: all;
	backdrop-filter: blur(10px);
	color: white;
	font-family: Tannenberg Fett;
	font-size: 6vh;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-shadow: 15px 15px 8px rgba(black, 0.5);
	transition: opacity 0.1s ease;
	letter-spacing: 2px;

	&.hide {
		opacity: 0;
	}

	> h2 {
		position: absolute;
		top: 10vh;
		font-size: 12vh;
		font-weight: bolder;
	}

	> .options {
		flex-direction: column;
		align-items: center;
		transition: all 0.2s ease;
	}

	> .setting {
		flex-direction: row;
		align-items: center;
		transition: all 0.2s ease;

		label {
			font-size: 6vh;
			transform: scale(0.8);
			width: 30vw;
		}

		SliderControl {
			max-width: 800px;
			min-width: 400px;
			box-shadow: 0px 0px 100px rgba(black, 0.2);

			.inner .track .thumb .value-tooltip .label {
				border-radius: 100%;
				background-color: rgba(black, 0.5);
				width: 100px;
				height: 100px;
				text-align: center;
				backdrop-filter: blur(1px);
			}

			.inner .track .thumb .tail .value-tooltip {
				left: 50%;
			}

			.inner .track .thumb .tail {
				background-color: white;
			}
		}
	}

	.button {
		margin-top: -2vh;
		transform: scale(0.8);
		font-size: 8vh;
		transition: all 0.1s ease;

		&:hover {
			transform: rotate(-2deg) scale(1);
			sound-in: ui.button.over;
		}

		&:active {
			sound-in: ui.button.press;
		}
	}
}