@layer puresv{.tooltip.svelte-11extwn{display:inline-flex;position:relative}.bubble.svelte-11extwn{z-index:30;width:max-content;max-width:16rem;padding:.25rem var(--puresv-space-2);border-radius:var(--puresv-radius-md);background-color:var(--puresv-primary);box-shadow:var(--puresv-shadow-md);color:var(--puresv-on-primary);font-family:var(--puresv-font);font-size:var(--puresv-text-xs);font-weight:var(--puresv-weight-medium);text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--puresv-duration-fast) var(--puresv-ease-out), transform var(--puresv-duration-fast) var(--puresv-ease-out), visibility var(--puresv-duration-fast);line-height:1.4;position:absolute;left:50%}.tooltip[data-placement=top].svelte-11extwn .bubble:where(.svelte-11extwn){transform-origin:bottom;bottom:calc(100% + .375rem);transform:translate(-50%)translateY(.125rem)scale(.96)}.tooltip[data-placement=bottom].svelte-11extwn .bubble:where(.svelte-11extwn){transform-origin:top;top:calc(100% + .375rem);transform:translate(-50%)translateY(-.125rem)scale(.96)}.bubble.svelte-11extwn:after{content:"";background-color:inherit;width:.375rem;height:.375rem;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}[data-placement=top].svelte-11extwn .bubble:where(.svelte-11extwn):after{bottom:-.1875rem}[data-placement=bottom].svelte-11extwn .bubble:where(.svelte-11extwn):after{top:-.1875rem}.tooltip.svelte-11extwn:focus-within .bubble:where(.svelte-11extwn){opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}@media (hover:hover){.tooltip.svelte-11extwn:hover .bubble:where(.svelte-11extwn){opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}}.tip-demo.svelte-16uqit{justify-content:center;width:100%;padding-block:2.25rem 2.5rem;display:flex}}