.grid-popup {
	position: absolute;
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	width: min(50vw, 350px);
	align-items: center;
	gap: 0.3rem;
	border: 0.2rem solid rgb(114, 117, 118);
	padding: 0.4rem;
	background-color: rgba(0, 0, 0, 1);

}


.right_align {
	text-align: right;
	margin-top: 1rem;

}

.left_align {
	text-align: left;
}


input.annotation-color-selector {
	margin-left: 1rem;
	padding: 5px;
	width: clamp(2rem, 3rem, 10vw);
	height: clamp(2rem, 3rem, 10vw);
}

input.double_digit_input {
	padding: clamp(0.2rem, 0.1rem, 10vw);
	width: clamp(1.6rem, 2rem, 10vw);
	height: clamp(1.6rem, 2rem, 10vw);
	padding: 0%;
	text-align: center;
	margin-right: 0.5rem;

}

.navbar-button:hover {
	background-color: #223;
	transform: scale(1.01);
	border-radius: 10%;
	border: 1;
}

.navbar-button {
	font-size: medium;
	background-color: inherit;
	border: 0;
}

.split-container {
	display: flex;
	height: 99vh;
}

.pane {
	display: flex;
	flex-direction: column;
	flex: 1;
	border: 0.2rem solid black;
	overflow: auto;
}

.nav {
	height: 2rem;
	background-color: #333;
	color: white;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	flex-shrink: 0;
}

.content {
	flex: 1;
	overflow: auto;
}


.btn {
	position: relative;
	margin-right: 0.5rem;
	box-sizing: border-box;
	border-radius: 20%;
}

.timer {
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* Drawer styling rh */
.horizontal {
	display: flex;
	flex-direction: column;
	z-index: 10;
}

.button-list {
	display: flex;
	flex-direction: row;
}


.canvas-scroll-wrapper {
	height: 100%;
	width: 100%;
	overflow: auto;
	position: relative;
	overflow-x: auto;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.images-background {
	display: flex;
	height: 100%;
	flex-direction: column;
	position: relative;
	z-index: 1;
	
}

img {
	height: auto;
	object-fit: contain;
	border: 0.1rem solid rgb(83, 83, 87);
}

#stage {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
	/* Add this line to re-enable interactions */
	z-index: 2;
}