.galleryImage {
	cursor:pointer;
}

#galeryContainer {
	display:none;
	z-index:999;
	width:100%;
	height:100%;
	background-color:rgba(var(--veryLightBackground), 0.4);
	backdrop-filter:blur(0.35em);
	position:fixed;
	top:0;
	left:0;
}

.bodyInGaleryMode {
	overflow:hidden;
}

.galeryHeadbar {
	margin-bottom:3em;
	padding:1.5em 0;
	background-color:rgb(var(--veryLightBackground));
	border-bottom:1px solid rgb(var(--darkColor));
}

.galeryHeadbar svg {
 height:2em;
 fill:rgb(var(--darkColor));
 cursor:pointer;
}

.galeryHeadbar svg:hover {
 fill:rgb(var(--primaryColor));
}

.downloadImageButton {
	margin-right:1.25em;
}

.galeryFullsizeImage {
	width: calc(100% - 6em);
  height: calc(100% - (11em + 1px));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  float:left;
  margin-left:3em;
}

.galeryFullsizeImage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  flex-grow:1;

  -webkit-user-select: none;
  	 -moz-user-select: none;
  		-ms-user-select: none;
  				user-select: none;
}

.leftGaleryArrowContainer, .rightGaleryArrowContainer {
	position:absolute;
	height:calc(100% - (11em + 1px));
	top:8em;
	width:20%;
	padding:0 1.5em;
	display: flex;
  justify-content: center;
  align-items: center;
}

.leftGaleryArrowContainer {
	left:0;
}

.rightGaleryArrowContainer {
	right:0;
}

.leftGaleryArrowContainer svg, .rightGaleryArrowContainer svg {
	display: none;
	cursor:pointer;
	fill:rgba(var(--lightColor), 0.5);
	width:50%;
  -webkit-user-select: none;
  	 -moz-user-select: none;
  		-ms-user-select: none;
  				user-select: none;
}

.leftGaleryArrowContainer:hover svg, .rightGaleryArrowContainer:hover svg {
	display: block;
}

.downloadIcon {
	margin-top:1.5em;
	margin-bottom:5em;
}

.downloadIcon svg {
	width:6em;
	cursor:pointer;
	fill:#9bbdaa;
}

.downloadIcon svg .svgArrow {
	fill:#80797E;
}

.downloadIcon svg:hover {
	fill:#80797E;
}

.downloadIcon svg:hover .svgArrow {
	fill:#9bbdaa;
}