.tooltip{position:relative;display:inline-block}.tooltip__trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans);cursor:default;margin-left:2px}.tooltip__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.tooltip__bubble{position:absolute;left:0;top:120%;min-width:150px;max-width:280px;background:var(--surface);color:var(--text);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:8px;padding:8px 10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:5}.tooltip:hover .tooltip__bubble,.tooltip__trigger:focus+.tooltip__bubble{opacity:1;transform:translateY(0)}.tooltip .tooltip__bubble.tooltip__bubble--dismissed{opacity:0;pointer-events:none}