@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.info_icon_orange {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: coral;
  color: coral;
}

.info_icon_gray {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: darkgray;
  color: darkgray;
}

.info_icon_green {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: forestgreen;
  color: forestgreen;
}

.info_icon_red {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: crimson;
  color: crimson;
}

.info_icon_blue {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: cornflowerblue;
  color: cornflowerblue;
}

.info_icon_yellow {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: orange;
  color: orange;
}

.info_icon_purple {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: darkorchid;
  color: darkorchid;
}

.info_icon_black {
  display: inline-block;
  border: 1px solid;
  font-size: var(--font_size_ss);
  line-height: 1.2;
  margin-right: 0.2rem;
  padding: 0 8px;
  border-color: dimgray;
  color: dimgray;
}