/* Position table overlay on the wheel (position-overlay.js). Colours: page tokens only. */
html:not(#o) .position-overlay{position:absolute;z-index:3;max-height:calc(100% - 24px);overflow:auto;padding:4px 6px;
  background:var(--pn);color:var(--tx);border:1px solid var(--bd);border-radius:8px;font-family:var(--text-font,system-ui,sans-serif);
  font-size:var(--fs-caption);line-height:1.35;pointer-events:auto;opacity:.94}
html:not(#o) .position-overlay[hidden]{display:none}
html:not(#o) .position-overlay[data-corner="tl"]{top:12px;left:12px}
html:not(#o) .position-overlay[data-corner="tr"]{top:12px;right:12px}
html:not(#o) .position-overlay[data-corner="bl"]{bottom:12px;left:12px}
html:not(#o) .position-overlay[data-corner="br"]{bottom:12px;right:12px}
html:not(#o) .position-overlay .po-table{border-collapse:collapse}
html:not(#o) .position-overlay th{color:var(--td);font-weight:normal;text-align:left;padding:0 6px 2px 0;border-bottom:1px solid var(--bd)}
html:not(#o) .position-overlay td{padding:0 6px 0 0;white-space:nowrap;font-variant-numeric:tabular-nums}
html:not(#o) .position-overlay .po-glyph{font-family:var(--glyph-font,inherit);color:var(--ac);text-align:center}
html:not(#o) .position-overlay .po-angle .po-glyph{color:var(--a2);font-family:inherit;font-weight:bold}
html:not(#o) .position-overlay .po-num{color:var(--td)}
html:not(#o) .position-overlay .po-empty{color:var(--td);padding:2px 0}