dialog {
	padding: var(--popup-padding);
	margin: auto calc(var(--main-padding) + var(--main-margin-inline)) auto;
	border-radius: var(--container-rounding);
	border: var(--container-border);
	width: calc(100% - 2 * (var(--main-padding) + var(--main-margin-inline)));
	box-sizing: border-box;

	@media screen and (max-width: 750px) {
		margin-left: calc(var(--main-padding) + 1em);
		margin-right: calc(var(--main-padding) + 1em);
		width: calc(100% - 2 * (var(--main-padding) + 1em));
	}

	& > input {
		margin-block: 1lh;
		width: calc(100% - 2lh);
	}
	&::backdrop {
		background: rgb(0 0 0 / 35%);
		backdrop-filter: blur(2.5px);
	}
	& > p {
		margin-block: 1lh;
		&:first-child {
			margin-top: 0;
		}
	}
}