.kbg-background {
	position: fixed;
	inset: 0;
	z-index: -9999;
	pointer-events: none;
	overflow: hidden;
}

.kbg-background__layer {
	position: absolute;
	inset: 0;
}

.kbg-background__desktop {
	display: block;
}

.kbg-background__mobile {
	display: none;
}

.kbg-background img,
.kbg-background video {
	width: 100%;
	height: 100%;
	object-fit: var(--kbg-object-fit, cover);
	object-position: var(--kbg-object-position, center center);
}

.kbg-background__overlay {
	position: absolute;
	inset: 0;
	background-color: var(--kbg-overlay-color, #000);
	opacity: var(--kbg-overlay-opacity, 0);
}

html.kbg-active-root,
body.kbg-active {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

body.kbg-active .page-wrapper,
body.kbg-active #page.site,
body.kbg-active .site {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}