.tooltip{z-index:0;position:relative}.tooltip-inner{z-index:1;width:calc(var(--width) + 16px);height:calc(var(--height) + 12px);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(var(--width)/2*-1 - 8px + 50%);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(var(--width)/2*-1 - 8px + 50%);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(var(--height)/2*-1 - 6px + 50%)}.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(var(--height)/2*-1 - 6px + 50%)}.tooltip._defaultOpen._left>.tooltip-inner,.tooltip:not(._disabled)._left:hover>.tooltip-inner{transform:translateX(calc(var(--distance)*-1))}