img[_c-image-zoom]{
	cursor: zoom-in;
}

._c-image-zoom{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: calc(var(--z-over) + 1);
	background-color: rgba(var(--bgrey-160-rgb),0.8);
	cursor: zoom-out;
	align-items: center;
	justify-content: center;
}

._c-image-zoom.visible{
	display: flex;
}

._c-image-zoom > div{
	display: flex;
	align-items: center;
	justify-content: center;
}

._c-image-zoom > div > .loading{
	width: 120px;
}

._c-image-zoom > div > .img{
	display: none;
	width: 100%;
	width: calc(100% - var(--page-hor-padding) * 2);
	height: auto;
	max-height: calc(var(--vh, 1vh) * 100);
	/* max-width: calc(var(--vw, 1vw) * 100 - var(--page-hor-padding) * 2);
	max-height: calc(var(--vh, 1vh) * 100 - var(--page-hor-padding) * 2); */
	box-shadow: 0 0 5px var(--bgrey-60);
	border-radius: var(--r-1);
}
._c-image-zoom > div > .img.bg{
	background-color: #fff;
}
._c-image-zoom > div > .img.bl{
	border-radius: 0;
	box-shadow: none;
}

._c-image-zoom > div.loaded > .loading{
	display: none;
}
._c-image-zoom > div.loaded > .img{
	display: inline-block;
}