.app-tooltip {
  position: fixed;
  inset: auto;
  margin: 0;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100% - 14px);
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: #303735;
  color: #fff;
  font: 500 13px/18px "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  overflow-wrap: anywhere;
  pointer-events: none;
  opacity: 0;
  transition: opacity 160ms ease, display 160ms allow-discrete, overlay 160ms allow-discrete;
}

.app-tooltip:popover-open { opacity: 1; }

@starting-style {
  .app-tooltip:popover-open { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .app-tooltip { transition: none; }
}