.main-menu-item,
.main-menu-child {
	list-style: none;
}

@media all and (max-width: 939px) {
	.main-menu {
		display: none;
	}
	.show-menu .main-menu {
		display: block;
		position: absolute;
		top: 60px;
		right: 0;
		max-width: 400px;
		max-height: calc(100vh - 75px);
		overflow: auto;
		background: #44484f;
		z-index: 2;
		padding-top: 5px;
		padding-bottom: 5px;
		box-shadow: 0 0 100px 0 rgba(68, 72, 79, 0.5);
	}
	.main-menu-item {
		display: block;
		color: #ffffff;
	}
	.main-menu-link,
	.main-menu-child-link {
		display: block;
		padding: 10px 15px 10px 20px;
	}
	.main-menu-title {
		display: none;
	}
	.main-menu-item.active:before,
	.main-menu-child:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		top: 0;
		width: 5px;
		background: var(--emphasize1);
	}
	.main-menu-child:not(.active):before {
		background: var(--bg-dark);
	}
}
@media all and (min-width: 940px) {
	.main-menu {
		border-top: 1px solid hsl(from var(--bg2) h s calc(l - 8));
		font-size: min(16px, 1.45vw);
	}
	.main-menu-list {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.main-menu-item {
		padding-top: 0.89em;
		padding-bottom: 0.89em;
	}
	.main-menu-item.active:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 0.3125em;
		background: var(--emphasize1);
	}
	.main-menu-item.mobile-view {
		display: none;
	}
	.main-menu-item:not(:hover) .main-menu-children {
		display: none;
	}
	.main-menu-item:hover .main-menu-children {
		position: absolute;
		top: 100%;
		right: 0;
		background: #ffffff;
		border-top: 1px solid hsl(from var(--bg2) h s calc(l - 8));
		padding: 15px 0;
		min-width: 200px;
	}
	.main-menu-child {
		padding: 3px 20px;
		margin: 8px 0;
		font-size: 0.875em;
	}
	.main-menu-child.active:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
		width: 0.3571em;
		background: var(--emphasize1);
	}
}