@media (min-width: 640px) {
	#editor_toolbar {
		transform: translate(0px, 0px);
		top: 100px;
		left: 10px;
		display: flex;
		box-shadow: none;
	}

	#mobile_editor_toolbar {
		display: none;
	}
}

@media (max-width: 640px) {
	#editor_toolbar { display: none; }
	#editor_panel { width: 90%; }
}

#editor_toolbar > button:hover { background-color: #ddd; }

.editor_panel {
	display: none;
	position: fixed;
	flex-direction: column;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	background: #eee;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.5);
	z-index: 1;
}

#editor_mobile_page_btn {
	border: 1px solid var(--color-black);
	border-radius: 5px;
	margin: 5px;
	padding: 0px 5px;
}

.editor_panel *:not(textarea) { margin: 5px; }

.editor_panel > div:first-child { display: flex; align-items: flex-start; }
.editor_panel > div:first-child > h2 { flex-grow: 1; }
#editor button, #editor select, #editor input {
	border: 1px solid grey;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
}

.editor_panel textarea {
	width: 100%;
	resize: vertical;
}