#viewport {
	display: flex;
	width: 100%;
	transition: all .2s ease
}

#application-wrapper {
	display: flex;
	height: 100%
}

#application-wrapper #content,
#single-page {
	position: relative;
	width: 100%
}

#single-page {
	overflow-x: hidden;
	height: 100%;
	padding-left: 25px;
	padding-right: 25px
}

#single-page #page-content {
	margin: 0 auto
}

#single-page #page-content.full-width {
	max-width: 100%
}

#single-page #page-content.medium-width {
	max-width: 1024px
}

#single-page #page-content.small-width {
	max-width: 690px
}

.form-group,
.form-group-label {
	margin-bottom: 25px
}

.form-group-label {
	font-size: 1.0625em;
	font-weight: 500;
	display: block
}

.menu-list-wrapper.vertical {
	margin-bottom: 20px
}

.menu-list-wrapper.vertical .menu-list-item {
	display: block;
	padding: 12px 15px 12px 25px
}

.menu-list-wrapper.horizontal {
	display: flex;
	border-bottom: 2px solid #f8f8f8;
	margin-bottom: 30px;
	overflow-x: auto
}

.menu-list-wrapper.horizontal::-webkit-scrollbar {
	display: none
}

.menu-list-wrapper.horizontal .menu-list-item {
	display: inline-block;
	padding: 15px 10px;
	margin: 15px 10px 0;
	border-bottom: 2px solid transparent
}

.menu-list-wrapper.horizontal .menu-list-item:first-child {
	margin-left: 0
}

.menu-list-wrapper.horizontal .menu-list-item.router-link-exact-active {
	border-bottom: 2px solid #931648
}

.menu-list-wrapper .menu-list-item {
	text-decoration: none;
	cursor: pointer;
	position: relative;
	white-space: nowrap
}

.menu-list-wrapper .menu-list-item.link {
	display: flex;
	align-items: center
}

.menu-list-wrapper .menu-list-item.link.is-active svg circle,
.menu-list-wrapper .menu-list-item.link.is-active svg line,
.menu-list-wrapper .menu-list-item.link.is-active svg path,
.menu-list-wrapper .menu-list-item.link.is-active svg polyline,
.menu-list-wrapper .menu-list-item.link.is-active svg rect,
.menu-list-wrapper .menu-list-item.link.router-link-exact-active svg circle,
.menu-list-wrapper .menu-list-item.link.router-link-exact-active svg line,
.menu-list-wrapper .menu-list-item.link.router-link-exact-active svg path,
.menu-list-wrapper .menu-list-item.link.router-link-exact-active svg polyline,
.menu-list-wrapper .menu-list-item.link.router-link-exact-active svg rect,
.menu-list-wrapper .menu-list-item.link:hover svg circle,
.menu-list-wrapper .menu-list-item.link:hover svg line,
.menu-list-wrapper .menu-list-item.link:hover svg path,
.menu-list-wrapper .menu-list-item.link:hover svg polyline,
.menu-list-wrapper .menu-list-item.link:hover svg rect {
	stroke: #931648
}

.menu-list-wrapper .menu-list-item.link.is-active .label,
.menu-list-wrapper .menu-list-item.link.router-link-exact-active .label,
.menu-list-wrapper .menu-list-item.link:hover .label {
	color: #931648
}

.menu-list-wrapper .menu-list-item.link .icon {
	margin-right: 12px;
	line-height: 0
}

.menu-list-wrapper .menu-list-item.link .icon circle,
.menu-list-wrapper .menu-list-item.link .icon line,
.menu-list-wrapper .menu-list-item.link .icon path,
.menu-list-wrapper .menu-list-item.link .icon polyline,
.menu-list-wrapper .menu-list-item.link .icon rect {
	stroke: #1c1d1f
}

.menu-list-wrapper .menu-list-item.link .text-label {
	font-size: 1em
}

.menu-list-wrapper .menu-list-item.is-active .delete-icon,
.menu-list-wrapper .menu-list-item:hover .delete-icon {
	display: block
}

.menu-list-wrapper .menu-list-item .folder-icon {
	line-height: 0;
	width: 15px;
	margin-right: 9px;
	vertical-align: middle;
	margin-top: -1px
}

.menu-list-wrapper .menu-list-item .delete-icon {
	display: none;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%)
}

.menu-list-wrapper .menu-list-item .label {
	font-size: .8125em;
	font-weight: 700;
	vertical-align: middle;
	white-space: nowrap;
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	color: #1c1d1f
}

