/* NyxCMS unified item tooltip v2.1 */
.wm-mi-vault-tooltip,
#wm-vault-tooltip.wm-mi-vault-tooltip,
#wm-mis-personajes-tooltip.wm-mi-vault-tooltip,
#wm-market-tooltip.wm-mi-vault-tooltip,
#wm-imarket-tooltip.wm-mi-vault-tooltip,
#wm-jbank-tooltip.wm-mi-vault-tooltip,
#wm-webshop-tooltip.wm-mi-vault-tooltip,
#wm-discount-tooltip.wm-mi-vault-tooltip{
  position:fixed !important;
  z-index:99999 !important;
  width:285px !important;
  min-width:260px !important;
  max-width:min(285px, calc(100vw - 24px)) !important;
  padding:0 !important;
  border:1px solid rgba(122,138,166,.35) !important;
  border-radius:5px !important;
  background:#111827 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.45) !important;
  color:#d7deea !important;
  overflow:hidden !important;
  pointer-events:none !important;
  text-align:center !important;
  backdrop-filter:none !important;
  transform:none !important;
}

.wm-mi-vault-tooltip[hidden],
#wm-vault-tooltip[hidden],
#wm-mis-personajes-tooltip[hidden],
#wm-market-tooltip[hidden],
#wm-imarket-tooltip[hidden],
#wm-jbank-tooltip[hidden],
#wm-webshop-tooltip[hidden],
#wm-discount-tooltip[hidden]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__namebar,
#wm-vault-tooltip .wm-mi-vault-tooltip__namebar,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__namebar,
#wm-market-tooltip .wm-mi-vault-tooltip__namebar,
#wm-imarket-tooltip .wm-mi-vault-tooltip__namebar,
#wm-jbank-tooltip .wm-mi-vault-tooltip__namebar,
#wm-webshop-tooltip .wm-mi-vault-tooltip__namebar,
#wm-discount-tooltip .wm-mi-vault-tooltip__namebar{
  display:block !important;
  padding:8px 10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(122,138,166,.24) !important;
  border-radius:0 !important;
  background:#293141 !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name,
#wm-vault-tooltip .wm-mi-vault-tooltip__name,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__name,
#wm-market-tooltip .wm-mi-vault-tooltip__name,
#wm-imarket-tooltip .wm-mi-vault-tooltip__name,
#wm-jbank-tooltip .wm-mi-vault-tooltip__name,
#wm-webshop-tooltip .wm-mi-vault-tooltip__name,
#wm-discount-tooltip .wm-mi-vault-tooltip__name{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-shadow:none !important;
  color:#bd85ff !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name.is-normal{color:#e9edf6 !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name.is-high-level{color:#bd85ff !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name.is-excellent{color:#39f08a !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name.is-ancient{color:#a6ff4d !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name.is-socket,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__name.is-excellent-socket{color:#bd85ff !important;}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__body,
#wm-vault-tooltip .wm-mi-vault-tooltip__body,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__body,
#wm-market-tooltip .wm-mi-vault-tooltip__body,
#wm-imarket-tooltip .wm-mi-vault-tooltip__body,
#wm-jbank-tooltip .wm-mi-vault-tooltip__body,
#wm-webshop-tooltip .wm-mi-vault-tooltip__body,
#wm-discount-tooltip .wm-mi-vault-tooltip__body{
  display:block !important;
  padding:13px 14px 15px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#111827 !important;
  color:#d7deea !important;
  font-size:12px !important;
  line-height:1.25 !important;
  text-align:center !important;
  overflow:visible !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__thumb,
#wm-vault-tooltip .wm-mi-vault-tooltip__thumb,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__thumb,
#wm-market-tooltip .wm-mi-vault-tooltip__thumb,
#wm-imarket-tooltip .wm-mi-vault-tooltip__thumb,
#wm-jbank-tooltip .wm-mi-vault-tooltip__thumb,
#wm-webshop-tooltip .wm-mi-vault-tooltip__thumb,
#wm-discount-tooltip .wm-mi-vault-tooltip__thumb{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:70px !important;
  margin:0 0 8px !important;
  padding:0 !important;
  text-align:center !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-vault-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-market-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-imarket-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-jbank-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-webshop-tooltip .wm-mi-vault-tooltip__thumb img,
