.tip-wrap.svelte-12yt393{--tip-gap:.5rem;--tip-face:#fffdf7;display:inline-flex;position:relative}.tip-wrap[data-tone=sand].svelte-12yt393{--tip-edge:#e0cfa4}.tip-wrap[data-tone=green].svelte-12yt393{--tip-edge:#7ab648}.tip-wrap[data-tone=deep].svelte-12yt393{--tip-edge:#2f6b2e}.tip-wrap[data-tone=purple].svelte-12yt393{--tip-edge:#5b2d90}.tip-wrap[data-tone=grey].svelte-12yt393{--tip-edge:#9a9186}.tip-wrap[data-tone=ink].svelte-12yt393{--tip-edge:#4a3320}.tip.svelte-12yt393,.tip-arrow.svelte-12yt393{z-index:30;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility 0s linear .12s;position:absolute}.tip.svelte-12yt393{background:var(--tip-face);width:max-content;max-width:15rem;color:var(--ink);border:2px solid var(--tip-edge);text-align:center;box-shadow:0 3px 0 var(--tip-edge);border-radius:14px;padding:.32rem .6rem;font-size:.78rem;font-weight:700;line-height:1.25}.tip-arrow.svelte-12yt393{width:16px;height:10px;overflow:visible}.tip-arrow.svelte-12yt393 path:where(.svelte-12yt393){fill:var(--tip-face);stroke:var(--tip-edge);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tip-wrap.svelte-12yt393:hover .tip:where(.svelte-12yt393),.tip-wrap.svelte-12yt393:hover .tip-arrow:where(.svelte-12yt393){opacity:1;visibility:visible;transition:opacity .12s .2s,visibility 0s linear .2s}.tip-wrap.svelte-12yt393:focus-within .tip:where(.svelte-12yt393),.tip-wrap.svelte-12yt393:focus-within .tip-arrow:where(.svelte-12yt393){opacity:1;visibility:visible;transition:none}.tip-wrap[data-placement=top].svelte-12yt393 .tip:where(.svelte-12yt393){margin-bottom:var(--tip-gap);bottom:100%}.tip-wrap[data-placement=bottom].svelte-12yt393 .tip:where(.svelte-12yt393){margin-top:var(--tip-gap);top:100%}.tip-wrap[data-placement=top][data-align=center].svelte-12yt393 .tip:where(.svelte-12yt393),.tip-wrap[data-placement=bottom][data-align=center].svelte-12yt393 .tip:where(.svelte-12yt393){left:50%;translate:-50%}.tip-wrap[data-placement=top][data-align=start].svelte-12yt393 .tip:where(.svelte-12yt393),.tip-wrap[data-placement=bottom][data-align=start].svelte-12yt393 .tip:where(.svelte-12yt393){left:-2px}.tip-wrap[data-placement=top][data-align=end].svelte-12yt393 .tip:where(.svelte-12yt393),.tip-wrap[data-placement=bottom][data-align=end].svelte-12yt393 .tip:where(.svelte-12yt393){right:-2px}.tip-wrap[data-placement=top].svelte-12yt393 .tip-arrow:where(.svelte-12yt393){margin:0 0 calc(var(--tip-gap) - 8px) -8px;bottom:100%;left:50%}.tip-wrap[data-placement=bottom].svelte-12yt393 .tip-arrow:where(.svelte-12yt393){margin:calc(var(--tip-gap) - 8px) 0 0 -8px;top:100%;left:50%;rotate:180deg}.tip-wrap[data-placement=left].svelte-12yt393 .tip:where(.svelte-12yt393){margin-right:var(--tip-gap);top:50%;right:100%;translate:0 -50%}.tip-wrap[data-placement=right].svelte-12yt393 .tip:where(.svelte-12yt393){margin-left:var(--tip-gap);top:50%;left:100%;translate:0 -50%}.tip-wrap[data-placement=left].svelte-12yt393 .tip-arrow:where(.svelte-12yt393){margin:-5px calc(var(--tip-gap) - 12px) 0 0;top:50%;right:100%;rotate:-90deg}.tip-wrap[data-placement=right].svelte-12yt393 .tip-arrow:where(.svelte-12yt393){margin:-5px 0 0 calc(var(--tip-gap) - 12px);top:50%;left:100%;rotate:90deg}