.tooltip{z-index:0;position:relative}.tooltip-inner{z-index:1;width:calc(16px + var(--width));height:calc(12px + var(--height));background-color:var(--tool-tip-background-color);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;justify-content:center;align-items:center;margin:auto;transition:all .15s;display:flex;position:absolute;box-shadow:0 0 60px #0000004d}.tooltip-slot{z-index:0;width:100%}.tooltip._defaultOpen>.tooltip-inner,.tooltip:not(._disabled):hover>.tooltip-inner{opacity:1}.tooltip:not(._disabled)._up>.tooltip-inner{left:calc(50% + -.5 * (16px + var(--width)));bottom:calc(50% + var(--start));transform:translateY(0)}.tooltip._defaultOpen._up>.tooltip-inner,.tooltip:not(._disabled)._up:hover>.tooltip-inner{transform:translateY(calc(var(--distance) * -1))}.tooltip:not(._disabled)._down>.tooltip-inner{top:calc(50% + var(--start));left:calc(50% + -.5 * (16px + var(--width)));transform:translateY(0)}.tooltip._defaultOpen._down>.tooltip-inner,.tooltip:not(._disabled)._down:hover>.tooltip-inner{transform:translateY(var(--distance))}.tooltip:not(._disabled)._right>.tooltip-inner{left:calc(50% + var(--start));top:calc(50% + -.5 * (12px + var(--height)))}.tooltip._defaultOpen._right>.tooltip-inner,.tooltip:not(._disabled)._right:hover>.tooltip-inner{transform:translateX(var(--distance))}.tooltip:not(._disabled)._left>.tooltip-inner{right:calc(50% + var(--start));top:calc(50% + -.5 * (12px + var(--height)))}.tooltip._defaultOpen._left>.tooltip-inner,.tooltip:not(._disabled)._left:hover>.tooltip-inner{transform:translateX(calc(var(--distance) * -1))}