.dialog {
	--dialog-content-padding-block: 1rem;
	--dialog-content-padding-inline: 1rem;

	border: none;
	padding-block: var(--dialog-content-padding-block);
	padding-inline: var(--dialog-content-padding-inline);
}

.dialog > form[method="dialog"] {
	position: absolute;
	inset-block-start: 0.5rem;
	inset-inline-end: 0.5rem;
}

.dialog[data-mode="lightbox"] {
	--dialog-content-padding-block: 3.5rem 0;
	--dialog-content-padding-inline: 0;
	background-color: var(--color-white);
}

.dialog[data-mode="lightbox"] .content {
	background-color: var(--color-black-950);
}