/**
 * Front-end success panel for Contact Form 7 (Metronome Signal).
 *
 * The panel is rendered hidden, immediately after the form, and revealed in the
 * form's place when CF7 marks the form `.sent`. Themes can override these base
 * styles to match a specific layout (e.g. the Solutions quote modal).
 */
.metronome-signal-success {
	display: none;
	box-sizing: border-box;
	text-align: center;
	padding: 2rem 1rem;
}

/* CF7 adds `.sent` to the form on a successful submission. Swap it for the
   panel (its immediate next sibling). */
.wpcf7-form.sent {
	display: none;
}

.wpcf7-form.sent + .metronome-signal-success {
	display: block;
}

.metronome-signal-success__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto 1rem;
	border-radius: 9999px;
	background: #16a34a;
}

.metronome-signal-success__image {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 1rem;
}

.metronome-signal-success__title {
	margin: 0 0 0.5rem;
}

.metronome-signal-success__copy {
	margin: 0;
	line-height: 1.5;
}