CSS Tip

Stop centring tooltips with 𝚝𝚛𝚊𝚗𝚜𝚕𝚊𝚝𝚎: -𝟻𝟶%. near the edge of the screen they get cut off.

.𝚝𝚘𝚘𝚕𝚝𝚒𝚙 {
𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚊𝚋𝚜𝚘𝚕𝚞𝚝𝚎;
𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗-𝚊𝚗𝚌𝚑𝚘𝚛: --𝚝𝚑𝚞𝚖𝚋;
𝚋𝚘𝚝𝚝𝚘𝚖: 𝚊𝚗𝚌𝚑𝚘𝚛(𝚝𝚘𝚙);
𝚓𝚞𝚜𝚝𝚒𝚏𝚢-𝚜𝚎𝚕𝚏: 𝚊𝚗𝚌𝚑𝚘𝚛-𝚌𝚎𝚗𝚝𝚎𝚛;
}

It stays centred on its anchor, and near an edge it slides in instead of spilling out.