.og-tooltip{display:inline-block;position:relative}.og-tooltip-trigger{cursor:help;border-bottom:1px dotted var(--fg-3,currentColor);outline:none}.og-tooltip-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.og-tooltip-tip{background:var(--fg,#111);min-width:200px;max-width:320px;color:var(--bg,#fff);border-radius:var(--radius,6px);text-align:left;letter-spacing:0;text-transform:none;white-space:normal;z-index:100;opacity:0;visibility:hidden;pointer-events:none;padding:10px 14px;font-size:13px;font-weight:400;line-height:1.5;transition:opacity .15s,transform .15s,visibility 0s linear .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px #0000002e}.og-tooltip-tip:after{content:"";border:5px solid #0000;border-top-color:var(--fg,#111);position:absolute;top:100%;left:50%;transform:translate(-50%)}.og-tooltip:hover .og-tooltip-tip,.og-tooltip:focus-within .og-tooltip-tip{opacity:1;visibility:visible;transition:opacity .15s,transform .15s,visibility linear;transform:translate(-50%)translateY(0)}