:root {
	--scrolloop-height: 65vh;
}
@media screen and (max-width:640px){
	:root {
		--scrolloop-height: 42vh;
	}
}

.scrolloop {
	width: 100%;
	overflow: hidden;
}
.scrolloop > ul {
	display: flex;
	flex-wrap: nowrap;
	width: auto;
	gap: 0;
	will-change: transform;
}
.scrolloop > ul > li {
	height: auto;
	flex-shrink: 0;
	margin: 0;
}
.scrolloop > ul > li img {
	height: var(--scrolloop-height);
	width: auto;
	pointer-events: none;
}

.scrolloop[data-isloaded=""] {
	background-color: rgba(129, 129, 129, 0.09);
	background-image: url(/share/im/prl_ring.png);
	background-position: center center;
	background-size: 1.8em auto;
}
.scrolloop[data-isloaded=""] > * {
	visibility: hidden;
}