.totem-screensaver-overlay[hidden],
.totem-screensaver-overlay [hidden] {
	display: none !important;
}

.totem-screensaver-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: center;
	width: 100vw;
	height: 100vh;
	background: #000;
	cursor: pointer;
}

.totem-screensaver-image,
.totem-screensaver-video {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	background: #000;
}

html.totem-screensaver-open {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.totem-screensaver-overlay,
	.totem-screensaver-image,
	.totem-screensaver-video {
		transition: none;
	}
}