.main {
	display: flex;
	flex-wrap: nowrap;
	align-items: start;
	width: 100%;
	height: 100vh;
	padding: 2.5%;

	&Nav {
		overflow-y: auto;
		padding: $border-radius;
		width: 17%;
		margin-right: 40px;
	}

	&Page {
		overflow-y: auto;
		padding: $border-radius-b;
		width: calc(83% - 40px);
		align-self: stretch;
	}
}

.files {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	&WithEditor {
		display: flex;
		align-items: stretch;
		height: 100%;
	}

	& .buttons {
		justify-content: space-between;
		align-items: stretch;
	}

	&List {
		height: 100%;
		overflow-y: auto;
	}
}
