@layer havelcss.tokens,havelcss.base,havelcss.elements;@layer havelcss.components{:has(>[role=tooltip]){anchor-scope:--havel-tooltip;position:relative}:has(+[role=tooltip]){anchor-name:--havel-tooltip}[role=tooltip]{z-index:1;border:var(--space-s) solid transparent;border-radius:calc(var(--border-radius) + var(--space-s));padding:var(--space-s) var(--space-m);background-color:var(--color-bg-elevated);box-shadow:var(--shadow-strong);color:var(--color-text);inline-size:max-content;max-inline-size:20rem;font-size:var(--font-size-small);opacity:0;transition:opacity var(--duration-fast), display var(--duration-fast) allow-discrete;background-clip:padding-box;display:none;position:absolute;inset-block-start:50%;inset-inline-start:100%;translate:0 -50%}:has(>[role=tooltip]):hover>[role=tooltip],:focus-visible+[role=tooltip]{opacity:1;display:block}@starting-style{:has(>[role=tooltip]):hover>[role=tooltip],:focus-visible+[role=tooltip]{opacity:0}}@supports (anchor-scope:--havel-tooltip){[role=tooltip]{position-anchor:--havel-tooltip;position-area:inline-end center;position-try-fallbacks:flip-inline, block-start, block-end;position:fixed;inset:auto;translate:none}}}@layer havelcss.utilities;