.component-tool-tip{position:relative}.component-tool-tip:hover .arrow,.component-tool-tip:hover .content{visibility:visible;opacity:1;transition:opacity .2s}.component-tool-tip .icon{font-size:12px;margin-left:0}.component-tool-tip .content{width:100vw;max-width:240px;font-size:12px;background-color:var(--muted);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border),0 4px 12px rgba(0,0,0,.35);z-index:1;padding:10px 12px;bottom:27px;line-height:1.3em;border-radius:var(--radius-sm);white-space:normal}.component-tool-tip .arrow,.component-tool-tip .content{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%)}.component-tool-tip .arrow{content:"";border-style:solid;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-top:7px solid var(--gray-500);bottom:20px}