.host.svelte-11extwn{display:inline-flex;position:relative}.tip.svelte-11extwn{z-index:30;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:none;padding:6px 8px;font-size:12px;line-height:1.3;display:none;position:absolute;left:50%;translate:-50%}.end.svelte-11extwn{left:auto;right:0;translate:none}.below.svelte-11extwn{top:calc(100% + 6px)}.above.svelte-11extwn{bottom:calc(100% + 6px)}.host.svelte-11extwn:focus-within:has(:where(.svelte-11extwn):focus-visible) .tip:where(.svelte-11extwn){animation:.1s ease-out .15s both svelte-11extwn-tip-in;display:block}@media (hover:hover){.host.svelte-11extwn:hover .tip:where(.svelte-11extwn){animation:.1s ease-out .15s both svelte-11extwn-tip-in;display:block}.host.pressed.svelte-11extwn:hover .tip:where(.svelte-11extwn){display:none}}@media (prefers-reduced-motion:reduce){.tip.svelte-11extwn{animation-duration:0s!important}}@keyframes svelte-11extwn-tip-in{0%{opacity:0}}