.tip.svelte-r1qadu:after{content:attr(data-tip);z-index:50;border-radius:var(--radius-md);background:var(--c-surface-3);width:max-content;max-width:260px;color:var(--c-fg-1);white-space:normal;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:4px 8px;font-size:13px;font-weight:400;line-height:18px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.tip[data-side=bottom].svelte-r1qadu:after{top:calc(100% + 6px);bottom:auto;transform:translate(-50%,-4px)}.tip.svelte-r1qadu:hover:after,.tip.svelte-r1qadu:focus-within:after{opacity:1;transform:translate(-50%)}