:root{
	--magnifier-size:220px;
	--magnifier-border-width:4px;
	--magnifier-border-color:rgba(255,255,255,.95);
	--magnifier-shadow:0 10px 35px rgba(0,0,0,.28);
	--magnifier-background:#fff;
	--magnifier-z-index:99999;
}

.magnifier{
	display:block;
	max-width:100%;
	height:auto;
	cursor:zoom-in;
	user-select:none;
	-webkit-user-drag:none;
}

.magnifier-glass{
	position:absolute;
	z-index:var(--magnifier-z-index);
	width:var(--magnifier-size);
	height:var(--magnifier-size);
	box-sizing:border-box;
	border:var(--magnifier-border-width) solid var(--magnifier-border-color);
	border-radius:50%;
	background-color:var(--magnifier-background);
	background-repeat:no-repeat;
	box-shadow:var(--magnifier-shadow);
	pointer-events:none;
	will-change:left, top, background-position, opacity;
}

@media (max-width:700px), (hover:none), (pointer:coarse){
	.magnifier{
		cursor:default;
	}

	.magnifier-glass{
		display:none !important;
	}
}

@media (prefers-reduced-motion:reduce){
	.magnifier-glass{
		transition:none !important;
	}
}