#wm-discount-tooltip .wm-mi-vault-tooltip__thumb img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__primary,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__serial,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__durability,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__requirement,
#wm-vault-tooltip .wm-mi-vault-tooltip__primary,
#wm-vault-tooltip .wm-mi-vault-tooltip__serial,
#wm-vault-tooltip .wm-mi-vault-tooltip__durability,
#wm-vault-tooltip .wm-mi-vault-tooltip__requirement,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__primary,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__serial,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__durability,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__requirement,
#wm-market-tooltip .wm-mi-vault-tooltip__primary,
#wm-market-tooltip .wm-mi-vault-tooltip__serial,
#wm-market-tooltip .wm-mi-vault-tooltip__durability,
#wm-market-tooltip .wm-mi-vault-tooltip__requirement,
#wm-imarket-tooltip .wm-mi-vault-tooltip__primary,
#wm-imarket-tooltip .wm-mi-vault-tooltip__serial,
#wm-imarket-tooltip .wm-mi-vault-tooltip__durability,
#wm-imarket-tooltip .wm-mi-vault-tooltip__requirement,
#wm-jbank-tooltip .wm-mi-vault-tooltip__primary,
#wm-jbank-tooltip .wm-mi-vault-tooltip__serial,
#wm-jbank-tooltip .wm-mi-vault-tooltip__durability,
#wm-jbank-tooltip .wm-mi-vault-tooltip__requirement,
#wm-webshop-tooltip .wm-mi-vault-tooltip__primary,
#wm-webshop-tooltip .wm-mi-vault-tooltip__serial,
#wm-webshop-tooltip .wm-mi-vault-tooltip__durability,
#wm-webshop-tooltip .wm-mi-vault-tooltip__requirement,
#wm-discount-tooltip .wm-mi-vault-tooltip__primary,
#wm-discount-tooltip .wm-mi-vault-tooltip__serial,
#wm-discount-tooltip .wm-mi-vault-tooltip__durability,
#wm-discount-tooltip .wm-mi-vault-tooltip__requirement{
  display:block !important;
  margin:1px 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#9aa6b8 !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  text-align:center !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__serial:empty,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__durability:empty,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__requirement:empty,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__classes:empty,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__title:empty{
  display:none !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-vault-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-market-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-imarket-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-jbank-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-webshop-tooltip .wm-mi-vault-tooltip__classes.is-icons,
#wm-discount-tooltip .wm-mi-vault-tooltip__classes.is-icons{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  width:auto !important;
  min-width:0 !important;
  margin:8px 0 10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.wm-mi-vault-tooltip__class-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.26) !important;
  overflow:hidden !important;
}

.wm-mi-vault-tooltip__class-icon img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__classes,
#wm-vault-tooltip .wm-mi-vault-tooltip__classes,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__classes,
#wm-market-tooltip .wm-mi-vault-tooltip__classes,
#wm-imarket-tooltip .wm-mi-vault-tooltip__classes,
#wm-jbank-tooltip .wm-mi-vault-tooltip__classes,
#wm-webshop-tooltip .wm-mi-vault-tooltip__classes,
#wm-discount-tooltip .wm-mi-vault-tooltip__classes{
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  margin:8px 0 10px !important;
  padding:5px 8px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#3b302a !important;
  color:#f4f4f0 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  text-align:center !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__title,
#wm-vault-tooltip .wm-mi-vault-tooltip__title,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__title,
#wm-market-tooltip .wm-mi-vault-tooltip__title,
#wm-imarket-tooltip .wm-mi-vault-tooltip__title,
#wm-jbank-tooltip .wm-mi-vault-tooltip__title,
#wm-webshop-tooltip .wm-mi-vault-tooltip__title,
#wm-discount-tooltip .wm-mi-vault-tooltip__title{
  display:block !important;
  margin:10px 0 7px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#ffbf17 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  text-align:center !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__options,
#wm-vault-tooltip .wm-mi-vault-tooltip__options,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__options,
#wm-market-tooltip .wm-mi-vault-tooltip__options,
#wm-imarket-tooltip .wm-mi-vault-tooltip__options,
#wm-jbank-tooltip .wm-mi-vault-tooltip__options,
#wm-webshop-tooltip .wm-mi-vault-tooltip__options,
#wm-discount-tooltip .wm-mi-vault-tooltip__options{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-align:center !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option,
#wm-vault-tooltip .wm-mi-vault-tooltip__option,
#wm-mis-personajes-tooltip .wm-mi-vault-tooltip__option,
#wm-market-tooltip .wm-mi-vault-tooltip__option,
#wm-imarket-tooltip .wm-mi-vault-tooltip__option,
#wm-jbank-tooltip .wm-mi-vault-tooltip__option,
#wm-webshop-tooltip .wm-mi-vault-tooltip__option,
#wm-discount-tooltip .wm-mi-vault-tooltip__option{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#37c7f4 !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  text-align:center !important;
  white-space:normal !important;
}

.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-socket{color:#b378ff !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-harmony{color:#42d7ff !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-option380{color:#ffcf4a !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-ancient{color:#a6ff4d !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-excellent,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-option,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-skill,
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-luck{color:#37c7f4 !important;}
.wm-mi-vault-tooltip .wm-mi-vault-tooltip__option.is-empty{color:#8290a5 !important;}

#wm-imarket-buy-modal .wm-imarket-buytooltip.wm-mi-vault-tooltip,
#wm-imarket-publish-modal .wm-imarket-publishpreview.wm-mi-vault-tooltip,
#wm-imarket-update-modal .wm-imarket-publishpreview.wm-mi-vault-tooltip{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:auto !important;
  width:285px !important;
  max-width:100% !important;
  margin:0 auto !important;
  pointer-events:auto !important;
}

@media (max-width:760px){
  .wm-mi-vault-tooltip,
  #wm-vault-tooltip.wm-mi-vault-tooltip,
  #wm-mis-personajes-tooltip.wm-mi-vault-tooltip,
  #wm-market-tooltip.wm-mi-vault-tooltip,
  #wm-imarket-tooltip.wm-mi-vault-tooltip,
  #wm-jbank-tooltip.wm-mi-vault-tooltip,
  #wm-webshop-tooltip.wm-mi-vault-tooltip,
  #wm-discount-tooltip.wm-mi-vault-tooltip{
    display:none !important;
  }
}