.tip-trigger.tip-trigger,.tip-icon.tip-icon{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:help;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}.tip-trigger.tip-trigger{text-overflow:ellipsis;max-width:100%;white-space:inherit;vertical-align:bottom;text-align:inherit;line-height:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 55%, transparent);text-decoration-color:color-mix(in oklab, currentColor 55%, transparent);text-underline-offset:2.5px;border-radius:3px;display:inline-block;overflow:hidden}.tip-trigger.tip-trigger:hover,.tip-trigger.tip-trigger[data-open]{color:var(--text);text-decoration-color:currentColor}.tip-trigger.tip-trigger:focus-visible{color:var(--page-text,var(--text));background:var(--page-soft,var(--surface-3));outline:none;text-decoration-color:currentColor}.tip-icon.tip-icon{width:22px;height:22px;color:var(--text-muted);vertical-align:middle;border-radius:50%;flex:none;place-items:center;margin:-4px -4px -4px 0;display:inline-grid}.tip-icon.tip-icon:hover,.tip-icon.tip-icon[data-open]{color:var(--text);background:var(--surface-3)}.tip{z-index:100;box-sizing:border-box;color:#ffffffdb;border-radius:var(--radius-sm,9px);width:max-content;max-width:min(288px,100vw - 16px);font-family:var(--font);letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;overflow-wrap:break-word;background:#1d1d22;padding:9px 12px 10px;font-size:12.5px;font-weight:450;line-height:1.45;animation:.12s ease-out tip-in;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #ffffff12,0 12px 28px -10px #00000080}.tip[hidden]{display:none}.tip-title{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#b9a8ff;margin-bottom:3px;font-size:11px;font-weight:500}.tip-arrow{left:var(--tip-arrow,50%);background:inherit;width:9px;height:9px;margin-left:-4.5px;position:absolute;transform:rotate(45deg)}.tip[data-side=top] .tip-arrow{bottom:-4px}.tip[data-side=bottom] .tip-arrow{top:-4px}@keyframes tip-in{0%{opacity:0}}:root[data-theme=dark] .tip{box-shadow:0 0 0 1px var(--border-strong), 0 14px 32px -10px #000c;background:#2a2a32}@media (prefers-reduced-motion:reduce){.tip{animation:none}}.tip-group{align-items:center;gap:6px;display:inline-flex}
