.tip{position:relative}.tip:after{content:attr(data-tip);z-index:30;white-space:nowrap;color:#e2e8f0;opacity:0;transform-origin:0 0;pointer-events:none;background:#0b1220f7;border:1px solid #1bc59b66;border-radius:.55rem;padding:.4rem .7rem;font-size:.75rem;line-height:1.2;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-4px)scale(.97);box-shadow:0 10px 28px #00000080}@media (width<=639px){.tip:after{white-space:normal;width:max-content;max-width:9rem}}.tip-quote:after{white-space:normal;text-align:left;width:max-content;max-width:min(18rem,80vw);line-height:1.35}.tip:before{content:"";z-index:31;opacity:0;pointer-events:none;background:#0b1220f7;border-top:1px solid #1bc59b66;border-left:1px solid #1bc59b66;width:8px;height:8px;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:14px;rotate:45deg}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:none}.tip:hover:before,.tip:focus-visible:before{opacity:1}.tip[aria-expanded=true]:after,.tip[aria-expanded=true]:before{display:none}.tip-end:after,.note-actions .tip:after{transform-origin:100% 0;left:auto;right:0}.tip-end:before,.note-actions .tip:before{left:auto;right:14px}.tip[data-tip=""]:after,.tip[data-tip=""]:before{display:none}