.tip.svelte-11extwn{align-items:center;display:inline-flex;position:relative}.tip-bubble.svelte-11extwn{z-index:60;color:#fff;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;contain:layout;background:#111;border-radius:8px;padding:.4rem .65rem;font-size:.75rem;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;transform:translateY(2px);box-shadow:0 8px 24px #00000040}.tip-bubble.svelte-11extwn:after{content:"";border:5px solid #0000;position:absolute}.tip[data-side=right].svelte-11extwn .tip-bubble:where(.svelte-11extwn){top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.tip[data-side=right].svelte-11extwn .tip-bubble:where(.svelte-11extwn):after{border-right-color:#111;top:50%;right:100%;transform:translateY(-50%)}.tip[data-side=top].svelte-11extwn .tip-bubble:where(.svelte-11extwn){bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tip[data-side=top].svelte-11extwn .tip-bubble:where(.svelte-11extwn):after{border-top-color:#111;top:100%;left:50%;transform:translate(-50%)}.tip[data-side=left].svelte-11extwn .tip-bubble:where(.svelte-11extwn){top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(4px)}.tip[data-side=left].svelte-11extwn .tip-bubble:where(.svelte-11extwn):after{border-left-color:#111;top:50%;left:100%;transform:translateY(-50%)}.tip.svelte-11extwn:hover .tip-bubble:where(.svelte-11extwn),.tip.svelte-11extwn:focus-within .tip-bubble:where(.svelte-11extwn){opacity:1;transform:translateY(-50%)translate(0)}.tip[data-side=top].svelte-11extwn:hover .tip-bubble:where(.svelte-11extwn),.tip[data-side=top].svelte-11extwn:focus-within .tip-bubble:where(.svelte-11extwn){transform:translate(-50%)translateY(0)}.tip[data-side=left].svelte-11extwn:hover .tip-bubble:where(.svelte-11extwn),.tip[data-side=left].svelte-11extwn:focus-within .tip-bubble:where(.svelte-11extwn){transform:translateY(-50%)translate(0)}@media (width<=960px){.tip[data-side=right].svelte-11extwn .tip-bubble:where(.svelte-11extwn){inset:auto 0 calc(100% + 8px) auto;transform:translateY(4px)}.tip[data-side=right].svelte-11extwn .tip-bubble:where(.svelte-11extwn):after{border-top-color:#111;border-right-color:#0000;top:100%;left:auto;right:12px;transform:none}.tip[data-side=right].svelte-11extwn:hover .tip-bubble:where(.svelte-11extwn),.tip[data-side=right].svelte-11extwn:focus-within .tip-bubble:where(.svelte-11extwn){transform:translateY(0)}}