.nervonl-quote-widget {
	--nervonl-quote-color: #1d2a39;
	--nervonl-quote-line-color: #cad3de;
	--nervonl-quote-line-thickness: 2px;
	--nervonl-image-size: 130%;
	position: relative;
}

.nervonl-quote-widget__title {
	margin: 0 0 12px 0;
	color: var(--nervonl-quote-color);
}

.nervonl-quote-widget__box {
	margin: 0;
	padding: 24px;
	border-left: 4px solid var(--nervonl-quote-color);
	background: #fff;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}

.nervonl-quote-widget__content {
	position: relative;
	z-index: 2;
}

.nervonl-quote-widget__image-layer {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--nervonl-image-size);
	height: var(--nervonl-image-size);
	transform: translate(-50%, -50%);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.3;
	z-index: 1;
	pointer-events: none;
}

.nervonl-quote-widget__symbol {
	display: block;
	line-height: 0.9;
	margin: 0 0 8px 0;
	font-size: 52px;
	color: #1d4d8f;
}

.nervonl-quote-widget__symbol > svg,
.nervonl-quote-widget__symbol i {
	display: block;
	width: 1em;
	height: 1em;
	font-size: 1em;
	line-height: 1;
}

.nervonl-quote-widget__symbol > svg {
	fill: currentColor;
}

.nervonl-quote-widget__text {
	margin: 0;
	color: var(--nervonl-quote-color);
}

.nervonl-quote-widget__text > *:first-child {
	margin-top: 0;
}

.nervonl-quote-widget__text > *:last-child {
	margin-bottom: 0;
}

.nervonl-quote-widget__subtitle {
	margin: 0 0 10px 0;
	color: var(--nervonl-quote-color);
	font-weight: 600;
}

.nervonl-quote-widget__source {
	display: block;
	margin-top: 14px;
	font-style: normal;
	font-weight: 600;
	color: #4f6273;
}

.nervonl-quote-widget__line {
	display: none;
}

.nervonl-quote-widget--classic .nervonl-quote-widget__box {
	background: #fff;
	box-shadow: none;
}

.nervonl-quote-widget--neutral .nervonl-quote-widget__box,
.nervonl-quote-widget--highlight .nervonl-quote-widget__box {
	background: transparent !important;
	border-left-width: 0 !important;
	box-shadow: none;
}

.nervonl-quote-widget--image_backdrop .nervonl-quote-widget__box {
	border-left-width: 0 !important;
	background: rgba(255, 255, 255, 0.9);
	z-index: 2;
}

.nervonl-quote-widget--has-image .nervonl-quote-widget__image-layer {
	display: block;
}

.nervonl-quote-widget--image-fit-fill .nervonl-quote-widget__image-layer {
	background-size: 100% 100%;
}

.nervonl-quote-widget--image-fit-contain .nervonl-quote-widget__image-layer {
	background-size: contain;
}

.nervonl-quote-widget--image-fit-cover .nervonl-quote-widget__image-layer {
	background-size: cover;
}

.nervonl-quote-widget--corner_symbol_line .nervonl-quote-widget__box {
	border-left-width: 0 !important;
	padding-top: 26px;
}

.nervonl-quote-widget--corner_symbol_line .nervonl-quote-widget__symbol {
	position: absolute;
	top: -8px;
	right: 8px;
	margin: 0;
	font-size: clamp(84px, 11vw, 150px);
	line-height: 0.8;
	opacity: 0.16;
	pointer-events: none;
	z-index: 1;
}

.nervonl-quote-widget--corner_symbol_line .nervonl-quote-widget__text {
	padding-bottom: 14px;
}

.nervonl-quote-widget--corner_symbol_line .nervonl-quote-widget__line {
	display: block;
	width: min(100%, 460px);
	border-bottom: var(--nervonl-quote-line-thickness) solid var(--nervonl-quote-line-color);
}

.nervonl-quote-widget--corner_symbol_line .nervonl-quote-widget__source {
	margin-top: 16px;
}

@media (max-width: 767px) {
	.nervonl-quote-widget__box {
		padding: 18px;
	}

	.nervonl-quote-widget--corner_symbol_line .nervonl-quote-widget__symbol {
		font-size: clamp(64px, 16vw, 100px);
	}
}
