.oj-customer-hover[hidden] { display: none; }
.oj-customer-hover {
  position: fixed;
  z-index: 40;
  width: max-content;
  max-width: min(280px, calc(100vw - 16px));
  padding: 12px;
  border-radius: 3px;
  background: #f5f7ee;
  color: #233b2c;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  box-shadow: 0 3px 14px #14231f26;
}
.oj-customer-hover::after {
  content: '';
  position: absolute;
  left: var(--arrow-left);
  transform: translateX(-50%);
  border: 8px solid transparent;
}
.oj-customer-hover[data-placement='above']::after { top: 100%; border-top-color: #f5f7ee; }
.oj-customer-hover[data-placement='below']::after { bottom: 100%; border-bottom-color: #f5f7ee; }
.oj-customer-hover strong { display: block; margin-bottom: 5px; }
.oj-customer-hover-names { max-height: 216px; overflow-y: auto; }
.oj-customer-hover span { display: block; }