#mainMenu {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 1.25rem;
}

#mainMenu div {
  display: flex;
  align-items: center;
  justify-content: space-between; 
  height: auto;
  font-size: var(--s-075);
  line-height: auto;
  padding: 0 var(--s-05);
  cursor: pointer;
  opacity: 0.75;
  margin-top: 1.25rem;
}
#mainMenu div:hover {
	background-color: #FFFFFF33;
}
#mainMenuHeader:before,
#mainMenuHeader:after {
  content: "";
  flex-shrink: 0;
}

#mainMenuHeader:before {
  content: url(../img/cart.svg);
  width: var(--s-2);
}

#mainMenuHeader:after {
  content: url(../img/menu-down.svg);
  margin-left: auto; /* Правое выравнивание для :after */
}

#mainMenuNew:before,
#mainMenuNew:after {
  content: "";
  flex-shrink: 0;
}

#mainMenuNew:before {
  content: " ";
  width: var(--s-2);
}

#mainMenuNew:after {
	display: inline-block;
	width: var(--s-125);
	height: var(--s-125);
	border: 3px var(--c-f-w) solid;
	border-radius: var(--s-1);
	font-size: var(--s-15);
	font-weight: 900;
	text-align: center;
	line-height: var(--s-125);
  content: "+";
  margin-left: auto; /* Правое выравнивание для :after */
}
#mainMenuActive:before,
#mainMenuActive:after {
  content: "";
  flex-shrink: 0;
}

#mainMenuActive:before {
  content: " ";
  width: var(--s-2);
}

#mainMenuActive:after {
	display: inline-block;
	width: var(--s-125);
	height: var(--s-125);
	border: 3px var(--c-f-w) solid;
	border-radius: var(--s-1);
	font-size: var(--s-125);
	font-weight: 400;
	text-align: center;
	line-height: var(--s-125);
  content: "3";
  margin-left: auto; /* Правое выравнивание для :after */
}
#mainMenuArchive:before,
#mainMenuArchive:after {
  content: "";
  flex-shrink: 0;
}

#mainMenuArchive:before {
  content: " ";
  width: var(--s-2);
}

#mainMenuArchive:after {
  content: url(../img/done.svg);
  margin-left: auto; /* Правое выравнивание для :after */
}
.inactive {
	opacity: 50%;
}