.debug_spider {
	width: 92vw;
	max-width: calc(100vw - 200px);
	height: 400px;
	max-height: 95vh;
	min-height: 5vh;
	background: #343434;
	color: lightgrey;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	display: none;
	user-select: text;
	border-bottom-left-radius: calc(var(--border-radius) * 2.6);
	overflow: hidden;
}

.debug_spider pre {
	background: none;
}

.debug_spider textarea {
	resize: vertical;
}

.debug_spider_header {
	user-select: none;
	cursor: grab;
	padding: 8px;
	position: fixed;
	box-sizing: border-box;
	background: var(--primary-color);
}

.debug_container {
	overflow-y: scroll;
	height: 100%;
	padding-top: 39px;
}

.debug_header_button_container {
	position: absolute;
	top: 0;
	right: 250px;
}

.debug_header_button {
	color: #dbdbdb;
	background: var(--primary-color-grey);
	border: none;
	padding: 8px 0 8px 0;
	cursor: pointer;
	width: 40px;
}

.debug_header_button:hover {
	background: var(--primary-color-light-grey);
}

@media (max-width:767px) {
	.debug_spider {
		width: calc(100vw - 58px);
		max-width: calc(100vw - 58px);
	}
}