.sof-simulation {
	position: relative;
	width: 100%;
	min-height: 320px;
	overflow: hidden;
	background: var(--sof-background, #858585);
}

.sof-simulation canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.sof-mode-fixed {
	position: fixed;
	inset: 0;
	z-index: 0;
	height: 100vh;
	pointer-events: none;
}

body.sof-has-fixed-background > *:not(.sof-mode-fixed) {
	position: relative;
	z-index: 1;
}

body.elementor-editor-active .sof-editor-preview ~ *,
body.elementor-editor-preview .sof-editor-preview ~ * {
	position: relative;
	z-index: 1;
}

body.elementor-editor-active .sof-editor-preview,
body.elementor-editor-preview .sof-editor-preview {
	z-index: 0;
}

.sof-mode-fixed canvas {
	pointer-events: none;
}