.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:var(--fz5);
font-weight:444;
left:4px;
right:4px;
width:fit-content;
margin:0 auto;
line-height:26px;
max-width:calc(100% - 8px);
opacity:1;
overflow:hidden;
padding:0 8px;
pointer-events:none;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
z-index:10;
}
.note-link-wrapper:has(.clip-favicon) > .hover-title,
.note-link-wrapper:has(.clip-favicon-svg) > .hover-title{
right:34px;
max-width:calc(100% - 38px);
}