[data-title]{position:relative}[data-title]:hover:after{content:attr(data-title);left:var(--title-x,0);top:var(--title-y,0);color:#fff;white-space:nowrap;box-sizing:border-box;z-index:1001;pointer-events:none;background-color:#1f2937;border-radius:4px;padding:4px 8px;font-size:14px;position:fixed}[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;box-sizing:border-box;z-index:1001;pointer-events:none;background-color:#1f2937;border-radius:4px;padding:4px 8px;font-size:14px;position:absolute;bottom:0;left:0;transform:translateY(100%)}