CausalPauseMenu {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	opacity: 1;
	transition: opacity 0.2s ease-out;
	background-color: transparent;
	backdrop-filter: blur(20px);
	pointer-events: none;
	z-index: 50;

	&.hidden {
		opacity: 0;
		pointer-events: none;
	}

	&.focused {
		pointer-events: all;
	}
}

// Layout owns spacing - hitboxes sized for Box.Rect, Painter draws inside
.pause-layout {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 28%;
	min-width: 380px;
	margin-left: 150px;
	gap: 12px;
	pointer-events: none;
	z-index: 20;
}

.pause-hitbox {
	width: 360px;
	height: 52px;
	pointer-events: all;
	cursor: pointer;
	background-color: rgba(255, 0, 255, 0.0);
}

// Position settings side-by-side with pause menu, not far right
CausalSettingsPanel {
	left: 560px;
	right: auto;
}