.tomato-tip,[data-slot=tooltip-content]{--tip-bg:var(--ink-900);--tip-fg:var(--cream-50)}.tomato-tip{position:fixed;z-index:1000;display:flex;align-items:center;gap:6px;max-width:240px;padding:6px 11px 6px 9px;border-radius:var(--radius-10);background:var(--tip-bg);color:var(--tip-fg);box-shadow:0 8px 22px -8px color-mix(in oklab,var(--ink-950) 55%,transparent),0 0 0 1px color-mix(in oklab,var(--cream-50) 8%,transparent);font-size:var(--text-xs);font-weight:500;line-height:16px;letter-spacing:-.01em;pointer-events:none;translate:-50% -100%;animation:tomato-tip-in .14s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:calc(50% + var(--tip-arrow, 0px)) bottom}.tomato-tip[data-side=bottom]{translate:-50% 0;transform-origin:calc(50% + var(--tip-arrow, 0px)) top}.tomato-tip:after{content:"";position:absolute;left:calc(50% + var(--tip-arrow, 0px));bottom:-4px;width:9px;height:9px;border-radius:2px;background:var(--tip-bg);translate:-50% 0;rotate:45deg}.tomato-tip[data-side=bottom]:after{top:-4px;bottom:auto}.tomato-tip-text{overflow-wrap:anywhere}.tomato-tip-note{flex:none;width:11px;height:13px;fill:var(--tomato-400)}@keyframes tomato-tip-in{0%{opacity:0;transform:scale(.92) translateY(3px)}}.tomato-tip[data-side=bottom]{animation-name:tomato-tip-in-down}@keyframes tomato-tip-in-down{0%{opacity:0;transform:scale(.92) translateY(-3px)}}@media (prefers-reduced-motion:reduce){.tomato-tip{animation:none}}