[data-wow-item-tooltip] {
  cursor: help;
}

.wow-item-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin-right: 7px;
  border: 1px solid rgba(148, 163, 184, .55);
  border-radius: 5px;
  background: #e2e8f0;
  object-fit: cover;
  vertical-align: middle;
}

[data-wow-item-tooltip]:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 3px;
  border-radius: 4px;
}

.wow-item-tooltip {
  position: fixed;
  z-index: 10000;
  display: grid;
  width: min(360px, calc(100vw - 16px));
  gap: 5px;
  border: 1px solid #475569;
  border-radius: 8px;
  padding: 12px 13px;
  background: #111827;
  color: #e5e7eb;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .42);
  font: 12px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif;
  white-space: normal;
  box-sizing: border-box;
  max-height: calc(100dvh - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  overflow-wrap: anywhere;
  grid-auto-rows: max-content;
  pointer-events: auto;
}

.wow-item-tooltip[hidden] {
  display: none;
}

.wow-item-tooltip__name {
  margin-bottom: 2px;
  color: #f8fafc;
  font-size: 13px;
}

.wow-item-tooltip__line,
.wow-item-tooltip__stat,
.wow-item-tooltip__effect {
  display: block;
}

.wow-item-tooltip__stat {
  color: #86efac;
}

.wow-item-tooltip__effect {
  color: #fde68a;
}