.hestia-custom-code-section {
	width: 100%;
	position: relative;
	overflow: hidden;
	--hestia-custom-section-overlay: 0;
}

.hestia-custom-code-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #000;
	opacity: var(--hestia-custom-section-overlay);
	pointer-events: none;
	z-index: 0;
}

.hestia-custom-code-section-inner {
	width: 100%;
	position: relative;
	z-index: 1;
}

.hestia-custom-code-section-has-background {
	background-attachment: scroll;
}

.hestia-custom-section-empty-preview {
	padding: 60px 20px;
	text-align: center;
	color: #777;
}

.hestia-custom-section-code-error {
	margin: 12px auto;
	padding: 12px 14px;
	border-left: 4px solid #d63638;
	background: #fff1f1;
	color: #4a1717;
}