/* fixed on left on larger screens */
@media ( min-width: 1050px) {
	.tree-view {
		position: fixed;
		width: 400px;
		top: 54px;
		bottom: 0;
		overflow-x: auto;
		overflow-y: auto;
	}

	.arcus-content-container {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		left: 412px;
	}

	.tree-view-button {
		display: none;
	}
}

/* sidebar on smaller screens */
@media ( max-width: 1049px) {
	.tree-view {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 54px;
		justify-content: flex-start;
	}
}

.tree-view-active {
	width: 400px;
}