/* Zoom */

.zoom {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

	.zoom img {
		flex-grow: 1;
		flex-shrink: 1;
		position: absolute;
		max-height: 100%;
		max-width: 100%;
	}

	.zoom .media {
		bottom: 0;
		display: block;
		left: 0;
		margin: auto;
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.zoom ion-spinner {
		color: #FFF;
	}

.transition {
	transition: -moz-transform ease 200ms;
	transition: -ms-transform ease 200ms;
	transition: -o-transform ease 200ms;
	transition: -webkit-transform ease 200ms;
	transition: transform ease 200ms;
}



.photo-zoom ion-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 4em;
	height: 4em;
	margin: 0;
}

.photo-zoom ion-button .back {
	position: absolute;
	color: #000;
}

.photo-zoom ion-button .top {
	position: absolute;
	color: var(--ion-text-color, #000);
}