.tooltip{--_o:0;--_t:var(--tt-start,none);position:relative}.tooltip:is(:hover,:focus-visible,[data-tooltip-visible]){--_o:1;--_t:var(--tt-end,none)}.tooltip:before{content:attr(aria-label);bottom:calc(100% + var(--tt-gap,.5rem));transform-origin:bottom;box-sizing:border-box;max-width:var(--tt-max-width,20rem);padding:var(--tt-padding,.5em .75em);border-radius:var(--tt-radius,.25em);background-color:var(--tt-bg,#000000e6);color:var(--tt-color,#fff);font-size:var(--tt-size,.875rem);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:var(--tt-z-index,10);transition-duration:var(--tt-duration,.2s);transition-timing-function:var(--tt-ease,ease);box-shadow:var(--tt-shadow,none);opacity:var(--_o,0);translate:-50%;transform:var(--_t,none);font-weight:400;line-height:1.5;transition-property:opacity,transform;position:absolute;left:50%}@supports (position-area:block-start) and (position-try-fallbacks:flip-block){.tooltip:before{position-anchor:auto;position-try-fallbacks:var(--tt-fallbacks,flip-block, flip-inline);--_a:var(--tt-area,block-start);position-area:var(--_a);margin:var(--tt-gap,.5rem);margin-block:if(style(--_a: inline-start): 0; style(--_a: inline-end): 0; else: var(--tt-gap,.5rem));margin-inline:if(style(--_a: block-start): 0; style(--_a: block-end): 0; else: var(--tt-gap,.5rem));justify-self:anchor-center;transform-origin:50%;position:fixed;inset:auto;translate:none}}