@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.tooltip{--wel-tooltip-bg:var(--wel-color-ink);--wel-tooltip-ink:var(--wel-color-surface);--wel-tooltip-radius:var(--wel-radius-control);--wel-tooltip-padding-block:var(--wel-space-1);--wel-tooltip-padding-inline:var(--wel-space-2);--wel-tooltip-max-inline-size:18rem;--wel-tooltip-offset:var(--wel-space-1);--wel-tooltip-show-delay:.6s;padding-block:var(--wel-tooltip-padding-block);padding-inline:var(--wel-tooltip-padding-inline);max-inline-size:var(--wel-tooltip-max-inline-size);background-color:var(--wel-tooltip-bg);color:var(--wel-tooltip-ink);border-radius:var(--wel-tooltip-radius);font-size:var(--wel-text-size--1);line-height:var(--wel-text-leading-tight);border:0}@supports (anchor-name:--wel-a){.tooltip{position-area:block-start;position-try-fallbacks:flip-block;margin:var(--wel-tooltip-offset);inset:auto}}@supports (transition-behavior:allow-discrete){.tooltip{opacity:0;transition:opacity calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease), display calc(var(--wel-motion-duration-1) * var(--wel-motion)) allow-discrete, overlay calc(var(--wel-motion-duration-1) * var(--wel-motion)) allow-discrete}.tooltip:where(:popover-open){opacity:1}@starting-style{.tooltip:where(:popover-open){opacity:0}}}@media (forced-colors:active){.tooltip{border:var(--wel-border-width) solid CanvasText}}}@layer variants{@supports (anchor-name:--wel-a){.tooltip[data-placement=block-end]{position-area:block-end}.tooltip[data-placement=inline-start]{position-area:inline-start;position-try-fallbacks:flip-inline}.tooltip[data-placement=inline-end]{position-area:inline-end;position-try-fallbacks:flip-inline}}}@layer states,utilities,overrides;