.ui-tooltip{--ui-tooltip-tip-inline-size:calc(var(--space-size-xs) * 1.5);--ui-tooltip-tip-block-size:calc(var(--ui-tooltip-tip-inline-size) * 15 / 18);container-type:anchored;max-inline-size:min(40ch, 100vw - var(--grid-padding) * 2);padding:var(--space-size-s);border-radius:var(--space-size-2xs);background-color:var(--color-primary-yellow);color:var(--color-body-text);text-align:start;margin:calc(var(--space-size-xs) + var(--ui-tooltip-tip-block-size)) var(--grid-padding);position-area:block-start;position-try-fallbacks:flip-block;opacity:0;transition:opacity var(--transition-default-duration) var(--transition-default-timing-function), overlay var(--transition-default-duration) allow-discrete, display var(--transition-default-duration) allow-discrete;border:0;inset:auto;overflow:visible}.ui-tooltip:popover-open{opacity:1}@starting-style{.ui-tooltip:popover-open{opacity:0}}.ui-tooltip:before{content:"";position-anchor:inherit;inline-size:var(--ui-tooltip-tip-inline-size);block-size:calc(var(--ui-tooltip-tip-block-size) + 1px);background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);position:fixed;inset-block-start:calc(anchor(top) - var(--space-size-xs) - var(--ui-tooltip-tip-block-size) - 1px);inset-inline-start:anchor(center);translate:-50%}@container anchored(fallback: flip-block){.ui-tooltip:before{inset-block-start:calc(anchor(bottom) + var(--space-size-xs));rotate:180deg}}@media (prefers-reduced-motion:reduce){.ui-tooltip{transition:none}}