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