/* Tooltips */

.tooltip {
  position: relative;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #000a;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  position: absolute;
  z-index: 1000;
  top: calc(100% + 5px);
  left: 50%;
  padding: 0.25rem;
  transform: translateX(-50%);
  pointer-events: none;
}

.tooltiptext.right
{
  top: 50%;
  left: calc(100% + 5px);
  transform: translateY(-50%);
}

#inventory-wrapper .inventory-item-card-wrapper:nth-child(4n+1) .tooltip .tooltiptext
{
  margin-left: 0;
  transform: translateX(0);
  left: 0;
}

#inventory-wrapper .inventory-item-card-wrapper:nth-child(4n+4) .tooltip .tooltiptext
{
  transform: unset;
  left: unset;
  right: 0;
}