/* Figma 3689:29 — editable customer quote. */
.wp-block-crunchr-quote.crunchr-quote {
	--crunchr-quote-border-color: var(--wp--preset--color--blue-600, #0f5ed5);

	box-sizing: border-box;
	width: 100%;
	margin-block: var(--wp--preset--spacing--80, 40px);
	margin-inline: 0;
	padding-right: 120px;
	padding-left: 38px;
	border: 0;
	border-left: 2px solid var(--crunchr-quote-border-color);
	background: var(--wp--preset--color--white, #fff);
}

.crunchr-quote__body,
.crunchr-quote__text,
.crunchr-quote figcaption {
	margin: 0;
	padding: 0;
}

.crunchr-quote__text {
	color: var(--wp--preset--color--neutral-700, #3c4658);
	font-size: var(--wp--preset--font-size--h-6);
	font-weight: 500;
	line-height: 1.4;
}

.crunchr-quote__citation {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-top: 24px;
}

.crunchr-quote__image,
.crunchr-quote__image-placeholder {
	display: block;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.crunchr-quote__image-placeholder {
	background: var(--wp--preset--color--neutral-100, #d3d9e3);
}

.crunchr-quote__citation-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.crunchr-quote__name,
.crunchr-quote__position {
	display: block;
}

.crunchr-quote__name {
	color: var(--wp--preset--color--neutral-900, #171d26);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
	line-height: 1.5;
}

.crunchr-quote__position {
	color: var(--wp--preset--color--neutral-700, #3c4658);
	font-size: var(--wp--preset--font-size--micro);
	font-weight: 400;
	line-height: 1.5;
}

.wp-block-crunchr-quote.crunchr-quote.is-filled {
	padding: 40px;
	border: 0;
	border-radius: 16px;
	background: var(--crunchr-quote-background-color, var(--wp--preset--color--blue-50, #e2f2ff));
}

.crunchr-quote.is-filled .crunchr-quote__citation { gap: 13px; margin-top: 20px; }

@media (max-width: 1200px) {
	.wp-block-crunchr-quote.crunchr-quote { padding-right: 50px; }
}

@media (max-width: 782px) {
	.wp-block-crunchr-quote.crunchr-quote { padding-right: 0; }
}

@media (max-width: 600px) {
	.wp-block-crunchr-quote.crunchr-quote { padding-left: 22px; }
	.wp-block-crunchr-quote.crunchr-quote.is-filled { padding: 24px; }
	.crunchr-quote__text { font-size: var(--wp--preset--font-size--body); }
}