/* Tooltip · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Tooltip. */
/* base.css */
.tt{position:relative;display:inline-flex}
/* base.css */
.tip{position:absolute;bottom:calc(100% + var(--s-2));left:50%;z-index:var(--z-tip);display:inline-flex;align-items:center;gap:var(--s-2);padding:6px var(--s-2);border-radius:var(--r-control);background:hsl(var(--primary));color:hsl(var(--primary-foreground));font:var(--w-medium) var(--text-small)/1.25 var(--font-ui);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,2px);visibility:hidden;transition:opacity var(--motion-pop-out),transform var(--motion-pop-out),visibility 0s linear var(--motion-handoff)}
/* base.css */
.tip.wrap{white-space:normal;width:232px;line-height:1.4}
/* base.css */
.tip kbd{background:transparent;border-color:hsl(var(--primary-foreground)/.3);color:hsl(var(--primary-foreground))}
/* base.css */
.tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:hsl(var(--primary))}
/* base.css */
.tt:hover>.tip, .tt:focus-within>.tip, .tip.show{opacity:1;transform:translate(-50%,0);visibility:visible;transition:opacity var(--motion-pop-in),transform var(--motion-pop-in),visibility 0s;transition-delay:var(--tooltip-delay)}
/* base.css */
.tt:focus-within>.tip, .tip.show{transition-delay:0s}
/* base.css */
.tt.below>.tip{bottom:auto;top:calc(100% + var(--s-2))}
/* base.css */
.tt.below>.tip::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:hsl(var(--primary))}
/* base.css */
.tt.end>.tip{left:auto;right:-6px;transform:translate(0,2px)}
/* base.css */
.tt.end:hover>.tip, .tt.end:focus-within>.tip, .tt.end>.tip.show{transform:none}
/* base.css */
.tt.end>.tip::after{left:auto;right:16px;margin-left:0}
/* base.css */
[aria-expanded=true]+.tip, [aria-expanded=true]~.tip{display:none}