/**** Debug Styles ****/


.outline, .outlined, .outlined *, .bordered, .bordered * {
	border: solid 1px red !important;
}/* .outline, .outlined, .outlined * */


/********/


div[id$=_check_panel] { margin: 0 0.5em }


/********/


#image_editor_panel {
	display: flex;
	flex-direction: column;
	row-gap: 1em;
}/* #image_editor_panel */


#image_editor_panel button {
	align-self: flex-end;
}/* #image_editor_panel button */


#image_editor_panel img {
	width: 40vw;
	height: auto;
}/* #image_editor_panel img */


/********/


.details-page {
	display: flex;
	align-items: flex-end;
	column-gap: 1em;
}/* .details-page */


.details-grid {
	display: grid;
	grid-template-columns: max-content max-content;
	column-gap: 0.5em;
	font-size: 9pt;
}/* .details-grid */

.details-grid div { display: flex }

.details-grid div:first-child {
	grid-column: 1/3;
	margin-bottom: 0.5em;
	font-size: 13pt;
	justify-content: center !important;
}/* .details-grid div:first-child */

.details-grid div:nth-child(odd) { justify-content: flex-end }
.details-grid div:nth-child(even) { font-weight: bold }


.details-page .error-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 0.5em;
	font-size: 11pt;
}/* .details-grid */

.details-page .error-grid div:first-child { font-weight: bold }


/********/


.main-page > div { margin-top: 1em }


.error {
	 color: #800;
	 font-weight: bold"
}/* .error */


.centering {
	display: flex;
	flex-direction: column;
	align-items: center;
}/* .centering */


/********/


.form-grid, .image-form-grid {
	display: grid;
	grid-template-columns: min-content min-content;
	grid-gap: 0.2em 0.5em;
	white-space: nowrap;
}/* .form-grid, .image-form-grid */


.form-grid button { grid-column: 2 }

.image-form-grid { grid-template-columns: repeat(3, min-content) }


/********/


.image-list { justify-self: flex-start }


.image-list img {
	width: 50px;
	height: auto;
	border: solid 1px black;
}/* .image-list img */


#current_list img { cursor: pointer }


/********/


.standard-form {
	justify-content: flex-end;
	justify-items: flex-end;
}/* .standard-form */


.standard-form button { justify-self: stretch }