.hover-title{
position:absolute;
background-color:rgba(0,0,0,.7);
backdrop-filter:blur(1px);
-webkit-backdrop-filter:blur(1px);
border-radius:var(--br1);
box-sizing:border-box;
bottom:4px;
color:#fff;
font-size:14px;
font-weight:444;
left:50%;
line-height:24px;
max-width:calc(100% - 8px);
opacity:1;
overflow:hidden;
padding:0 10px;
pointer-events:none;
text-align:center;
text-overflow:ellipsis;
transform:translateX(-50%);
white-space:nowrap;
z-index:10;
}
.note-link-wrapper:has(.clip-favicon) > .hover-title,
.note-link-wrapper:has(.clip-favicon-svg) > .hover-title{
left:4px;
right:38px;
transform:none;
max-width:none;
}