.topppa-list-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: var(--topppa-anim-duration);
}
.topppa-list-item-wrapper .topppa-list-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  transition: var(--topppa-anim-duration);
}
.topppa-list-item-wrapper .topppa-list-item .list-tooltip-content {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  background: #040A24;
  padding: 15px;
  cursor: default;
  transition: 0.4s;
  opacity: 1;
  color: var(--topppa-color-white);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
  z-index: 1;
  border-radius: 5px;
  transition: 0.4s;
}
.topppa-list-item-wrapper .topppa-list-item.active:hover .list-tooltip-content {
  visibility: visible;
  opacity: 1;
  bottom: 40px;
}
.topppa-list-item-wrapper .topppa-list-item .item-icon {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topppa-list-item-wrapper .topppa-list-item .item-title {
  margin-bottom: 0;
  color: var(--topppa-color-para);
  font-family: var(--topppa-body-font);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.8rem;
  transition: var(--topppa-anim-duration);
}
.topppa-list-item-wrapper .topppa-list-item .item-title a {
  color: var(--topppa-color-para);
}
.topppa-list-item-wrapper .topppa-list-item .item-title a:hover {
  color: var(--topppa-color-primary);
}
.topppa-list-item-wrapper .topppa-list-item .item-title span {
  transition: var(--topppa-anim-duration);
}
.topppa-list-item-wrapper .topppa-list-item .item-title.hover-anim a:hover span {
  margin-left: 5px;
}
.topppa-list-item-wrapper .topppa-list-item .item-title .item-badge [class*=badge--] {
  color: var(--topppa-color-primary);
  font-size: 10px;
  margin: -1px 0 0 5px;
  font-weight: 700;
  line-height: 10px;
  border-radius: 3px;
  padding: 3px 5px 3px 5px;
  background-color: rgba(14, 89, 242, 0.15);
  position: relative;
}
.topppa-list-item-wrapper .topppa-list-item .item-title .item-badge .badge--one {
  color: var(--topppa-color-primary);
  background-color: rgba(14, 89, 242, 0.15);
}
.topppa-list-item-wrapper .topppa-list-item .item-title .item-badge .badge--two {
  color: #fe02dc;
  background-color: rgba(254, 2, 220, 0.15);
}