@layer ui.tokens,ui.base;@layer ui.components{.tooltip{--tooltip-offset:var(--ui-space-2);--tooltip-display:inline-block}:where(.tooltip){display:var(--tooltip-display);position:relative}.tooltip:before{content:attr(data-tip);z-index:1;inline-size:max-content;max-inline-size:20rem;padding:var(--ui-space-1) var(--ui-space-2);border-radius:var(--ui-radius-small);background-color:var(--ui-color-inverse);color:var(--ui-color-on-inverse);font-size:var(--ui-text-sm);text-align:start;white-space:normal;opacity:0;pointer-events:none;transition:opacity var(--ui-motion-duration) var(--ui-motion-ease) 75ms;line-height:1.25;position:absolute;inset-block-end:calc(100% + var(--tooltip-offset));inset-inline-start:50%;translate:-50%}.tooltip:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):not(.tooltip-start,.tooltip-end)):before{translate:50%}.tooltip-start:before,.tooltip-end:before{inset-block:50% auto;translate:0 -50%}.tooltip-start:before{inset-inline:auto calc(100% + var(--tooltip-offset))}.tooltip-end:before{inset-inline:calc(100% + var(--tooltip-offset)) auto}@media (hover:hover){.tooltip:where(:hover):before{opacity:1}}.tooltip:where(:has(:focus-visible),:focus-visible):before{opacity:1}@media (prefers-reduced-motion:reduce){.tooltip:before{transition:none}}@media (forced-colors:active){.tooltip:before{border:var(--ui-border-width) solid CanvasText;color:canvastext;background-color:canvas}}}