/* SERPENS Kit Tooltips v3 */
.serpensKitItems{
  position:relative;
  display:block;
  width:100%;
}

.serpensKitItems__grid{
  position:absolute;
  left:var(--items-left);
  right:var(--items-right);
  top:var(--items-top);
  bottom:var(--items-bottom);
  display:grid;
  grid-template-columns:repeat(9,1fr);
  grid-template-rows:repeat(6,1fr);
  z-index:3;
}

.serpensKitItems__grid--v5{z-index:7}

.serpensKitItems__cell{
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:3px;
  background:transparent;
  cursor:help;
  appearance:none;
  -webkit-appearance:none;
}

.serpensKitItems__cell:hover,
.serpensKitItems__cell:focus-visible{
  outline:1px solid rgba(255,255,255,.48);
  outline-offset:-2px;
  background:rgba(255,255,255,.08);
}

.serpensKitItems__hint{
  margin:10px 0 0;
  color:rgba(255,255,255,.62);
  font-size:.78rem;
  text-align:center;
}

.mcItemTooltip{
  position:fixed;
  z-index:10000;
  width:max-content;
  min-width:210px;
  max-width:min(370px,calc(100vw - 16px));
  padding:7px 9px 8px;
  border:2px solid #2a0a40;
  border-radius:2px;
  background:rgba(8,0,14,.97);
  box-shadow:
    inset 0 0 0 1px rgba(88,20,130,.78),
    0 10px 28px rgba(0,0,0,.62);
  color:#fff;
  font-family:ui-monospace,"Cascadia Mono","Courier New",monospace;
  font-size:clamp(12px,1.25vw,15px);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.02em;
  text-align:left;
  text-shadow:2px 2px 0 rgba(0,0,0,.92);
  pointer-events:none;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .08s linear,transform .08s ease-out;
}

.mcItemTooltip[hidden]{display:none!important}
.mcItemTooltip.is-visible{opacity:1;transform:translateY(0)}
.mcItemTooltip__name{color:#55ffff;margin-bottom:3px}
.mcItemTooltip__quantity{color:#aaa;margin-bottom:2px}
.mcItemTooltip__sectionLabel,
.mcItemTooltip__line{color:#fff}
.mcItemTooltip__enchantment{color:#ffff55}
.mcItemTooltip__spacer{height:.72em}
.mcItemTooltip__attributeLabel{color:#aaa}
.mcItemTooltip__attribute{color:#5555ff}
.mcItemTooltip__tone--white{color:#fff}
.mcItemTooltip__tone--gray{color:#aaa}
.mcItemTooltip__tone--darkGray{color:#555}
.mcItemTooltip__tone--yellow{color:#ffff55}
.mcItemTooltip__tone--blue{color:#5555ff}
.mcItemTooltip__tone--green{color:#55ff55}
.mcItemTooltip__tone--aqua{color:#55ffff}
.mcItemTooltip__tone--red{color:#ff5555}
.mcItemTooltip__tone--darkRed{color:#aa0000}
.mcItemTooltip__tone--darkPurple{color:#aa00aa}
.mcItemTooltip__tone--lightPurple{color:#ff55ff}
.mcItemTooltip__italic{font-style:italic}
.mcItemTooltip__bold{font-weight:1000}

@media (max-width:640px){
  .mcItemTooltip{font-size:12px;min-width:190px;max-width:calc(100vw - 12px)}
  .serpensKitItems__hint{font-size:.72rem}
}

@media (prefers-reduced-motion:reduce){
  .mcItemTooltip{transition:none}
}