/* Thumbnails
======================================== */
.thumbnail{
	width: 100%;
	display: block;
	background-color: var(--color-bg--img);
	overflow: hidden;
}
.thumbnail:has(.lazy, .lazyload, .lazyvideo, .lazyloading){
	pointer-events: none;
}

/* Thumbs
======================================== */
.thumb{
	width: 100%;
	height: auto;
	display: block;
	font-size: 0;
	line-height: 0;
	-webkit-user-select: none;
		-moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
	pointer-events: none;
}

/* Lazy
======================================== */
.lazy,
.lazyload,
.lazyvideo,
.lazyloading{
	opacity: 0;
}
.lazyloaded{
	opacity: 1;
	transition: opacity var(--global-speed) linear;
}