.Tooltip{--tooltip-knob-depth:9px;--tooltip-trigger-gap:8px;--tooltip-transition-duration:.16s;display:inline-flex;position:relative}.Tooltip__trigger{align-items:center;background:none;border:0;border-radius:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;min-width:0;padding:0;text-align:inherit;-webkit-tap-highlight-color:transparent}.Tooltip__trigger:focus{outline:none}.Tooltip__trigger:focus-visible{border-radius:4px;outline:2px solid var(--fill-accent);outline-offset:2px}.Tooltip__positioner{max-width:min(412px,100vw - 32px);position:absolute;z-index:30}.Tooltip__popover,.Tooltip__positioner{display:block;width:-moz-max-content;width:max-content}.Tooltip__popover{background:var(--bg-primary-elevated);border-radius:12px;box-sizing:border-box;color:var(--text-primary);filter:drop-shadow(0 4px 20px rgba(17,37,59,.08)) drop-shadow(0 1px 2px rgba(17,37,59,.1));max-width:100%;padding:12px 40px 12px 12px;position:relative;transition:opacity var(--tooltip-transition-duration) var(--easing-ease-out-cubic),transform var(--tooltip-transition-duration) var(--easing-ease-out-cubic);will-change:opacity,transform}.Tooltip__content{display:block;max-width:360px;width:-moz-max-content;width:max-content}.Tooltip__close{align-items:center;background:none;border:0;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:color .15s ease,transform .15s var(--easing-ease-out-cubic);width:30px;-webkit-tap-highlight-color:transparent}.Tooltip__close span{display:flex;pointer-events:none}.Tooltip__close:hover{color:var(--text-secondary)}.Tooltip__close:active{transform:scale(.96)}.Tooltip__knob{color:var(--bg-primary-elevated);display:flex;pointer-events:none;position:absolute}.Tooltip__knob svg{display:block}.Tooltip--left .Tooltip__positioner,.Tooltip--right .Tooltip__positioner{top:50%;transform:translateY(-50%)}.Tooltip--right .Tooltip__positioner{left:calc(100% + var(--tooltip-knob-depth) + var(--tooltip-trigger-gap))}.Tooltip--left .Tooltip__positioner{right:calc(100% + var(--tooltip-knob-depth) + var(--tooltip-trigger-gap))}.Tooltip--bottom .Tooltip__positioner,.Tooltip--top .Tooltip__positioner{left:50%;transform:translate(-50%)}.Tooltip--top .Tooltip__positioner{bottom:calc(100% + var(--tooltip-knob-depth) + var(--tooltip-trigger-gap))}.Tooltip--bottom .Tooltip__positioner{top:calc(100% + var(--tooltip-knob-depth) + var(--tooltip-trigger-gap))}.Tooltip--right .Tooltip__popover{transform-origin:left center}.Tooltip--right .Tooltip__knob{left:-9px;top:50%;transform:translateY(-50%)}.Tooltip--left .Tooltip__popover{transform-origin:right center}.Tooltip--left .Tooltip__knob{right:-9px;top:50%;transform:translateY(-50%) rotate(180deg)}.Tooltip--top .Tooltip__popover{transform-origin:center bottom}.Tooltip--top .Tooltip__knob{bottom:-17.5px;left:50%;transform:translate(-50%) rotate(-90deg)}.Tooltip--bottom .Tooltip__popover{transform-origin:center top}.Tooltip--bottom .Tooltip__knob{left:50%;top:-17.5px;transform:translate(-50%) rotate(90deg)}.TooltipPopover-enter-from .Tooltip__popover,.TooltipPopover-leave-to .Tooltip__popover{opacity:0;transform:scale(.97)}.TooltipPopover-leave-active{pointer-events:none}@media (prefers-reduced-motion:reduce){.Tooltip__popover{transition-property:opacity}}