/* High-contrast tooltips use a shared floating layer, including inside dialogs. */
.hp-control-tooltip{position:fixed;inset:auto;margin:0;padding:8px 11px;max-width:min(280px,calc(100vw - 16px));box-sizing:border-box;z-index:2147483000;background:#111318;color:#fff;border:1px solid #30343c;border-radius:8px;box-shadow:0 7px 22px #0004;font-family:inherit;font-size:12px;font-weight:500;line-height:1.6;letter-spacing:normal;text-align:start;overflow-wrap:anywhere;white-space:normal;pointer-events:auto;isolation:isolate}
.hp-control-tooltip[hidden]{display:none!important}
.hp-control-tooltip::after{content:'';position:absolute;width:7px;height:7px;background:#111318;inset-inline-start:auto;left:var(--tip-arrow-x,50%);transform:translateX(-50%) rotate(45deg);border:solid #30343c;border-width:0 1px 1px 0;pointer-events:none}
.hp-control-tooltip[data-placement=top]::after{bottom:-5px}
.hp-control-tooltip[data-placement=bottom]::after{top:-5px;transform:translateX(-50%) rotate(225deg)}
@media print{.hp-control-tooltip{display:none!important}}