.mb-menu-crossbar {
  height: 56px; }

.mb-menu {
  bottom: 0;
  border-radius: 0;
  padding: 0;
  height: 56px;
  background: var(--footer-background-color, #f4f4f4);
  z-index: 200;
  box-shadow: inset 0 1px 0 var(--body-background-color, #dadada);
  transition: bottom ease 0.3s; }
  .mb-menu:not(.mb-menu_visible) {
    bottom: -56px; }
  .mb-menu.mb-menu_visible ~ .popup {
    top: 0;
    bottom: 56px;
    height: auto; }
    .mb-menu.mb-menu_visible ~ .popup > div > div {
      border-radius: 0 !important; }
  .mb-menu.mb-menu_no-captions {
    height: 46px; }
  .mb-menu__item {
    flex: 1;
    text-decoration: none !important; }
    .mb-menu__item-active .mb-menu__name {
      color: var(--button-color, #1c77f2); }
    .mb-menu__item-active .mb-menu__icon {
      stroke: var(--button-color, #1c77f2); }
  .mb-menu__name {
    font-size: 0.75rem;
    color: var(--footer-text-color, #686868);
    padding: 2px 0 0 0;
    text-transform: none; }
  .mb-menu__icon {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: var(--footer-text-color, #686868);
    stroke-width: 2px; }
  .mb-menu__counter {
    position: absolute;
    padding: 0px 4px;
    border-radius: 8px;
    background: #ff3434;
    font-size: 12px;
    color: white;
    box-shadow: 0 0 0 2px var(--footer-background-color, #f4f4f4);
    top: -4px;
    margin-right: -25px; }