.confirm-fields {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.confirm-field {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}
.confirm-dt {
	color: #7f8c8d;
	font-weight: bold;
}
.confirm-dd {
	font-size: 1rem;
	line-height: 1.6;
	&.-textarea {
		white-space: pre-wrap;
		background-color: #f9fafb;
		padding: 1rem;
		border-radius: 8px;
	}
	&.-file {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		gap: 0.5em;
		> i {
			color: #ef4444;
			font-size: 1.4rem;
		}
	}
}
.confirm-buttons {
	display: flex;
	justify-content: center;
	gap: 1rem;
}
.cancel-button, .submit-button {
	border: 2px solid #0088cc;
	border-radius: 8px;
	padding: 1.1em 2em;
	font-weight: bold;
	font-size: 1rem;
	transition-property: background-color, border-color;
	transition-duration: 0.2s;
	&:disabled {
		pointer-events: none;
	}
}
.cancel-button {
	background-color: #fff;
	color: #0088cc;
	&:hover {
		background-color: #eff6ff;
	}
}
.submit-button {
	background-color: #0088cc;
	color: #fff;
	&:hover {
		background-color: #006699;
		border-color: #006699;
	}
	&:disabled {
		background-color: #006699;
		border-color: #006699;
	}
}
@media (width < 768px) {
	.confirm-buttons {
		margin-block-start: 2.5rem;
	}
}
@media (width >= 768px) {
	.confirm-fields {
		border-block-end: 1px solid #e5e7eb;
		padding-block-end: 1.5rem;
	}
	.confirm-buttons {
		margin-block-start: 2.5rem;
	}
}