dialog {
	&::backdrop {
		backdrop-filter: blur(6px) brightness(0.2);
	}

	width: clamp(50%, 900px, 90%);
}

.game-modal {
	&__close-button {
		@apply absolute top-2 right-2 bg-construction p-4 border-none;
	}
	overflow: visible;
}

.modal-content-container {
	@apply w-full;
	box-sizing: border-box;
	@apply p-8 grid  gap-x-8;

	grid-template-columns: 1fr 1fr;
	h2 {
		@apply text-5xl py-8;
	}
	&__content {
	}
	&__cover {
		@apply px-6 py-12 bg-neutral-50;

		align-self: center;
		box-sizing: border-box;
		img {
			@apply block w-full h-auto object-contain object-center;
		}
	}
}
