body.enhanced-tooltips [data-tooltip]::before,
body.enhanced-tooltips [data-tooltip]::after {
  display: none !important;
}

.site-tooltip-bubble {
  position: fixed;
  z-index: 10000;
  width: min(360px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  padding: 14px 16px;
  border: 1px solid var(--tip-border, rgba(173, 68, 68, .24));
  border-radius: 16px;
  background: var(--tip-bg, #f8dede);
  box-shadow: 0 18px 38px var(--tip-shadow, rgba(173, 68, 68, .15)), 0 0 0 1px rgba(255, 255, 255, .62) inset;
  color: var(--tip-text, #431b1b);
  font-size: 14px;
  line-height: 1.42;
  opacity: 1;
  pointer-events: none;
  white-space: normal;
}

.site-tooltip-bubble[hidden] {
  display: none;
}

.site-tooltip-bubble::after {
  content: "";
  position: absolute;
  left: var(--tooltip-arrow-left, 24px);
  bottom: -7px;
  width: 12px;
  height: 12px;
  border-right: 1px solid var(--tip-border, rgba(173, 68, 68, .24));
  border-bottom: 1px solid var(--tip-border, rgba(173, 68, 68, .24));
  background: var(--tip-bg, #f8dede);
  transform: translateX(-50%) rotate(45deg);
}

.site-tooltip-bubble.is-below::after {
  top: -7px;
  bottom: auto;
  transform: translateX(-50%) rotate(225deg);
}

.stats-owner-link {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 520px) {
  .site-tooltip-bubble {
    width: min(340px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    padding: 12px 14px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 1.4;
  }
}
