#view_toolbar_container {
	top: 2em;
	margin-left: 1em;
	height: 0;
	position: sticky;
	z-index: 999;
	width: -webkit-fill-available;
	display: flex;
}
#view_toolbar {
	width: fit-content;
	height: fit-content;
	padding: 0.5em;
	gap: 0.5em;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-top: 1px solid var(--dark-bg-border);
	border-bottom: 1px solid var(--dark-bg-border);
}
#view_toolbar button {
	width: 3em;
	height: 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--dark-bg-accent);
	border: 1px solid var(--dark-bg-border);
	border-radius: 0.25em;
	color: var(--dark-txt-accent);
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
#view_toolbar button:hover {
	background: var(--dark-bg-highlight);
	border: 1px solid var(--dark-txt-accent);
	color: var(--dark-txt-color);
	box-shadow: inset 0 0 1px 1px var(--dark-bg-accent);
}

@media screen and (max-width: 900px) {
	#view_toolbar_container {
		top: 0;
		margin: 0;
	}
	#view_toolbar {
		translate: 0 Calc(100vh - 4em);
		padding: 0;
		height: 4em;
		gap: 1em;
		width: 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background: var(--dark-bg-color);
	}
}