:root {
	--pop-up-outer-padding: 25px;
	--pop-up-inner-padding: 20px;
	--pop-up-content-padding: 25px;
}

#pop_up_background {
	z-index: 100001;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100dvw;
	height: 100dvh;
	background-color: black;
	opacity: 0.6;
}

.pop_up_background_clickable_margins {
	z-index: 100005;
	position: fixed;
	opacity: 0;
	cursor: pointer;
}

#pop_up_close_button {
	font-size: 20px;
	cursor: pointer;
}

#pop_up_container_1 {
	z-index: 100003;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100dvw;
	height: 100dvh;
	padding-top: var(--pop-up-outer-padding);
	padding-right: var(--pop-up-outer-padding);
	padding-bottom: var(--pop-up-outer-padding);
	padding-left: var(--pop-up-outer-padding);
}

#pop_up_container_2 {
	width: 100%;
	height: 100%;
	padding-top: var(--pop-up-inner-padding);
	padding-right: var(--pop-up-inner-padding);
	padding-bottom: var(--pop-up-inner-padding);
	padding-left: var(--pop-up-inner-padding);
	background-color: white;
/*	background-color: lime;*/

}

#pop_up_container_3 {
	overflow-y: hidden;
	width: 100%;
	height: 100%;
/*	background-color: blue;*/
}

#pop_up_container_4 {
	display: flex;
	overflow-y: scroll;
/*	background-color: maroon;*/
}

#pop_up_container_5 {
	flex: 1;
}

#pop_up_container_6 {
	flex: 1;
}

#pop_up_header {
	z-index: 100004;
	position: sticky;
	width: 100%;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	text-align: right;
/*	background-color: aqua;*/
}

#pop_up_content_1 {
/*	background-color: red;*/
}

#pop_up_content_2 {
	overflow-y: scroll;
	padding-top: var(--pop-up-content-padding);
	padding-right: var(--pop-up-content-padding);
	padding-bottom: var(--pop-up-content-padding);
	padding-left: var(--pop-up-content-padding);
/*	background-color: blue;*/
}

#pop_up_content_3 {
	position: sticky;
	bottom: 0px;
	padding-top: var(--pop-up-content-padding);
	padding-right: var(--pop-up-content-padding);
	padding-bottom: var(--pop-up-content-padding);
	padding-left: var(--pop-up-content-padding);
/*	background-color: green;*/
}

#pop_up_content_1_img {
	object-fit: contain;
	object-position: left top;
	position: sticky;
}

#pop_up_footer {
	position: sticky;
	width: 100%;
	height: 0px;
	bottom: 0px;
	right: 0px;
	background-color: white;
/*	background-color: fuchsia;*/
}

@media screen and (max-aspect-ratio: 1/1) { /* width/height <= 1 */
	#pop_up_container_4 {
		display: block;
	}
}