#token-hud .hp-loss-wrap {
  position: absolute;
  left: 75px;
  display: none;
  top: 50%;
  width: 48px;
  text-align: start;
  overflow-y: auto;
}

#token-hud .hp-loss-wrap-col1 {
  transform: translate(-200%, -50%);
}

#token-hud .hp-loss-wrap-col2 {
  transform: translate(-300%, -50%);
}

#token-hud .hp-loss-wrap-col3 {
  transform: translate(-400%, -50%);
}

#token-hud .hp-loss-hud-active {
  display: block;
}

#token-hud .hp-loss-hud-disabled {
  display: none;
}

#token-hud .hud-loss-hp-button-select {
  max-width: 40px;
  background-image: var(--background-image-base);
  padding-top: 0;
  padding-bottom: 0;
  width: max-content;
  margin: 0;
  color:#252424;
}

#token-hud .hp-loss-wrap  .hud-loss-hp-button-select {
  padding-left: 8px;
  font-size: 0.9rem;
}
