/* =============================================================================
Image Zoom JS v0.0.1 | MIT License | https://github.com/alecrios/image-zoom-js
============================================================================= */

[data-zoom-backdrop] {
	position: fixed;
	/* position: relative; */
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 900;
	/* z-index: 1; */
	/* background-color: rgba(255, 255, 255, 1); */
	opacity: 0;
	transition: opacity 400ms ease;
	pointer-events: none;
}

[data-zoom-backdrop='active'] {
	opacity: 1;
	pointer-events: auto;
}

[data-zoom-image] {
	position: relative;
	z-index: 800;
	transform: none;
	transition: transform 400ms ease;
	cursor: zoom-in;
}

[data-zoom-image='active'] {
	z-index: 1000;
	/* z-index: -1; */
	/* z-index: 999999; */
	cursor: zoom-out;
}

body {
  transition: backdrop-filter 0.3s ease-in-out;
  color: red;
}

body.is-zoomed {
  backdrop-filter: blur(10px) brightness(0.5);
  color: yellow;
}