.lyor-has-logo-overlay-yes {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	--lyor-overlay-logo-url: none;
	--lyor-overlay-logo-size: 70%;
	--lyor-overlay-logo-repeat-gap: 0px;
	--lyor-overlay-logo-opacity: 0.16;
	--lyor-overlay-logo-x: center;
	--lyor-overlay-logo-y: center;
	--lyor-overlay-logo-blend: normal;
	--lyor-overlay-logo-rotate: 0deg;
	--lyor-overlay-logo-repeat: no;
}

.lyor-has-logo-overlay-yes::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	pointer-events: none;
	z-index: 0;
	background-image: var(--lyor-overlay-logo-url);
	background-size: var(--lyor-overlay-logo-size);
	background-position: var(--lyor-overlay-logo-x) var(--lyor-overlay-logo-y);
	background-repeat: no-repeat;
	opacity: var(--lyor-overlay-logo-opacity);
	mix-blend-mode: var(--lyor-overlay-logo-blend);
	transform: rotate(var(--lyor-overlay-logo-rotate));
	transform-origin: center;
}

.lyor-has-logo-overlay-yes.lyor-logo-overlay-repeat-yes::before {
	background-repeat: repeat;
	background-size: calc(var(--lyor-overlay-logo-size) + var(--lyor-overlay-logo-repeat-gap));
}