/****************************************
ПОЛЬЗОВАТЕЛЬСКИЕ ИКОНКИ ФОРУМОВ
****************************************/

#pun-index div.icon,
#pun-index tr.inew div.icon {
  position: absolute;

  width: 24px;
  height: 32px;

  margin-left: -31px;

  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  border-radius: 0;

  box-shadow: none;
  animation: none;
}

/* обычный форум */

#pun-index div.icon {
  background-image: url(ССЫЛКА_НА_ОБЫЧНУЮ_ИКОНКУ);
}

/* новые сообщения */

#pun-index tr.inew div.icon {
  background-image: url(ССЫЛКА_НА_ИКОНКУ_НОВЫХ_СООБЩЕНИЙ);
}

/* убираем старые три квадратика внутри полосы */

#pun-index div.icon::after {
  content: none;
  display: none;
}

#pun-index .category h2 span:not(.categoryTool)::after {
  content: "";

  position: absolute;
  right: 16px;
  top: 50%;

  width: 72px;
  height: 10px;

  transform: translateY(-50%);

  border-top: 1px solid rgba(241, 238, 230, 0.75);
  border-bottom: 1px solid rgba(241, 238, 230, 0.25);

  background:
    linear-gradient(
      90deg,
      transparent 0 10px,
      #f1eee6 10px 16px,
      transparent 16px 28px,
      rgba(241, 238, 230, 0.55) 28px 34px,
      transparent 34px
    );
}

#pun-index .category h2 span:not(.categoryTool)::after {
  content: "01 / ACTIVE";

  position: absolute;
  right: 16px;
  top: 50%;

  transform: translateY(-50%);

  color: rgba(241, 238, 230, 0.72);

  font-family: var(--second-family);
  font-size: 7px;
  font-weight: 700;

  letter-spacing: 0.14em;
}