
#bx-notifier-panel {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.bx-notifier-panel {
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: none !important;
  height: auto !important;
  max-width: none !important;
}
.im_counter {
  text-decoration: none;
  color: var(--text_black);
  display: flex;
  gap:3px;
  align-items: center;
  transition: var(--animation);
  svg {
    width: 22px;
    height: 22px;
    fill:var(--text_gray);
    position: relative;
    bottom: -2px;
  }
  span {}
  i {
    font-style: normal;
    color: var(--text_gray);
  }
  &:hover {
    svg {
      fill:var(--main_color);
    }
    i {
      color: var(--text_black);
    }
    span {
      color:  var(--main_color);
    }
  }
}