.rleads-glossary-link{
  position:relative;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-underline-offset:3px;
}

.rleads-glossary-link[data-preview]:not([data-preview=""]):focus::after,
.rleads-glossary-link[data-preview]:not([data-preview=""]):hover::after{
  content:attr(data-preview) !important;
  position:absolute !important;
  z-index:2147483000 !important;
  left:50% !important;
  bottom:calc(100% + 10px) !important;
  transform:translateX(-50%) !important;
  display:block !important;
  box-sizing:border-box !important;
  width:max-content !important;
  min-width:180px !important;
  max-width:min(320px, calc(100vw - 32px)) !important;
  height:auto !important;
  min-height:0 !important;
  padding:10px 12px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:9px !important;
  background:#173748 !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.45 !important;
  letter-spacing:normal !important;
  text-align:left !important;
  text-transform:none !important;
  text-indent:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  box-shadow:0 10px 28px rgba(0,0,0,.20) !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

.rleads-glossary-link[data-preview]:not([data-preview=""]):focus::before,
.rleads-glossary-link[data-preview]:not([data-preview=""]):hover::before{
  content:'' !important;
  position:absolute !important;
  z-index:2147483001 !important;
  left:50% !important;
  bottom:calc(100% + 4px) !important;
  transform:translateX(-50%) !important;
  width:0 !important;
  height:0 !important;
  border:6px solid transparent !important;
  border-top-color:#173748 !important;
  pointer-events:none !important;
}

@media (max-width:600px){
  .rleads-glossary-link[data-preview]:not([data-preview=""]):focus::after,
  .rleads-glossary-link[data-preview]:not([data-preview=""]):hover::after{
    left:0 !important;
    transform:none !important;
    min-width:0 !important;
    width:min(280px, calc(100vw - 32px)) !important;
  }
  .rleads-glossary-link[data-preview]:not([data-preview=""]):focus::before,
  .rleads-glossary-link[data-preview]:not([data-preview=""]):hover::before{
    left:18px !important;
    transform:none !important;
  }
}