@deep: ~">>>";
.mongo-tabbar {
  position: fixed;
  bottom: 0;
  z-index: 100;
  box-sizing: border-box;
  height: 49px;
  padding: 5px 0 2px 0;
  &-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35px;
    &-svg {
      width: 28px;
      height: 28px;
      display: inline-block;
      &_active {
        display: none;
      }
    }
    &-name {
      font-size: 10px;
      font-weight: 400;
      color: #7f8389;
      line-height: 14px;
    }
  }
  @{deep} .cr-tabbar-item--active {
    .mongo-tabbar-item-name {
      color: #000000;
    }
    .mongo-tabbar-item-svg {
      display: none !important;
      &_active {
        display: inline-block !important;
      }
    }
  }
}