.ipd{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:help;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px;position:relative;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ipd::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,24px);height:24px;transform:translate(-50%,-50%)}
.ipd:focus-visible{outline:2px solid var(--rule-strong);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.ipd:hover{text-decoration-style:solid}}
#ipd-tip{position:fixed;left:0;top:0;z-index:70;box-sizing:border-box;width:max-content;max-width:min(260px,calc(100vw - 16px));padding:8px 13px;background:var(--ground);color:var(--ink);border:1px solid var(--rule-strong);border-radius:0;font:400 14px/20px var(--body);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms ease-out,visibility 0s linear 120ms}
#ipd-tip.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
@media (prefers-reduced-motion:reduce){#ipd-tip{transition:none}}