.adr-tooltip-trigger{ text-decoration: underline dotted; cursor: help; background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; display: inline; }

.adr-tooltip{
  position: fixed;
  z-index: 9999;
  background: #24201E;
  color: #fff;
  border-radius: 8px;
  padding: 1.6rem; /* 16px if 1rem=10px */
  max-width: 300px;
  width: max-content;
  box-shadow: 0 10px 25px rgba(0,0,0,.2);
  display: none;
}
.adr-tooltip.is-active{ display: block; }

.adr-tooltip .adr-tooltip-inner{ 
    font-size: 1.4rem; 
    line-height: 1.4; 
    font-family: 'Nudica';
    font-weight: 300;
    letter-spacing: -0.042rem;
}

.adr-tooltip .adr-tooltip-arrow{
  position: absolute;
  width: 19px; height: 10px;
  left: var(--arrow-left, 12px);
}

/* Arrow default points up from tooltip top when placed below trigger */
.adr-tooltip.place-bottom .adr-tooltip-arrow{ top: -10px; }
.adr-tooltip.place-bottom .adr-tooltip-arrow::before{
  content: "";
  display: block;
  width: 19px; height: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"10\" viewBox=\"0 0 19 10\" fill=\"none\"><path d=\"M9.5 0L0 10H19L9.5 0Z\" fill=\"%2324201E\"/></svg>') no-repeat center/contain;
}

/* Arrow flips when tooltip is above trigger */
.adr-tooltip.place-top .adr-tooltip-arrow{ bottom: -10px; transform: rotate(180deg); }
.adr-tooltip.place-top .adr-tooltip-arrow::before{ content: ""; display: block; width: 19px; height: 10px; background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"10\" viewBox=\"0 0 19 10\" fill=\"none\"><path d=\"M9.5 0L0 10H19L9.5 0Z\" fill=\"%2324201E\"/></svg>') no-repeat center/contain; }