@scope([data-example]){[data-slot=tooltip-content]{align-items:center;gap:var(--space-2);box-sizing:border-box;width:max-content;max-width:min(16rem, var(--available-width));border-radius:var(--radius-control);background:var(--surface-2);box-shadow:var(--shadow-2);color:var(--ink);font-size:var(--text-xs);transform-origin:var(--transform-origin);padding:6px 10px;line-height:16px;transition:opacity .15s ease-out,scale .15s ease-out;display:flex}[data-slot=tooltip-content]:is([data-starting-style],[data-ending-style]){opacity:0;scale:.9}[data-slot=tooltip-content][data-instant]{transition:none}@media (prefers-reduced-motion:reduce){[data-slot=tooltip-content]{transition:opacity .15s ease-out}[data-slot=tooltip-content]:is([data-starting-style],[data-ending-style]){scale:none}}[data-slot=tooltip-shortcut]{margin-inline-start:auto}a[data-slot=tooltip-trigger][data-variant=link]{align-items:center;gap:var(--space-1);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;font-weight:500;display:inline-flex}a[data-slot=tooltip-trigger][data-variant=link]:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}[data-slot=row][role=group]:has([data-slot=tooltip-trigger]){gap:var(--space-1)}[data-slot=grid]:has([data-level]){grid-template-columns:repeat(7, var(--space-6));gap:var(--space-1);display:grid}[data-slot=tooltip-trigger][data-level]{width:var(--space-6);height:var(--space-6);box-shadow:inset 0 0 0 1px var(--line-faint);border-radius:5px;padding:0}[data-slot=tooltip-trigger][data-level][data-level="1"]{background:color-mix(in oklab, var(--ink) 22%, var(--surface-1))}[data-slot=tooltip-trigger][data-level][data-level="2"]{background:color-mix(in oklab, var(--ink) 55%, var(--surface-1))}[data-slot=tooltip-trigger][data-level][data-level="3"]{background:var(--ink)}[data-slot=tooltip-trigger][data-level]:hover{box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=tooltip-trigger][data-level]:active{scale:none}ul:has(>li [data-slot=tooltip-trigger]){box-sizing:border-box;width:16rem;max-width:100%;padding:var(--space-1);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);gap:0}ul>li [data-slot=tooltip-trigger]{border-radius:var(--radius-row);width:100%;height:auto;min-height:32px;box-shadow:none;background:0 0;justify-content:flex-start;padding:6px 10px;font-weight:400}ul>li [data-slot=tooltip-trigger]:hover{background:var(--tint)}ul>li [data-slot=tooltip-trigger]:active{box-shadow:none;scale:none}ul>li [data-slot=tooltip-trigger]:focus-visible{outline-offset:-3px}ul>li [data-slot=tooltip-trigger]>svg{width:14px;height:14px;color:var(--muted)}ul>li [data-slot=tooltip-trigger]>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-slot=row]:has(>input):has([data-slot=tooltip-trigger]){flex-wrap:nowrap;width:20rem;max-width:100%}[data-slot=row]:has(>input):has([data-slot=tooltip-trigger])>input{flex:1}[data-slot=row]:has(>code):has([data-slot=tooltip-trigger])>code{border-radius:var(--radius-control);background:var(--tint);font-family:var(--mono);font-size:var(--text-sm);padding:6px 10px}:scope[data-example=tooltip\/controlled] [data-slot=controls]{margin-bottom:var(--space-8)}:scope[data-example=tooltip\/side] [data-slot=grid]{justify-items:center;gap:var(--space-2);grid-template-columns:auto 7rem auto}:scope[data-example=tooltip\/side] [data-slot=grid]>:nth-child(1 of :not([data-slot=tooltip-content])),:scope[data-example=tooltip\/side] [data-slot=grid]>:nth-child(4 of :not([data-slot=tooltip-content])){grid-column:2}:scope[data-example=tooltip\/side] [data-slot=grid]>:nth-child(2 of :not([data-slot=tooltip-content])){grid-column:1}:scope[data-example=tooltip\/side] [data-slot=grid]>:nth-child(3 of :not([data-slot=tooltip-content])){grid-column:3}}
