dialog {
	border-width: 1px;
	border-color: var(--border);
	border-radius: 0.5rem;
	background-color: var(--color-primary);
	padding: 1.5rem;
	width: 100%;
	max-width: 32rem;

	&::backdrop {
		background-color: rgba(0, 0, 0, 0.8);
	}
	header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	main {
		display: grid;
		gap: 1rem;
	}
	footer {
		display: flex;
		justify-content: flex-end;
		gap: 1rem;
	}
}