.top_header_user_im {
  text-decoration: none;
  color: var(--text_black);
  display: flex;
  gap: 3px;
  align-items: center;
  transition: var(--animation);
}
.top_header_user_im svg {
  width: 22px;
  height: 21px;
  fill: var(--text_gray);
  position: relative;
  bottom: -1px;
}
.top_header_user_im i {
  font-style: normal;
  color: var(--text_gray);
}
.top_header_user_im:hover svg {
  fill: var(--main_color);
}
.top_header_user_im:hover i {
  color: var(--text_black);
}
.top_header_user_im:hover span {
  color: var(--main_color);
}

.top_header_user_name {
  text-decoration: none;
  color: var(--text_black);
  display: flex;
  gap: 5px;
  align-items: center;
  transition: var(--animation);
}
.top_header_user_name img {
  border-radius: 100%;
  width: 30px;
  height: 30px;
}
.top_header_user_name:hover span {
  color: var(--main_color);
}

.top_header_user_off {
  text-decoration: none;
  color: var(--text_black);
  display: flex;
  gap: 3px;
  align-items: center;
  transition: var(--animation);
}
.top_header_user_off svg {
  width: 22px;
  height: 22px;
  fill: var(--text_gray);
}
.top_header_user_off:hover svg {
  fill: orangered;
}

/*# sourceMappingURL=style.css.map */