.menu-list-wrapper.favourites.is-dragenter .menu-list {
	border: 2px dashed #931648;
	border-radius: 8px
}

.menu-list-wrapper.favourites .menu-list {
	border: 2px dashed transparent
}

.menu-list-wrapper.favourites .menu-list .menu-list-item {
	padding: 8px 23px
}

.menu-list-wrapper.favourites .menu-list .menu-list-item .icon {
	margin-right: 5px;
	width: 20px
}

.menu-list-wrapper.favourites .menu-list .menu-list-item .icon circle,
.menu-list-wrapper.favourites .menu-list .menu-list-item .icon line,
.menu-list-wrapper.favourites .menu-list .menu-list-item .icon path,
.menu-list-wrapper.favourites .menu-list .menu-list-item .icon polyline,
.menu-list-wrapper.favourites .menu-list .menu-list-item .icon rect {
	transition: all .15s ease
}

.menu-list-wrapper.favourites .menu-list .menu-list-item.is-current .folder-icon circle,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-current .folder-icon line,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-current .folder-icon path,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-current .folder-icon polyline,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-current .folder-icon rect,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-selected .folder-icon circle,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-selected .folder-icon line,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-selected .folder-icon path,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-selected .folder-icon polyline,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-selected .folder-icon rect,
.menu-list-wrapper.favourites .menu-list .menu-list-item:hover .folder-icon circle,
.menu-list-wrapper.favourites .menu-list .menu-list-item:hover .folder-icon line,
.menu-list-wrapper.favourites .menu-list .menu-list-item:hover .folder-icon path,
.menu-list-wrapper.favourites .menu-list .menu-list-item:hover .folder-icon polyline,
.menu-list-wrapper.favourites .menu-list .menu-list-item:hover .folder-icon rect {
	stroke: #931648
}

.menu-list-wrapper.favourites .menu-list .menu-list-item.is-current .label,
.menu-list-wrapper.favourites .menu-list .menu-list-item.is-selected .label,
.menu-list-wrapper.favourites .menu-list .menu-list-item:hover .label {
	color: #931648
}

.empty-note {
	font-size: .75em;
	color: rgba(28, 29, 31, .7);
	display: block
}

@media only screen and (max-width:1024px) {
	#single-page #page-content.full-width,
	#single-page #page-content.medium-width,
	#single-page #page-content.small-width {
		max-width: 100%;
		width: 100%
	}
	.menu-list-wrapper .menu-list-item {
		padding: 12px 15px 12px 20px
	}
	.menu-list-wrapper.favourites .menu-list .menu-list-item {
		padding: 8px 18px
	}
}

@media only screen and (max-width:960px) {
	#single-page {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media only screen and (max-width:690px) {
	#single-page {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (prefers-color-scheme:dark) {
	.empty-note {
		color: #7d858c
	}
	.menu-list-wrapper.horizontal {
		border-bottom: 2px solid hsla(0, 0%, 100%, .02)
	}
	.menu-list-wrapper .menu-list-item.link .icon circle,
	.menu-list-wrapper .menu-list-item.link .icon line,
	.menu-list-wrapper .menu-list-item.link .icon path,
	.menu-list-wrapper .menu-list-item.link .icon polyline,
	.menu-list-wrapper .menu-list-item.link .icon rect {
		stroke: #bec6cf
	}
	.menu-list-wrapper .menu-list-item .label {
		color: #bec6cf
	}
	.menu-list-wrapper .menu-list-item .icon circle,
	.menu-list-wrapper .menu-list-item .icon line,
	.menu-list-wrapper .menu-list-item .icon path,
	.menu-list-wrapper .menu-list-item .icon polyline,
	.menu-list-wrapper .menu-list-item .icon rect {
		stroke: #bec6cf
	}
	.menu-list-wrapper .menu-list-item:hover {
		background: rgba(0, 188, 126, .1)
	}
	.menu-list-wrapper .menu-list-item:hover .label {
		color: #931648
	}
	.menu-list-wrapper .menu-list-item:hover .icon circle,
	.menu-list-wrapper .menu-list-item:hover .icon line,
	.menu-list-wrapper .menu-list-item:hover .icon path,
	.menu-list-wrapper .menu-list-item:hover .icon polyline,
	.menu-list-wrapper .menu-list-item:hover .icon rect {
		stroke: #931648
	}
}