.title-on-hover{position:relative}.title-on-hover.top:before{top:-20px}.title-on-hover.bottom:before{bottom:-47px}.title-on-hover:is(:hover,:focus-within):before{animation:.5s forwards fade-in;display:block}.title-on-hover:before{content:attr(data-title);white-space:nowrap;transition:opacity var(--trans-dur);color:var(--text-col);font-size:12px;font-weight:bolder;font-family:var(--font-roboto-mono);z-index:1;background-color:var(--lightningcss-light,#ccc)var(--lightningcss-dark,#333);border-radius:100px;padding:5px 10px;display:none;position:absolute;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.title-on-hover:hover:before{animation:none}}