@keyframes dialog-fade-in {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

dialog.enquiry-submission-notif {
	position: fixed;
	inset-block-start: 9%;
	inset-inline-start: 2%;
	z-index: 4;
	inline-size: 80vw;
	background-color: #d4edda;
	border: 2px solid #155724;
	border-radius: .25rem;
}

dialog.enquiry-submission-notif[open] {
	animation: dialog-fade-in 0.3s linear;
}

dialog.enquiry-submission-notif p {
	font-size: 1.5rem;
	font-weight: 500;
	color: #155724;
}

dialog.enquiry-submission-notif button {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-end: 20px;
	cursor: pointer;
	padding: 0;
	border: 0;
	appearance: none;
	background-color: transparent;
	font-size: 1.5rem;
	font-weight: 700;
	color: #69756c;
}

dialog.enquiry-submission-notif button:hover {
	border: 1px solid #69756c;
}

dialog.enquiry-submission-notif hr {
	color: #155724;
	block-size: 0;
	overflow: visible;
	border-block-start-color: #b1dfbb;
	margin-block-start: 1rem;
	margin-block-end: 1rem;
}

dialog.submission-error-notif {
	position: fixed;
	inset-block-start: 9%;
	inset-inline-start: 2%;
	z-index: 4;
	inline-size: 80vw;
	background-color: #edd4d4;
	border: 2px solid #5c2525;
	border-radius: .25rem;
}

dialog.submission-error-notif[open] {
	animation: dialog-fade-in 0.3s linear;
}

dialog.submission-error-notif p {
	font-size: 1.5rem;
	font-weight: 500;
	color: #5c2525;
}

dialog.submission-error-notif button {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-end: 20px;
	cursor: pointer;
	padding: 0;
	border: 0;
	appearance: none;
	background-color: transparent;
	font-size: 1.5rem;
	font-weight: 700;
	color: #756969;
}

dialog.submission-error-notif button:hover {
	border: 1px solid #756969;
}

dialog.submission-error-notif hr {
	color: #571515;
	block-size: 0;
	overflow: visible;
	border-block-start-color: #dfb1b1;
	margin-block-start: 1rem;
	margin-block-end: 1rem;
}

dialog.submission-error-notif a {
	color: #921616;
}