/* MU Season 6 item tooltip. Kept separate so every inventory surface shares it. */

#mu-tooltip,
.mu-tooltip {
  position: fixed !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  display: none;
  min-width: 252px;
  max-width: min(370px, calc(100vw - 20px));
  padding: 8px 10px 9px;
  border: 1px solid rgba(119, 126, 139, 0.52);
  border-radius: 2px;
  color: #aeb4bf;
  background: rgba(1, 3, 5, 0.965);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.92),
    0 8px 24px rgba(0, 0, 0, 0.78),
    inset 0 0 28px rgba(23, 38, 55, 0.14);
  font-family: Arial, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.28;
  letter-spacing: 0;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  white-space: normal;
}

#mu-tooltip .mu-tooltip__name,
.mu-tooltip .mu-tooltip__name,
#mu-tooltip .tt-name {
  margin: 0 0 6px;
  color: #53a6e3;
  font: 700 12px/1.2 Arial, Tahoma, sans-serif;
  text-align: center;
}

#mu-tooltip .mu-tooltip__name--excellent,
.mu-tooltip .mu-tooltip__name--excellent,
#mu-tooltip .tt-exc {
  color: #00f44c;
}

#mu-tooltip .mu-tooltip__name--wing,
.mu-tooltip .mu-tooltip__name--wing {
  color: #ffdf00;
}

#mu-tooltip .mu-tooltip__name--ancient,
.mu-tooltip .mu-tooltip__name--ancient,
#mu-tooltip .tt-anc {
  color: #00f44c;
}

#mu-tooltip .mu-tooltip__line,
.mu-tooltip .mu-tooltip__line {
  min-height: 15px;
  color: #aeb4bf;
  text-align: center;
}

#mu-tooltip .mu-tooltip__line--stat,
#mu-tooltip .mu-tooltip__line--require,
#mu-tooltip .mu-tooltip__line--equip,
.mu-tooltip .mu-tooltip__line--stat,
.mu-tooltip .mu-tooltip__line--require,
.mu-tooltip .mu-tooltip__line--equip {
  color: #aab0b9;
}

#mu-tooltip .mu-tooltip__gap,
.mu-tooltip .mu-tooltip__gap {
  height: 8px;
}

#mu-tooltip .mu-tooltip__line--excellent,
#mu-tooltip .mu-tooltip__line--luck,
#mu-tooltip .mu-tooltip__line--option,
#mu-tooltip .tt-luck,
.mu-tooltip .mu-tooltip__line--excellent,
.mu-tooltip .mu-tooltip__line--luck,
.mu-tooltip .mu-tooltip__line--option {
  color: #73a8dc;
}

#mu-tooltip .mu-tooltip__line--skill,
#mu-tooltip .tt-skill,
.mu-tooltip .mu-tooltip__line--skill {
  color: #d7ab22;
}

#mu-tooltip .mu-tooltip__line--ancient,
.mu-tooltip .mu-tooltip__line--ancient {
  color: #50d97a;
}

#mu-tooltip .mu-tooltip__set-title,
.mu-tooltip .mu-tooltip__set-title {
  margin-bottom: 5px;
  color: #d7a900;
  text-align: center;
}

#mu-tooltip .mu-tooltip__set-progress,
.mu-tooltip .mu-tooltip__set-progress {
  margin-bottom: 5px;
  color: #8f96a1;
  font-size: 10px;
  text-align: center;
}

#mu-tooltip .mu-tooltip__line--set-active,
.mu-tooltip .mu-tooltip__line--set-active {
  color: #6f9fd0;
}

#mu-tooltip .mu-tooltip__line--set-missing,
.mu-tooltip .mu-tooltip__line--set-missing {
  color: #626873;
}

#mu-tooltip .mu-tooltip__line--380,
#mu-tooltip .mu-tooltip__line--harmony,
#mu-tooltip .mu-tooltip__line--socket,
#mu-tooltip .tt-380,
#mu-tooltip .tt-harm,
#mu-tooltip .tt-sock,
.mu-tooltip .mu-tooltip__line--380,
.mu-tooltip .mu-tooltip__line--harmony,
.mu-tooltip .mu-tooltip__line--socket {
  color: #b58ce5;
}

@media (max-width: 520px) {
  #mu-tooltip,
  .mu-tooltip {
    max-width: calc(100vw - 16px);
    font-size: 11px;
  }
}